:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--sidebar-w:260px;--header-h:70px;--primary:#aa3bff;--primary-hover:#9822f5;--surface:#fff;--surface-muted:#f8f8fb;--surface-card:#fff;--text-main:#11142d;--text-muted:#808191;--border-color:#e4e4e9;--teal-color:#0bb783;--coral-color:#f64e60;--sidebar-bg:#0f1016}@media (prefers-color-scheme:dark){:root{--surface:#14151b;--surface-muted:#1b1c24;--surface-card:#181920;--text-main:#f4f5f8;--text-muted:#9598a8;--border-color:#272935;--sidebar-bg:#0d0e13}}.login-page{background:var(--surface);text-align:left;width:100%;min-height:100svh;display:flex}.login-art{color:#fff;background:linear-gradient(135deg,#101117 0%,#1e1333 50%,#0d0e13 100%);flex-direction:column;flex:1;justify-content:center;padding:64px 48px;display:flex;position:relative;overflow:hidden}.login-art:before{content:"";pointer-events:none;background:radial-gradient(circle,#aa3bff40 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-20%;right:-20%}.login-art h1{color:#fff;margin:16px 0 20px;font-size:48px;font-weight:700;line-height:1.1}.login-art h1 em{color:#c084fc;font-style:italic}.login-art p{color:#ffffffb3;max-width:440px;font-size:18px;line-height:1.6}.login-form{background:var(--surface);box-sizing:border-box;flex-direction:column;justify-content:center;width:480px;max-width:100%;padding:64px 48px;display:flex}.login-form h2{color:var(--text-main);margin:16px 0 6px;font-size:28px;font-weight:600}.login-form label{color:var(--text-main);flex-direction:column;gap:8px;margin-top:18px;font-size:14px;font-weight:500;display:flex}.login-form input{border:1px solid var(--border-color);background:var(--surface-muted);color:var(--text-main);border-radius:8px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.login-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #aa3bff26}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-input-wrapper input{box-sizing:border-box;width:100%;padding-right:44px}.password-toggle-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .15s,background-color .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--text-main);background-color:#0000000d}@media (prefers-color-scheme:dark){.password-toggle-btn:hover{background-color:#ffffff14}}.login-form small{color:var(--text-muted);text-align:center;margin-top:24px;font-size:12px;line-height:1.4}@media (width<=900px){.login-page{flex-direction:column}.login-art{padding:40px 24px}.login-form{width:100%;padding:40px 24px}}.mark{color:#fff;letter-spacing:-1px;background:#aa3bff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:inline-flex}.mark span{color:#ffde59}.eyebrow{letter-spacing:1.2px;text-transform:uppercase;color:#aa3bff;font-size:11px;font-weight:700;display:inline-block}.muted{color:var(--text-muted);font-size:14px}.alert{border-radius:8px;margin-top:16px;padding:12px 16px;font-size:14px}.alert.error{color:#f64e60;background:#f64e601f;border:1px solid #f64e6040}button.primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}button.primary:hover{background:var(--primary-hover)}button.primary.full{width:100%;margin-top:24px;padding:14px}button.secondary{background:var(--surface-muted);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s}button.secondary:hover{background:var(--border-color)}.icon-button{background:var(--surface-muted);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.app-shell{background:var(--surface);text-align:left;width:100%;min-height:100svh;display:flex}aside{width:var(--sidebar-w);background:var(--sidebar-bg);color:#fff;box-sizing:border-box;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;padding:24px 16px;display:flex}.brand{align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brand strong{letter-spacing:.5px;color:#fff;font-size:18px}.workspace{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;margin-bottom:24px;padding:12px 14px;display:flex;position:relative}.workspace span{letter-spacing:1px;color:#a0a0b0;font-size:10px;font-weight:700}.workspace b{color:#fff;margin-top:2px;font-size:14px}.workspace i{color:#a0a0b0;font-style:normal;position:absolute;top:50%;right:14px;transform:translateY(-50%)}aside nav{flex-direction:column;flex:1;gap:4px;display:flex}aside nav button{color:#9598a8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}aside nav button span{justify-content:center;width:20px;font-size:16px;display:inline-flex}aside nav button:hover{color:#fff;background:#ffffff0f}aside nav button.active{color:#fff;background:var(--primary);font-weight:600}.sidebar-foot{color:#a0a0b0;border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:16px 8px 0;font-size:12px;display:flex}.secure-dot{background:#0bb783;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 8px #0bb783}.sidebar-foot small{color:#656779}.main{background:var(--surface-muted);flex-direction:column;flex:1;min-width:0;display:flex}header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border-color);box-sizing:border-box;justify-content:space-between;align-items:center;padding:0 32px;display:flex}header h1{color:var(--text-main);margin:2px 0 0;font-size:20px;font-weight:700}.header-actions{align-items:center;gap:16px;display:flex}.profile{border-left:1px solid var(--border-color);align-items:center;gap:12px;padding-left:16px;display:flex}.avatar{color:#fff;background:#aa3bff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.avatar.large{width:56px;height:56px;font-size:22px}.profile span{color:var(--text-main);flex-direction:column;font-size:14px;font-weight:600;display:flex}.profile span small{color:var(--text-muted);font-size:11px;font-weight:400}.profile button{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .2s;display:flex}.profile button:hover{color:#f64e60;border-color:#f64e60}.content{box-sizing:border-box;flex-direction:column;flex:1;gap:24px;padding:32px;display:flex;overflow-y:auto}.welcome{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.welcome h2{color:var(--text-main);margin:4px 0 2px;font-size:22px;font-weight:700}.welcome p{color:var(--text-muted);font-size:14px}.live{color:#0bb783;letter-spacing:.5px;background:#0bb7831f;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.live i{background:#0bb783;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #0bb783}.metric{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:4px;padding:22px 24px;display:flex}.metric span{color:var(--text-muted);font-size:13px;font-weight:500}.metric strong{color:var(--text-main);letter-spacing:-.5px;font-size:28px;font-weight:800}.metric small{color:var(--text-muted);font-size:12px}.section-heading{justify-content:space-between;align-items:flex-end;margin-top:12px;display:flex}.section-heading h2{color:var(--text-main);margin:4px 0 0;font-size:20px;font-weight:700}.period{color:var(--text-muted);background:var(--surface);border:1px solid var(--border-color);border-radius:6px;padding:4px 10px;font-size:12px}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.chart{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:20px;padding:24px;display:flex}.chart-title{justify-content:space-between;align-items:center;display:flex}.chart-title span{color:var(--text-main);font-size:14px;font-weight:600}.chart-title strong{color:var(--text-main);font-size:24px;font-weight:700}.bars{border-bottom:1px solid var(--border-color);align-items:flex-end;gap:12px;height:140px;padding-bottom:8px;display:flex}.bars i{border-radius:4px 4px 0 0;flex:1;transition:opacity .2s}.bars.coral i{background:#f64e60}.bars.teal i{background:#0bb783}.chart-labels{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.leader-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.leader{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.leader h3{color:var(--text-main);justify-content:space-between;align-items:center;margin:0;font-size:16px;font-weight:700;display:flex}.leader h3 small{color:var(--primary);letter-spacing:.5px;background:#aa3bff1f;border-radius:12px;padding:3px 8px;font-size:10px}.leader-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.leader-row:last-child{border-bottom:none}.leader-row b{color:var(--primary);width:28px}.leader-row span{color:var(--text-main);flex:1;font-family:monospace}.leader-row strong{color:#0bb783;font-weight:700}.page-intro{margin-bottom:8px}.page-intro h2{color:var(--text-main);margin:4px 0 2px;font-size:24px;font-weight:700}.page-intro p{color:var(--text-muted);font-size:14px}.searchbar{gap:12px;max-width:600px;display:flex}.searchbar input{border:1px solid var(--border-color);background:var(--surface);color:var(--text-main);border-radius:8px;outline:none;flex:1;padding:12px 16px;font-size:15px}.searchbar input:focus{border-color:var(--primary)}.user-result{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:24px;margin-top:8px;padding:28px;display:flex}.user-top{align-items:center;gap:20px;display:flex}.user-top h2{color:var(--text-main);margin:0 0 4px;font-size:20px}.user-top p{color:var(--text-muted);font-family:monospace;font-size:13px}.status{color:#0bb783;text-transform:uppercase;letter-spacing:.5px;background:#0bb7831f;border-radius:20px;margin-left:auto;padding:6px 14px;font-size:12px;font-weight:700}.detail-grid{background:var(--surface-muted);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:20px;display:grid}.detail-grid div{flex-direction:column;gap:4px;display:flex}.detail-grid span{color:var(--text-muted);font-size:12px}.detail-grid strong{color:var(--text-main);font-size:18px;font-weight:700}.record-strip{border-top:1px solid var(--border-color);color:var(--text-muted);gap:24px;padding-top:12px;font-size:14px;display:flex}.record-strip b{color:var(--primary);margin-left:6px}.record-json{background:var(--surface);border:1px solid var(--border-color);color:var(--text-main);white-space:pre-wrap;border-radius:12px;padding:24px;font-family:monospace;font-size:13px;line-height:1.5;overflow-x:auto}.overview-container,.users-container,.competitions-container,.hosts-container,.content-manager-container,.notifications-container{flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;display:flex}.welcome-banner{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex}.welcome-banner h2{color:var(--text-main);margin:4px 0 6px;font-size:24px}.welcome-banner p{color:var(--text-muted);margin:0;font-size:14px}.live-status-badge{color:#0bb783;letter-spacing:.5px;background:#0bb7831f;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex}.live-dot{background:#0bb783;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-glow;box-shadow:0 0 0 3px #0bb7834d}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.metric-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:10px;padding:20px 24px;transition:transform .2s,border-color .2s;display:flex}.metric-card:hover{border-color:#aa3bff66}.metric-card-top{justify-content:space-between;align-items:center;display:flex}.metric-title{color:var(--text-muted);font-size:13px;font-weight:600}.metric-icon-box{background:var(--surface-muted);border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.metric-value{color:var(--text-main);letter-spacing:-.5px;font-size:28px;font-weight:700}.metric-hint{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.badge-subtle{background:var(--surface-muted);color:var(--text-muted);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.badge-tag{color:var(--primary);background:#aa3bff1f;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.section-divider{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:12px;padding-bottom:8px;display:flex}.section-divider h3{color:var(--text-main);margin:4px 0 0;font-size:20px}.period-chip{background:var(--surface-muted);border:1px solid var(--border-color);color:var(--text-muted);border-radius:20px;padding:4px 12px;font-size:12px}.pulse-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.pulse-header{justify-content:space-between;align-items:center;display:flex}.pulse-title{color:var(--text-main);align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.pulse-header strong{color:var(--text-main);font-size:22px}.pulse-bars{align-items:flex-end;gap:8px;height:64px;padding:4px 0;display:flex}.pulse-bars i{border-radius:4px 4px 0 0;flex:1}.coral-bars i{background:#f64e6066}.coral-bars i:hover{background:#f64e60}.teal-bars i{background:#0bb78366}.teal-bars i:hover{background:#0bb783}.pulse-footer{color:var(--text-muted);border-top:1px solid var(--border-color);justify-content:space-between;padding-top:12px;font-size:12px;display:flex}.leader-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.leader-card-header{justify-content:space-between;align-items:center;display:flex}.leader-card-header h4{color:var(--text-main);margin:0;font-size:16px}.leader-list{flex-direction:column;gap:10px;display:flex}.leader-item{background:var(--surface-muted);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.leader-rank{color:var(--primary);width:28px;font-size:13px;font-weight:700}.leader-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.leader-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.leader-id{color:var(--text-muted);font-family:monospace;font-size:11px}.leader-amount{color:#0bb783;font-size:15px;font-weight:700}.leader-empty{text-align:center;color:var(--text-muted);padding:24px;font-size:13px}.state-card{background:var(--surface);border:1px solid var(--border-color);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;display:flex}.state-card.error-state{border-color:#f64e604d}.state-desc{color:var(--text-muted);max-width:480px;margin:0;font-size:14px}.state-tip{color:var(--text-muted);background:var(--surface-muted);border-radius:6px;padding:8px 16px;font-size:12px}.loading-card{background:var(--surface);border:1px solid var(--border-color);text-align:center;color:var(--text-muted);border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:64px 24px;display:flex}.alert-card{border-radius:8px;align-items:center;gap:12px;padding:14px 18px;font-size:14px;display:flex}.alert-card.error{color:#f64e60;background:#f64e601f;border:1px solid #f64e6040}.alert-card.success{color:#0bb783;background:#0bb7831f;border:1px solid #0bb78340}.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-form-card{background:var(--surface);border:1px solid var(--border-color);border-radius:10px;flex-wrap:wrap;gap:12px;padding:8px;display:flex}.search-input-group{flex:1;align-items:center;gap:10px;min-width:260px;padding-left:12px;display:flex}.search-input-group input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:15px}.search-icon{color:var(--text-muted)}.header-btn-group{align-items:center;gap:10px;display:flex}.small-btn{border-radius:6px!important;align-items:center!important;gap:6px!important;padding:8px 14px!important;font-size:13px!important;display:inline-flex!important}button.danger{color:#f64e60;cursor:pointer;background:#f64e6026;border:1px solid #f64e604d;font-weight:600}button.danger:hover{color:#fff;background:#f64e60}button.success{color:#0bb783;cursor:pointer;background:#0bb78326;border:1px solid #0bb7834d;font-weight:600}button.success:hover{color:#fff;background:#0bb783}.status-pill{letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.status-pill.active,.status-pill.completed,.status-pill.delivered{color:#0bb783;background:#0bb7831f}.status-pill.live,.status-pill.open{color:#aa3bff;background:#aa3bff26}.status-pill.upcoming,.status-pill.pending{color:#ffa800;background:#ffa80026}.status-pill.suspended,.status-pill.banned,.status-pill.cancelled{color:#f64e60;background:#f64e6026}.user-profile-view{flex-direction:column;gap:20px;display:flex}.profile-header-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.profile-identity{align-items:center;gap:18px;display:flex}.user-avatar-large{color:#fff;background:#aa3bff;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:700;display:flex}.user-meta h3{color:var(--text-main);margin:0 0 4px;font-size:20px}.user-sub{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.profile-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.action-buttons-row{gap:8px;display:flex}.user-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.stat-label{color:var(--text-muted);font-size:12px;font-weight:600}.stat-value{color:var(--text-main);align-items:center;gap:6px;font-size:22px;font-weight:700;display:flex}.coin-play{color:#ffa800}.coin-win,.text-green{color:#0bb783}.text-purple{color:#aa3bff}.text-coral{color:#f64e60}.activity-breakdown-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:18px;padding:24px;display:flex}.activity-breakdown-card h4{color:var(--text-main);margin:0;font-size:16px}.activity-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.act-box{background:var(--surface-muted);border-radius:8px;flex-direction:column;gap:4px;padding:14px;display:flex}.act-box span{color:var(--text-muted);font-size:12px}.act-box strong{color:var(--text-main);font-size:18px}.current-matches-strip{border-top:1px solid var(--border-color);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;padding-top:14px;display:grid}.current-match-col{align-items:center;gap:8px;font-size:13px;display:flex}.current-match-col .label{color:var(--text-muted)}.current-match-col strong{color:var(--primary)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;gap:18px;width:100%;max-width:520px;max-height:90vh;padding:28px;display:flex;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--text-main);margin:0;font-size:20px}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.close-btn:hover{color:var(--text-main)}.modal-desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.modal-form{flex-direction:column;gap:16px;display:flex}.modal-form label{color:var(--text-main);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.modal-form input,.modal-form select,.modal-form textarea{border:1px solid var(--border-color);background:var(--surface-muted);color:var(--text-main);border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:var(--primary)}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.toggle-group{grid-template-columns:1fr 1fr;gap:8px;display:grid}.toggle-btn{border:1px solid var(--border-color);background:var(--surface-muted);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:10px;font-size:13px;font-weight:600}.toggle-btn.active-green{color:#0bb783;background:#0bb78326;border-color:#0bb783}.toggle-btn.active-red{color:#f64e60;background:#f64e6026;border-color:#f64e60}.matches-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.match-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:16px;padding:22px;display:flex}.match-card.highlighted{border-color:var(--primary);box-shadow:0 0 0 2px #aa3bff33}.match-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.match-top h4{color:var(--text-main);margin:6px 0 2px;font-size:16px}.match-code{color:var(--text-muted);font-size:12px}.match-meta-grid{background:var(--surface-muted);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;display:grid}.meta-box{flex-direction:column;gap:2px;display:flex}.meta-box span{color:var(--text-muted);font-size:11px}.meta-box strong{color:var(--text-main);font-size:13px}.match-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:14px;display:flex}.host-info{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.filters-row{gap:10px;display:flex}.filter-select{border:1px solid var(--border-color);background:var(--surface);color:var(--text-main);border-radius:8px;outline:none;padding:6px 12px;font-size:13px}.room-info-strip{background:#aa3bff14;border:1px dashed #aa3bff4d;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.room-details{color:var(--text-main);align-items:center;gap:8px;font-size:13px;display:flex}.raw-json-details{margin-top:12px}.raw-json-details summary{color:var(--text-muted);cursor:pointer;margin-bottom:8px;font-size:13px}.hosts-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.host-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:14px;padding:22px;display:flex}.host-card-top{justify-content:space-between;align-items:flex-start;display:flex}.host-identity{align-items:center;gap:12px;display:flex}.host-avatar{background:#3699ff!important;width:44px!important;height:44px!important;font-size:18px!important}.host-identity h4{color:var(--text-main);margin:0 0 2px;font-size:16px}.host-identity small{color:var(--text-muted);font-size:12px}.host-game-tag{color:var(--text-muted);background:var(--surface-muted);border-radius:6px;gap:6px;padding:6px 10px;font-size:12px;display:flex}.host-game-tag b{color:var(--text-main)}.host-stats-row{background:var(--surface-muted);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px;display:grid}.hstat{flex-direction:column;gap:2px;display:flex}.hstat span{color:var(--text-muted);font-size:11px}.hstat strong{color:var(--text-main);font-size:14px}.host-actions-strip{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:8px;padding-top:14px;display:flex}.presets-bar{background:var(--surface);border:1px solid var(--border-color);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}.presets-title{color:var(--text-main);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.preset-chip{background:var(--surface-muted);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.preset-chip:hover{border-color:var(--primary);color:var(--primary);background:#aa3bff14}.competition-form-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:20px;padding:28px;display:flex}.form-section-title{color:var(--text-main);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-top:4px;padding-bottom:8px;font-size:15px;font-weight:700;display:flex}.form-grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.form-grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.competition-form-card label{color:var(--text-main);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.competition-form-card input,.competition-form-card select,.competition-form-card textarea{border:1px solid var(--border-color);background:var(--surface-muted);color:var(--text-main);border-radius:8px;outline:none;padding:11px 14px;font-size:14px}.competition-form-card input:focus,.competition-form-card select:focus,.competition-form-card textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #aa3bff1f}.input-with-action{gap:8px;display:flex}.input-with-action input{flex:1}.form-submit-row{margin-top:8px}.notifications-layout-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px;display:grid}.notification-composer-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.notification-composer-card label{color:var(--text-main);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.notification-composer-card input,.notification-composer-card select,.notification-composer-card textarea{border:1px solid var(--border-color);background:var(--surface-muted);color:var(--text-main);border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.notification-composer-card input:focus,.notification-composer-card select:focus,.notification-composer-card textarea:focus{border-color:var(--primary)}.sent-history-card{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.history-header{justify-content:space-between;align-items:center;display:flex}.history-header h4{color:var(--text-main);align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.history-list{flex-direction:column;gap:12px;display:flex}.history-item{background:var(--surface-muted);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:8px;padding:16px;display:flex}.history-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.history-title{color:var(--text-main);font-size:14px;font-weight:700}.history-time{color:var(--text-muted);white-space:nowrap;font-size:11px}.history-message{color:var(--text-muted);margin:0;font-size:13px;line-height:1.4}.history-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.state{background:var(--surface);border:1px solid var(--border-color);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.loading{text-align:center;color:var(--text-muted);padding:48px;font-size:16px}@media (width<=768px){.app-shell{flex-direction:column}aside{border-bottom:1px solid #ffffff14;border-right:none;width:100%}header{padding:0 16px}.content{padding:16px}}