:root{--bg-0:#171717;--bg-1:#1d2127;--bg-2:#21262d;--bg-3:#282d36;--bg-4:#2e353e;--bg-5:#191c21;--surface:#fdfdfd;--surface-head:#f6f6f6;--surface-alt:#f4f4f4;--border-light:#dadada;--border-dot:#ddd;--border-dark:#383838;--tx-strong:#ffffff;--tx-strong-dark:#333333;--tx:#abb4be;--tx-dim:#808697;--tx-dim-dark:#6b6b6b;--tx-muted:#7d8899;--accent:#0088cc;--accent-hover:#0099e6;--accent-soft:rgba(0,136,204,0.14);--c-info:#0088cc;--c-secondary:#e36159;--c-tertiary:#2baab1;--c-quaternary:#383f48;--success:#47a447;--warning:#ed9c28;--danger:#d2322d;--discord:#5865f2;--font:"Open Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--fs-base:14px;--lh-base:1.55;--fs-nav:0.8125rem;--fs-title:1.2rem;--fs-card-title:1.125rem;--fs-amount:1.5rem;--s-1:5px;--s-2:10px;--s-3:15px;--s-4:18px;--s-5:25px;--s-6:40px;--r-card:5px;--r-sm:3px;--r-pill:100px;--sh-card:0 1px 1px rgba(0,0,0,0.05);--sh-card-hover:0 1px 5px rgba(0,0,0,0.2);--sh-bar:0 1px 0 rgba(0,0,0,0.4);--header-h:84px;--titlebar-h:50px;--sidebar-w:260px;--dur:150ms;--ease:ease-in-out}[data-accent=blue]{--accent:#0088cc;--accent-hover:#0099e6;--accent-soft:rgba(0,136,204,.14)}[data-accent=amber]{--accent:#e39f2b;--accent-hover:#f2b347;--accent-soft:rgba(227,159,43,.14)}[data-accent=green]{--accent:#47a447;--accent-hover:#57bd57;--accent-soft:rgba(71,164,71,.14)}[data-accent=teal]{--accent:#2baab1;--accent-hover:#33c2ca;--accent-soft:rgba(43,170,177,.14)}[data-accent=red]{--accent:#e36159;--accent-hover:#ea7a72;--accent-soft:rgba(227,97,89,.14)}[data-accent=purple]{--accent:#9b6dd6;--accent-hover:#ae86e2;--accent-soft:rgba(155,109,214,.14)}[data-accent=pink]{--accent:#e0629b;--accent-hover:#ea7cae;--accent-soft:rgba(224,98,155,.14)}[data-accent=slate]{--accent:#8a97a8;--accent-hover:#a3aebc;--accent-soft:rgba(138,151,168,.14)}*,:after,:before{box-sizing:border-box}html{font-size:var(--fs-base);-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);line-height:var(--lh-base);color:var(--tx);background:var(--bg-1)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.shell{min-height:100vh;display:grid;grid-template-rows:var(--header-h) 1fr}.topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-4);background:var(--bg-0);border-bottom:1px solid var(--border-dark);background-image:linear-gradient(100deg,#1a1f27 0,#232a34 45%,var(--bg-0) 100%);position:-webkit-sticky;position:sticky;top:0;z-index:40}.brand{display:flex;align-items:baseline;gap:.55rem}.brand-mark{font-size:1.35rem;font-weight:800;letter-spacing:.04em;color:var(--tx-strong)}.brand-mark em{font-style:normal;color:var(--accent)}.brand-sub{font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--tx-muted)}.topbar-right{gap:var(--s-3)}.topbar-right,.userchip{display:flex;align-items:center}.userchip{gap:.6rem;padding:.35rem .6rem;border:1px solid var(--border-dark);border-radius:var(--r-card);background:rgba(255,255,255,.03)}.userchip-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:700;font-size:.8125rem}.userchip-name{font-size:.8125rem;color:var(--tx-strong);line-height:1.2}.userchip-role{font-size:.625rem;color:var(--tx-muted);text-transform:uppercase;letter-spacing:.1em}.body{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:0}.sidebar{background:var(--bg-1);border-right:1px solid var(--border-dark);padding:var(--s-2) 0;display:flex;flex-direction:column}.nav{list-style:none;margin:0;padding:0;flex:1 1}.nav a{display:flex;align-items:center;gap:.7rem;padding:11px var(--s-5);font-size:var(--fs-nav);color:var(--tx);text-decoration:none;box-shadow:inset 2px 0 0 transparent;transition:box-shadow var(--dur) var(--ease),color var(--dur) var(--ease)}.nav a:hover{text-decoration:none;box-shadow:inset 2px 0 0 var(--accent-soft)}.nav a.is-active,.nav a:hover{color:var(--tx-strong);background:var(--bg-2)}.nav a.is-active{box-shadow:inset 2px 0 0 var(--accent)}.nav a.is-active .nav-ico{color:var(--accent)}.nav-ico{width:1.15rem;text-align:center;font-size:1rem;color:var(--tx-dim)}.sidebar-foot{padding:var(--s-3) var(--s-5);border-top:1px solid var(--border-dark)}.meter-label{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--tx-muted);margin-bottom:.35rem}.meter{height:4px;background:var(--bg-5);border-radius:var(--r-pill);overflow:hidden}.meter>span{display:block;height:100%;background:var(--accent)}.main{min-width:0;display:flex;flex-direction:column}.titlebar{height:var(--titlebar-h);justify-content:space-between;background:var(--bg-0);border-left:1px solid #3a3a3a;box-shadow:var(--sh-bar);padding-right:var(--s-5)}.titlebar,.titlebar h1{display:flex;align-items:center}.titlebar h1{margin:0;padding:0 22px;height:100%;font-size:var(--fs-title);font-weight:400;color:var(--tx-strong);box-shadow:inset 0 -3px 0 var(--accent)}.content{padding:var(--s-6);max-width:1600px;width:100%}.content>*+*{margin-top:var(--s-6)}.grid{display:grid;grid-gap:var(--s-5);gap:var(--s-5)}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{background:var(--surface);border-left:3px solid var(--c-info);border-radius:var(--r-card);box-shadow:var(--sh-card);padding:var(--s-3);display:flex;align-items:center;gap:var(--s-3);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.stat:hover{box-shadow:var(--sh-card-hover);transform:translateY(-1px)}.stat--secondary{border-left-color:var(--c-secondary)}.stat--tertiary{border-left-color:var(--c-tertiary)}.stat--quaternary{border-left-color:var(--c-quaternary)}.stat-ico{flex:0 0 auto;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-size:1.9rem;color:#fff;background:var(--c-info)}.stat--secondary .stat-ico{background:var(--c-secondary)}.stat--tertiary .stat-ico{background:var(--c-tertiary)}.stat--quaternary .stat-ico{background:var(--c-quaternary)}.stat-body{min-width:0;flex:1 1}.stat-label{font-size:.8125rem;font-weight:500;margin:0}.stat-label,.stat-value{color:var(--tx-strong-dark)}.stat-value{font-size:var(--fs-amount);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-foot{margin-top:var(--s-1);padding-top:var(--s-1);border-top:1px dotted var(--border-dot);font-size:.6875rem;color:var(--tx-dim-dark);text-align:right}.panel{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--sh-card);overflow:hidden}.panel-head{background:var(--surface-head);border-bottom:1px solid var(--border-light);padding:var(--s-4);display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.panel-title{margin:0;font-size:var(--fs-card-title);font-weight:400;color:#33353f}.panel-body{padding:var(--s-4);color:var(--tx-strong-dark)}.panel-note{font-size:.75rem;color:var(--tx-dim-dark)}.panel--dark{background:var(--bg-4)}.panel--dark .panel-head{background:var(--bg-3);border-bottom-color:var(--bg-2)}.panel--dark .panel-title{color:var(--tx-strong)}.panel--dark .panel-body{color:var(--tx)}.kv{display:flex;justify-content:space-between;gap:var(--s-3);padding:5px 0;font-size:.875rem}.kv+.kv{border-top:1px dotted var(--border-dot)}.kv dt{color:var(--tx-dim-dark);margin:0}.kv dd{margin:0;font-weight:600;color:var(--tx-strong-dark)}.panel--dark .kv dt{color:var(--tx-dim)}.panel--dark .kv dd{color:var(--tx-strong)}.panel--dark .kv+.kv{border-top-color:rgba(255,255,255,.07)}.section-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--tx-strong-dark);padding:var(--s-3) 0 var(--s-1)}.section-title .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{text-align:left;font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--tx-dim-dark);border-bottom:1px solid var(--border-light)}.table td,.table th{padding:var(--s-2) var(--s-4)}.table td{color:var(--tx-strong-dark)}.table tbody tr:nth-child(2n){background:var(--surface-alt)}.badge{display:inline-block;padding:3px 10px;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:var(--r-sm);background:transparent}.badge--ok{color:var(--success)}.badge--warn{color:var(--warning)}.badge--bad{color:var(--danger)}.field{display:block;margin-bottom:var(--s-3)}.field>span{display:block;margin-bottom:.35rem;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-dim)}.input{width:100%;padding:.6rem .75rem;font:inherit;font-size:.9375rem;color:var(--tx-strong);background:var(--bg-3);border:1px solid var(--bg-2);border-radius:var(--r-sm);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--tx-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.1rem;font:inherit;font-size:.875rem;font-weight:600;border-radius:var(--r-sm);border:1px solid transparent;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover);text-decoration:none;color:#fff}.btn--ghost{background:transparent;color:var(--tx);border-color:var(--border-dark)}.btn--ghost:hover{background:var(--bg-2);color:var(--tx-strong);text-decoration:none}.btn--danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.alert{padding:.7rem .9rem;border-radius:var(--r-sm);border-left:3px solid var(--danger);background:rgba(210,50,45,.12);color:#f0b9b6;font-size:.875rem;margin-bottom:var(--s-3)}.alert--ok{border-left-color:var(--success);background:rgba(71,164,71,.12);color:#b6e0b6}.alert--info{border-left-color:var(--accent);background:var(--accent-soft);color:var(--tx)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--s-5);background:radial-gradient(1200px 600px at 50% -10%,rgba(0,136,204,.1),transparent 60%),var(--bg-1)}.login-card{width:min(26rem,100%);background:var(--bg-4);border:1px solid var(--border-dark);border-radius:var(--r-card);box-shadow:0 1.5rem 4rem rgba(0,0,0,.55);padding:var(--s-5)}.login-card h1{margin:0 0 .25rem;font-size:1.35rem;color:var(--tx-strong);font-weight:600}.login-lead{margin:0 0 var(--s-4);font-size:.875rem;color:var(--tx-dim)}.login-foot{margin-top:var(--s-4);font-size:.75rem;color:var(--tx-muted);line-height:1.6}.swatches{display:flex;flex-wrap:wrap;gap:.5rem}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.swatch.is-on{border-color:var(--tx-strong)}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:var(--s-5)}}@media (max-width:900px){.body{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border-dark);flex-direction:row;overflow-x:auto;padding:0}.nav{display:flex}.nav a{padding:12px var(--s-3);white-space:nowrap;box-shadow:none}.nav a.is-active{box-shadow:inset 0 -2px 0 var(--accent)}.sidebar-foot{display:none}.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width:600px){.grid-4{grid-template-columns:1fr}.content{padding:var(--s-3)}.content>*+*{margin-top:var(--s-4)}.brand-sub,.userchip-role{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:1ms!important;animation-duration:1ms!important}}