@import "https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Poetsen+One&display=swap";
:root{--background-deep:#021205;--surface-main:#03260e;--surface-secondary:#032b0f;--border-green:#144b23;--hover-green:#3aa25b;--primary-gold:#fbb636;--error-red:#ef4444;--white:#fff;--text-primary:#ededed;--text-secondary:#c8d0d8;--text-muted:#94a3b8;--mobile-theme:#001c07;--success-soft:#bbf7d0;--error-soft:#fecaca;--error-bright:#f87171;--info-cyan:#06b6d41a;--shadow-heavy:0 24px 80px #0000007a;--shadow-soft:0 12px 34px #00000047}*{box-sizing:border-box}html{background:var(--background-deep);min-height:100%}body{min-height:100%;color:var(--text-primary);background:radial-gradient(circle at 18% 8%, #3aa25b3d, transparent 27rem), radial-gradient(circle at 82% 4%, #fbb6362e, transparent 25rem), linear-gradient(#144b2333 1px, transparent 1px), linear-gradient(90deg, #144b232e 1px, transparent 1px), var(--background-deep);background-size:auto,auto,44px 44px,44px 44px,auto;background-attachment:fixed;margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.62}a{color:inherit;text-decoration:none}.app-shell{width:min(1360px,100%);min-height:100vh;margin:0 auto;padding:1.25rem 1.5rem 5rem}.topbar,.hero-row,.dashboard-grid,.two-column,.panel-heading,.current-channel,.header-actions,.brand-lockup,.desktop-tabs,.channel-card,.server-row,.metric-card,.control-row,.toggle-row,.audit-item,.user-pill,.status-badge,.primary-button,.ghost-button,.server-select-button{align-items:center;display:flex}.topbar{justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem}.brand-lockup{gap:.9rem}.logo-mark{width:52px;height:52px;color:var(--primary-gold);background:linear-gradient(145deg,#063814,#021c08);border:1px solid #fbb63673;border-radius:15px;place-items:center;display:grid;box-shadow:0 0 28px #fbb63624}.eyebrow,.section-label{color:var(--primary-gold);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--white);font-family:"Poetsen One", "Outfit", var(--font-fallback,sans-serif);letter-spacing:0;font-weight:500}h1{background:linear-gradient(90deg, #fff 0%, #bbf7d0 42%, var(--primary-gold) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,3vw,2.6rem)}h2{font-size:1.35rem}h3{font-size:1.2rem}p{color:var(--text-secondary);line-height:1.55}.header-actions{gap:.7rem}.user-pill{min-height:38px;color:var(--text-primary);border:1px solid var(--border-green);background:#03260edb;border-radius:999px;gap:.5rem;padding:0 .72rem 0 .28rem}.user-pill img,.user-pill span{border-radius:999px;width:30px;height:30px}.user-pill img{object-fit:cover}.user-pill span{color:#1d1300;background:var(--primary-gold);place-items:center;font-weight:900;display:grid}.user-pill strong{font-size:.84rem}.stat-pill,.ghost-button,.server-select-button,.primary-button,.icon-button,.tab-button,.mobile-tab,.login-fab{border:1px solid var(--border-green);color:var(--text-primary);background:#03260edb}.stat-pill{min-height:38px;color:var(--success-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:0 .82rem;display:inline-flex}.ghost-button,.server-select-button,.primary-button,.login-fab{border-radius:999px;justify-content:center;gap:.5rem;min-height:42px;padding:0 1rem;transition:transform .16s,border-color .16s,background .16s}.ghost-button:hover,.server-select-button:hover,.tab-button:hover,.channel-card:hover,.server-row:hover,.icon-button:hover{border-color:var(--primary-gold);transform:translateY(-1px)}.primary-button{color:#1d1300;background:linear-gradient(135deg, #ffd66f 0%, var(--primary-gold) 55%, #d88915 100%);border-color:#fbb636e0;font-weight:800;box-shadow:0 12px 30px #fbb63633}.hero-row{align-items:stretch;gap:1rem;margin-bottom:1rem}.glass-panel{border:1px solid var(--border-green);box-shadow:var(--shadow-heavy);background:linear-gradient(#032b0ff2,#03260ef2);border-radius:16px}.server-card{flex:1;justify-content:space-between;gap:1rem;padding:1.25rem}.server-card-copy{gap:.36rem;display:grid}.quick-stats{grid-template-columns:repeat(3,minmax(120px,1fr));gap:.8rem;min-width:420px;display:grid}.metric-card{min-height:96px;color:var(--primary-gold);border:1px solid var(--border-green);box-shadow:var(--shadow-soft);background:#032b0fe6;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:.28rem;padding:.95rem}.metric-card.success{color:var(--success-soft)}.metric-card span,.metric-card strong{color:var(--text-primary)}.metric-card span{color:var(--text-muted);font-size:.82rem;font-weight:700}.metric-card strong{font-size:1.12rem}.desktop-tabs{border:1px solid var(--border-green);background:#001c07c7;border-radius:16px;gap:.55rem;margin-bottom:1rem;padding:.42rem}.tab-button{min-height:42px;color:var(--text-secondary);border-radius:999px;justify-content:center;gap:.45rem;padding:0 1rem;transition:transform .16s,border-color .16s,background .16s}.tab-button.active,.mobile-tab.active{color:#241700;background:var(--primary-gold);border-color:var(--primary-gold);font-weight:800}.dashboard-grid{align-items:flex-start;gap:1rem}.login-screen,.select-server-screen,.manage-screen{gap:1.25rem;display:grid}.login-screen{place-items:center;min-height:62vh}.login-card{text-align:center;gap:1rem;width:min(680px,100%);padding:2rem;display:grid}.login-card h2,.select-heading h2,.manage-header h2{font-size:clamp(1.85rem,3.4vw,2.8rem)}.login-cta{justify-self:center;min-width:220px}.select-heading{justify-content:space-between;align-items:end;gap:1rem;width:100%;margin:0 auto 1rem;display:flex}.select-heading>div{gap:.35rem;display:grid}.refresh-button{flex:none}.server-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;display:grid}.server-tile{gap:.9rem;display:grid}.server-tile-art{min-height:190px;box-shadow:var(--shadow-soft);background:radial-gradient(circle,#fbb6362e,#0000 7rem),#03260ee6;border:1px solid #144b23c7;border-radius:8px;place-items:center;display:grid;overflow:hidden}.server-tile-art img,.server-tile-art span{border-radius:999px;width:86px;height:86px}.server-tile-art img{object-fit:cover;border:2px solid #ffffffc2}.server-tile-art span{color:var(--white);background:#021205b8;border:2px solid #94a3b880;place-items:center;font-size:1.2rem;font-weight:900;display:grid}.server-tile-footer{justify-content:space-between;align-items:center;gap:.9rem;display:flex}.server-tile-footer h3{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:1rem;font-weight:900}.server-tile-footer p{color:#a9bcff;font-size:.86rem}.tile-action{min-width:112px}.manage-header{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;display:grid}.manage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.unsaved-banner{color:var(--text-primary);box-shadow:var(--shadow-soft);background:#fbb6361a;border:1px solid #fbb6365c;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.unsaved-banner span{gap:.14rem;display:grid}.unsaved-banner strong{color:var(--white);font-size:.95rem}.unsaved-banner small{color:var(--text-secondary);font-size:.78rem}.unsaved-actions{flex:none;align-items:center;gap:.55rem;display:flex}.setup-strip{border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.server-list{width:330px;padding:1rem}.panel-heading{justify-content:space-between;gap:1rem;margin-bottom:.85rem}.panel-heading.compact{margin-bottom:.75rem}.icon-button{border-radius:999px;place-items:center;width:42px;height:42px;display:grid}.server-list-items,.main-stack,.audit-list{gap:.72rem;display:grid}.empty-state{color:var(--error-bright);background:#ef444414;border:1px solid #f871713d;border-radius:12px;align-items:flex-start;gap:.55rem;padding:.85rem;display:flex}.empty-state p{color:var(--error-soft);font-size:.82rem}.empty-state.neutral{color:var(--primary-gold);background:#fbb63614;border-color:#fbb63638}.empty-state.neutral p{color:var(--text-secondary)}.server-row{text-align:left;background:#0212057a;border:1px solid #144b23d1;border-radius:12px;gap:.72rem;width:100%;padding:.78rem;transition:transform .16s,border-color .16s,background .16s}.server-row.selected{border-color:var(--primary-gold);background:#fbb63614}.server-avatar{color:#1a1200;background:var(--primary-gold);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.server-avatar.image{object-fit:cover}.server-row span:nth-child(2){flex:1;gap:.12rem;min-width:0;display:grid}.server-row strong,.channel-card strong,.control-row strong,.toggle-row strong,.audit-item strong{color:var(--white);font-size:.93rem}.server-row small,.channel-card small,.control-row small,.toggle-row small,.audit-item small{color:var(--text-muted);font-size:.76rem}.server-row em{color:var(--success-soft);font-size:.72rem;font-style:normal;font-weight:800}.main-stack{flex:1}.settings-panel,.limits-panel,.audit-panel{padding:1.15rem}.manage-grid .settings-panel{align-self:start}.status-badge{border-radius:999px;gap:.38rem;min-height:32px;padding:0 .68rem;font-size:.78rem;font-weight:800}.status-badge.good{color:var(--success-soft);background:#bbf7d014;border:1px solid #bbf7d03d}.status-badge.warning{color:var(--primary-gold);background:#fbb63614;border:1px solid #fbb6363d}.status-badge.neutral{color:var(--text-muted);background:#94a3b814;border:1px solid #94a3b82e}.current-channel{background:#02120580;border:1px solid #144b23c7;border-radius:14px;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem}.current-channel p{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;display:grid}.config-empty{text-align:center;min-height:180px;color:var(--primary-gold);background:#0212056b;border:1px dashed #fbb63647;border-radius:14px;place-items:center;gap:.45rem;padding:2rem;display:grid}.config-empty p{max-width:560px;color:var(--text-secondary);font-size:.92rem}.channel-card{text-align:left;border:1px solid var(--border-green);background:#032b0fb8;border-radius:14px;gap:.72rem;min-height:78px;padding:.78rem;transition:transform .16s,border-color .16s,background .16s}.channel-card.selected{border-color:var(--primary-gold);box-shadow:inset 0 0 0 1px #fbb6362e}.channel-icon{width:42px;height:42px;color:var(--primary-gold);background:#fbb6361a;border:1px solid #fbb63638;border-radius:12px;place-items:center;display:grid}.channel-card span:nth-child(2){flex:1;gap:.14rem;min-width:0;display:grid}.channel-state{color:var(--success-soft)}.channel-state.warning{color:var(--error-bright)}.two-column{align-items:stretch;gap:1rem}.two-column>*{flex:1}.control-row,.field-row,.toggle-row{border-top:1px solid #144b23b8;justify-content:space-between;gap:1rem;min-height:60px;padding:.65rem 0}.control-row span,.field-row span,.toggle-row span{gap:.15rem;display:grid}.config-form{gap:.8rem;display:grid}.field-row{background:#0212056b;border:1px solid #144b23b8;border-radius:14px;grid-template-columns:minmax(170px,.8fr) minmax(260px,1.2fr);align-items:center;gap:1rem;padding:.8rem;display:grid}.field-row strong{color:var(--white);font-size:.93rem}.field-row small{color:var(--text-muted);font-size:.76rem;line-height:1.35}.text-input{width:min(360px,100%);height:42px;color:var(--white);border:1px solid var(--border-green);background:#021205db;border-radius:12px;outline:none;padding:0 .72rem}.select-input{width:100%;min-width:0;height:44px;color:var(--white);border:1px solid var(--border-green);background:#021205db;border-radius:12px;outline:none;padding:0 2.6rem 0 1rem;font-size:.98rem;font-weight:800}.select-input:focus,.text-input:focus{border-color:var(--primary-gold);box-shadow:0 0 0 3px #fbb63624}.app-banner{border-radius:12px;padding:.78rem .9rem;font-size:.86rem;line-height:1.45}.app-banner.info{color:#a5f3fc;background:var(--info-cyan);border:1px solid #06b6d433}.app-banner.error{color:var(--error-soft);background:#ef44441a;border:1px solid #f8717140}.number-input{width:86px;height:40px;color:var(--white);border:1px solid var(--border-green);background:#021205db;border-radius:12px;outline:none;padding:0 .72rem}.number-input:focus{border-color:var(--primary-gold);box-shadow:0 0 0 3px #fbb63624}.toggle-row input{width:44px;height:24px;accent-color:var(--primary-gold)}.readonly-strip{border-top:1px solid #144b23b8;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding-top:.75rem;display:grid}.readonly-strip.spacious{margin-top:1rem}.readonly-strip span{color:var(--text-secondary);background:#0212056b;border:1px solid #144b239e;border-radius:10px;padding:.55rem;font-size:.76rem}.choice-card{background:#0212056b;border:1px solid #144b23b8;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;min-height:104px;padding:.9rem 1rem;display:flex}.choice-card p{margin-top:.25rem;font-size:.9rem}.yesno-group{border:1px solid var(--border-green);background:#001c07d6;border-radius:999px;gap:.45rem;padding:.3rem;display:inline-flex}.yesno-option{min-width:70px;min-height:36px;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:999px;font-weight:800}.yesno-option.active{color:#241700;background:var(--primary-gold);border-color:var(--primary-gold)}.usage-panel{gap:.85rem;padding:1rem;display:grid}.server-activity-section{gap:.65rem;display:grid}.section-heading-row{color:var(--primary-gold);justify-content:space-between;align-items:end;gap:1rem;padding:0 .25rem;display:flex}.section-heading-row h2{font-size:1.65rem}.usage-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.mini-stat{background:#0212056b;border:1px solid #144b23b8;border-radius:12px;gap:.25rem;min-height:70px;padding:.7rem;display:grid}.mini-stat span{color:var(--text-muted);font-size:.76rem;font-weight:800}.mini-stat strong{color:var(--white);font-size:1.05rem}.yesno-pill{border-radius:999px;justify-content:center;align-items:center;min-width:110px;min-height:34px;padding:0 .72rem;font-size:.8rem;font-weight:900;display:inline-flex}.yesno-pill.yes{color:var(--success-soft);background:#bbf7d014;border:1px solid #bbf7d03d}.yesno-pill.no{color:var(--error-soft);background:#ef444414;border:1px solid #f871713d}.aligned-end{justify-self:end;margin-top:1rem}.audit-item{background:#0212057a;border:1px solid #144b23b8;border-radius:12px;gap:.65rem;padding:.75rem}.audit-dot{background:var(--primary-gold);border-radius:999px;flex:none;width:9px;height:9px;box-shadow:0 0 0 5px #fbb6361a}.audit-item div{flex:1;min-width:0}.audit-item p{color:var(--text-muted);font-size:.8rem}.audit-item.muted .audit-dot{background:var(--text-muted);box-shadow:0 0 0 5px #94a3b81a}.bottom-tab-bar{z-index:20;padding:.55rem max(.7rem, env(safe-area-inset-left)) max(.7rem, env(safe-area-inset-bottom)) max(.7rem, env(safe-area-inset-right));border-top:1px solid var(--border-green);background:#001c07f5;grid-template-columns:repeat(5,1fr);gap:.3rem;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-tab{min-width:0;min-height:54px;color:var(--text-muted);border-radius:12px;place-items:center;gap:.18rem;padding:.35rem;display:grid}.mobile-tab span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.68rem;font-weight:800;overflow:hidden}@media (max-width:980px){.hero-row,.dashboard-grid,.two-column,.manage-header{flex-direction:column}.manage-header{align-items:stretch;display:flex}.quick-stats{width:100%;min-width:0}.overview-grid,.server-tile-grid,.manage-grid,.usage-summary-grid,.readonly-strip{grid-template-columns:1fr}.server-list{width:100%}}@media (max-width:720px){.app-shell{padding:.85rem .75rem calc(2rem + env(safe-area-inset-bottom))}.topbar{gap:.8rem;margin-bottom:1rem;display:grid}.header-actions{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.brand-lockup{gap:.65rem;min-width:0}.logo-mark{border-radius:12px;width:44px;height:44px}h1{font-size:1.55rem;line-height:1.05}.user-pill{grid-column:1/-1;justify-content:flex-start;width:100%;min-width:0}.user-pill strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header-actions .ghost-button{width:100%;min-height:40px;padding:0 .7rem}.hero-row{margin-top:.5rem}.server-card,.current-channel,.choice-card,.unsaved-banner{flex-direction:column;align-items:stretch}.unsaved-actions{flex-direction:column-reverse;width:100%}.unsaved-actions .ghost-button,.unsaved-actions .primary-button{width:100%}.login-screen{place-items:start stretch;min-height:calc(100vh - 8rem)}.login-card{text-align:left;padding:1.25rem}.login-card h2,.select-heading h2,.manage-header h2{overflow-wrap:anywhere;font-size:2rem;line-height:1.04}.login-cta{width:100%;min-width:0}.select-heading{text-align:left;flex-direction:column;align-items:stretch;margin-bottom:0}.refresh-button{width:100%}.quick-stats,.channel-grid,.server-tile-grid,.overview-grid,.usage-summary-grid,.manage-grid{grid-template-columns:1fr}.server-tile-grid{gap:1rem}.server-tile{gap:.65rem}.server-tile-art{min-height:128px}.server-tile-art img,.server-tile-art span{width:68px;height:68px}.server-tile-footer{align-items:stretch}.server-tile-footer>div{min-width:0}.server-tile-footer h3{text-overflow:ellipsis;overflow:hidden}.tile-action{min-width:96px;padding:0 .8rem}.manage-screen,.select-server-screen{gap:.85rem}.manage-header{gap:.75rem}.manage-header>.primary-button{width:100%}.metric-card{border-radius:12px;min-height:82px;padding:.8rem}.settings-panel,.limits-panel,.audit-panel{border-radius:14px;padding:.85rem}.panel-heading{align-items:flex-start;gap:.7rem;margin-bottom:.7rem}.panel-heading h2,.section-heading-row h2{font-size:1.25rem;line-height:1.1}.status-badge{flex:none;min-height:30px;padding:0 .55rem;font-size:.72rem}.field-row{grid-template-columns:1fr;gap:.65rem;padding:.75rem}.control-row{flex-direction:column;align-items:stretch;gap:.65rem}.number-input,.select-input{width:100%}.choice-card{min-height:0}.yesno-group{border-radius:14px;grid-template-columns:1fr 1fr;width:100%;display:grid}.readonly-strip.setup-strip{grid-template-columns:1fr}.section-heading-row{align-items:center}.usage-panel{padding:.75rem}.mini-stat{min-height:62px}.desktop-tabs{display:none}}@media (max-width:420px){.app-shell{padding-inline:.65rem}h1{font-size:1.34rem}.header-actions{grid-template-columns:1fr}.header-actions .ghost-button{min-height:38px}.server-tile-footer{flex-direction:column}.tile-action{width:100%}.login-card h2,.select-heading h2,.manage-header h2{font-size:1.72rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}