:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f111a;--panel:#181b29;--panel-2:#202437;--text:#f4f6ff;--muted:#9aa3b8;--purple:#8b5cf6;--purple-2:#a78bfa;--danger:#ef4444;--border:#ffffff17}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #8b5cf629, transparent 32rem), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{border:1px solid var(--border);color:var(--text);font:inherit;background:#111421;border-radius:10px;padding:.75rem .85rem}button{background:var(--purple);cursor:pointer;border:0;min-height:42px;font-weight:700}button:disabled{opacity:.62;cursor:wait}button.secondary{background:var(--panel-2)}button.danger{background:var(--danger)}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#0f111adb;height:100vh;padding:1.25rem;position:sticky;top:0}.brand{color:var(--purple-2);margin-bottom:1.25rem;font-size:1.25rem;font-weight:800}.nav{gap:.35rem;display:grid}.nav-section{gap:.25rem;margin-bottom:.75rem;display:grid}.nav-section>span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:.4rem .75rem .15rem;font-size:.72rem;font-weight:800}.nav a{color:var(--muted);border-radius:10px;padding:.75rem}.nav a:hover{background:var(--panel);color:var(--text)}.main{width:100%;min-width:0;max-width:1440px;padding:1.5rem}h1{margin:0 0 1rem;font-size:clamp(1.75rem,3vw,2.5rem)}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.user{color:var(--muted);align-items:center;gap:.75rem;display:flex}.avatar{background:var(--panel-2);border-radius:999px;width:36px;height:36px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.card{background:linear-gradient(180deg, #ffffff09, transparent), var(--panel);border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:0 10px 30px #0000002e}.card.subtle{box-shadow:none;background:#ffffff06}.card h2,.card h3{margin:0 0 .8rem}.card.compact{padding:.9rem}.metric{font-size:1.85rem;font-weight:800}.muted{color:var(--muted)}.form{gap:.85rem;max-width:920px;display:grid}.row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;display:grid}label{color:var(--muted);gap:.35rem;display:grid}label span{font-size:.9rem}label small{color:var(--muted);line-height:1.35}label.check{color:var(--text);grid-template-columns:auto 1fr;align-items:start;gap:.65rem;display:grid}label.check input[type=checkbox]{width:auto;margin-top:.2rem}label.check span{gap:.2rem;display:grid}textarea{resize:vertical;min-height:160px}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:.7rem}.table th{color:var(--muted);font-size:.85rem;font-weight:700}.pill{color:var(--purple-2);background:#8b5cf62e;border-radius:999px;padding:.25rem .55rem;display:inline-flex}.login{place-items:center;min-height:100vh;padding:1rem;display:grid}.login .card{text-align:center;max-width:440px}.section-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.switch-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;display:grid}.switch{border:1px solid var(--border);color:var(--text);background:#ffffff08;border-radius:12px;align-items:center;gap:.6rem;padding:.7rem;display:flex}.switch input{width:auto}.toast{border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;padding:.8rem 1rem}.toast.success{color:#bbf7d0;background:#22c55e21}.toast.error{color:#fecaca;background:#ef444421}.clean-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.clean-list li{border:1px solid var(--border);background:#ffffff06;border-radius:10px;padding:.55rem}.empty{color:var(--muted);margin:0}.activity-list{gap:.65rem;display:grid}.activity{border:1px solid var(--border);background:#ffffff06;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem;display:grid}.activity p{margin:.2rem 0 0}.activity-icon{background:#8b5cf62e;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;display:grid}.setting{border:1px solid var(--border);background:#ffffff06;border-radius:12px;gap:.25rem;padding:.75rem;display:grid}.setting span{color:var(--muted);font-size:.85rem}.member-cell{align-items:center;gap:.45rem;display:inline-flex}.mini-avatar{border-radius:999px;width:26px;height:26px}.channel-link{color:var(--purple-2);font-weight:700}.discord-preview{border:1px solid var(--border);background:#111827;border-radius:12px;grid-template-columns:4px 1fr;max-width:620px;display:grid;overflow:hidden}.embed-bar{background:var(--purple)}.embed-body{padding:1rem}.embed-body p{white-space:pre-wrap;color:#dbe3f4}.embed-body img{border-radius:10px;max-width:100%;margin-top:.75rem}.embed-body small{color:var(--muted);margin-top:.75rem;display:block}.skeleton{min-height:110px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);animation:1.2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}}.landing{min-height:100vh;color:var(--text);background:linear-gradient(135deg,#8b5cf62e,#0000 34rem),linear-gradient(#0c0e16,#111421 46%,#0c0e16);padding:clamp(1.2rem,4vw,4rem)}.landing-hero{grid-template-columns:minmax(0,1.1fr) minmax(280px,.75fr);align-items:center;gap:clamp(2rem,5vw,5rem);max-width:1180px;min-height:min(760px,90vh);margin:0 auto;display:grid}.landing-kicker{color:var(--purple-2);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .75rem;font-size:.78rem;font-weight:800}.landing-hero h1{margin:0;font-size:clamp(4rem,10vw,8.5rem);line-height:.9}.landing-subtitle{color:#d8def2;max-width:680px;margin:1.25rem 0 0;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.45}.landing-actions{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:1.5rem;display:flex}.landing-button{background:var(--purple);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:.85rem 1.05rem;font-weight:800;display:inline-flex}.landing-button.secondary{border-color:var(--border);background:#ffffff0f}.server-address{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;gap:.2rem;margin-top:1.25rem;padding:.9rem 1rem;display:inline-grid}.server-address span,.landing-card span{color:var(--muted);font-size:.85rem}.server-address strong{font-size:1.25rem}.hero-panel{border:1px solid var(--border);background:linear-gradient(#ffffff14,#ffffff06);border-radius:22px;padding:1.25rem;box-shadow:0 24px 80px #00000052}.hero-panel-label{color:var(--purple-2);margin-bottom:1rem;font-weight:800;display:inline-flex}.hero-banner{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border);border-radius:16px;width:100%;display:block}.hero-panel p{color:#d8def2;margin:1rem 0 0;line-height:1.55}.landing-section{max-width:1180px;margin:0 auto;padding:clamp(2rem,5vw,4rem) 0}.landing-section-head h2,.landing-final h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.status-grid,.landing-card-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-top:1.25rem;display:grid}.landing-card,.upcoming-event-card{border:1px solid var(--border);background:#ffffff0b;border-radius:18px;padding:1.1rem}.landing-card strong{margin-top:.35rem;font-size:1.35rem;display:block}.landing-card h3{margin:0 0 .55rem}.landing-card p,.upcoming-event-card p{color:#d8def2;line-height:1.55}.event-meta{flex-wrap:wrap;gap:.55rem;margin:1rem 0;display:flex}.event-meta span{border:1px solid var(--border);color:var(--purple-2);background:#8b5cf61a;border-radius:999px;padding:.4rem .65rem}.landing-empty{color:var(--muted);margin-top:1rem}.landing-final{border:1px solid var(--border);background:linear-gradient(135deg,#8b5cf638,#ffffff09);border-radius:24px;max-width:1180px;margin:0 auto;padding:clamp(2rem,5vw,4rem)}@media (max-width:860px){.landing-hero{grid-template-columns:1fr;min-height:auto;padding:3rem 0}}