:root{color-scheme:dark;--bg:#101419;--side:#151a21;--card:#202731;--gold:#ffc928;--light:#ffe27a;--text:#f5f7fa;--muted:#9da8b5;--green:#24c878;--line:#323c48;font:15px/1.5 system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}[hidden]{display:none!important}a{color:var(--light);text-decoration:none}button,input,select{font:inherit;color:inherit}button,.button,input,select{border:1px solid var(--line);background:var(--side);border-radius:9px;padding:.6rem .8rem}button,.button,select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,svg [tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.primary{background:var(--gold);color:#211800;font-weight:800;border:0}.eyebrow,.side-caption{color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.16em}
.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100dvh}aside{background:var(--side);border-right:1px solid var(--line);padding:26px 16px;position:sticky;top:0;height:100dvh;overflow:auto}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:900;letter-spacing:.13em;margin:0 4px 29px}.brand small{display:block;color:var(--muted);font-size:.56rem;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:41px;height:41px;background:#3d3010;color:var(--gold);box-shadow:inset 0 0 0 2px #a37b17,0 0 16px #ffc92830;font:bold 24px monospace;border-radius:7px}nav{display:grid;gap:4px}nav a{display:flex;gap:12px;align-items:center;padding:.66rem .75rem;border:1px solid transparent;border-radius:9px;color:var(--muted);font-weight:650}nav a span{width:19px;color:var(--gold);text-align:center}nav a:hover,nav a[aria-current=page]{color:var(--light);background:#332a17;border-color:#70571e}.hotel{display:block;width:100%;max-width:185px;margin:25px auto 4px;border-radius:12px}.side-caption{display:block;text-align:center;color:var(--muted);font-size:.55rem}
main{width:100%;max-width:1600px;margin:auto;padding:0 28px 32px;align-self:start}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0}.month{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.83rem}#menu{display:none}#status{margin:0;color:var(--muted);font-size:.8rem}#status:not(:empty){margin-bottom:8px}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:225px;display:flex;align-items:flex-end;padding:27px 32px;border:1px solid #635026;border-radius:17px;background:#171b21 url('/art/lobby.png') center/cover;box-shadow:0 18px 55px #0007}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101419fa 0%,#101419dd 36%,#10141922 84%),linear-gradient(0deg,#101419cc,transparent 60%)}.hero h1{margin:.25rem 0;font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.08;letter-spacing:-.055em}.hero p{margin:.45rem 0 0;color:#d5dbe3}.staff{position:absolute;right:20px;bottom:9px;width:126px;mix-blend-mode:lighten}.cards,.grid{display:grid;gap:14px;margin:16px 0}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.card{background:linear-gradient(155deg,#242c36,var(--card) 55%);border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0;box-shadow:0 8px 24px #0003;animation:appear .28s ease-out}.card h2{font-size:1rem;margin:0 0 12px}.stat span,.hint{color:var(--muted);font-size:.83rem}.stat i{display:block;color:var(--gold);font-style:normal;font-size:1.25rem}.stat strong{display:block;font-size:clamp(1.55rem,3vw,2.4rem);letter-spacing:-.06em;font-variant-numeric:tabular-nums}.page-title{font-size:2rem;margin:.4rem 0 1rem}.section-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:.57rem .55rem;border-bottom:1px solid var(--line)}th{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}td:last-child,th:last-child{text-align:right}td{font-size:.87rem}.number{font-variant-numeric:tabular-nums;font-weight:800;color:var(--light)}.negative{color:#ff9a9b}.rank{display:grid;grid-template-columns:30px 22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.rank b{background:#353d49;border-radius:5px;text-align:center}.rank:nth-of-type(1) b{background:var(--gold);color:#281c00}.rank:nth-of-type(2) b{background:#b9c5d3;color:#202731}.rank:nth-of-type(3) b{background:#bd7f53;color:#241408}.avatar{color:var(--gold);font-family:monospace}
.chart{width:100%;height:auto;display:block}.chart text{fill:var(--muted);font-size:10px}.chart .axis{stroke:#434e5c;stroke-width:1}.chart .plot{stroke:var(--gold);stroke-width:3;fill:none}.chart .dot{fill:var(--gold);stroke:var(--card);stroke-width:2}.chart .dot:hover,.chart .dot:focus{r:6;fill:var(--light)}.chart-detail{min-height:1.5em;color:var(--light);font-size:.82rem}.donut-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.donut{width:112px;height:112px;flex:none}.legend{display:grid;gap:5px;flex:1;min-width:150px}.legend div{display:flex;align-items:center;gap:6px;font-size:.8rem}.legend i{width:8px;height:8px;border-radius:2px;background:currentColor}.legend b{margin-left:auto}.login{min-height:100dvh;display:grid;place-items:center;padding:20px;background:linear-gradient(#1014198c,#101419),url('/art/lobby.png') center/cover}.login-card{width:min(100%,410px);background:#171d25;border:1px solid #775b20;border-radius:20px;padding:30px;box-shadow:0 20px 60px #0009}.login-card h1{line-height:1.1}.login-card label{display:grid;gap:5px;margin:14px 0}.login-card button{width:100%;margin-top:5px}#login-error{color:#ffa1a3}
@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:1050px){.shell{grid-template-columns:182px minmax(0,1fr)}main{padding-inline:18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell{display:block}aside{display:none;height:auto;position:static;border-right:0;border-bottom:1px solid var(--line)}aside.open{display:block}aside .hotel,aside .side-caption{display:none}nav{grid-template-columns:repeat(2,minmax(0,1fr))}#menu{display:block}.toolbar>.eyebrow{display:none}.month{margin-left:auto}.grid{grid-template-columns:1fr}.hero{min-height:185px;padding:18px}.staff{width:86px;right:8px;opacity:.75}.hero>div{max-width:79%}main{padding-inline:12px}.card{padding:12px}.page-title{font-size:1.65rem}}
.color-0{color:#ffc928}.color-1{color:#24c878}.color-2{color:#8aaeff}.color-3{color:#ce96ff}.color-4{color:#ff9a9b}
