@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:11px;color:#94a3b8}.timeline-item{border-left:2px solid #6b8851;padding:4px 0 16px 18px;margin-top:18px}.timeline-item p{font-size:12px}.timeline-item small{line-height:1.7}.settings .cards{grid-template-columns:repeat(3,1fr)}button:disabled{opacity:.4;cursor:default}.player .mono{word-break:break-all}.settings td:last-child{white-space:normal;max-width:380px}.page-heading+div{line-height:1.6}
:root{font-family:'DM Sans',sans-serif;color:#dce3ed;background:#0c1017;font-synthesis:none;--muted:#7e8b9e;--line:#222c3b;--green:#b4f181}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}aside{width:246px;position:fixed;inset:0 auto 0 0;background:#11161f;border-right:1px solid var(--line);padding:33px 19px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;color:var(--green);font-size:34px;text-decoration:none;align-items:center;padding-left:12px}.brand span{font:800 21px Manrope;letter-spacing:3px;color:#eef3f7}.brand small{font:500 9px 'DM Sans';letter-spacing:3px;color:var(--muted);margin-top:5px}.server{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;margin:37px 0 34px;padding:14px 10px;font-size:12px}.server i{width:8px;height:8px;border-radius:50%;background:var(--green)}small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.server>span{margin-left:auto}.nav-label{font-size:9px;color:#68778d;letter-spacing:1.8px;margin:0 13px 15px}nav button,.side-bottom>button{width:100%;text-align:left;border:0;background:none;color:#8c99ac;padding:14px;border-radius:7px;margin-bottom:5px;font-size:16px}nav button span{font-size:12px;margin-left:12px}nav button.active{background:#263424;color:#c4f5a0}nav button:hover{background:#202a36}.side-bottom{margin-top:auto}.secure{border:1px solid var(--line);border-radius:8px;padding:14px;font-size:11px;color:#b6c2cf;margin-bottom:20px}.secure small{font-size:10px}.side-bottom>button{font-size:12px}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:21px;margin-top:12px;font-size:11px}.profile b,.avatar{background:#323c33;color:#c1dfa5;border-radius:9px;display:inline-grid;place-items:center;width:34px;height:34px;font-size:11px}.profile small{font-size:9px}main{margin-left:246px}header{height:79px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px;font-size:11px;color:#9ba7b8}header>div{display:flex;align-items:center;gap:18px}.slash{padding:0 14px;color:#455164}.demo-pill{font-size:9px;color:#b6d195;border:1px solid #3b4b32;background:#20291e;padding:6px 9px;border-radius:5px;letter-spacing:.8px}.login{color:#d5dce6;text-decoration:none}.content{max-width:1600px;padding:38px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{font-size:9px;letter-spacing:2px;color:#a6c88a;margin-bottom:12px}h1{font:600 28px Manrope;margin:0;letter-spacing:-1px}.page-heading p{color:var(--muted);font-size:12px;margin:12px 0 0}.secondary,.primary{border:1px solid #354152;background:#19212c;color:#dae2ed;padding:11px 15px;border-radius:7px;font-size:11px}.primary{background:var(--green);color:#182313;border:0}.notice{border:1px solid #34402c;color:#a2b88e;background:#171e18;border-radius:6px;padding:11px 15px;font-size:10px;margin:26px 0 24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.panel{background:#121923;border:1px solid var(--line);border-radius:10px}.card{padding:20px}.card-label{color:#a0adbe;font-size:11px;display:flex;justify-content:space-between}.card-label span{color:#81916f}.metric{font:600 30px Manrope;margin:15px 0 10px;letter-spacing:-1px}.card small{font-size:10px}.positive{color:#b4df91!important}.grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin-top:22px}.panel{padding:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:12px}h2{font:600 14px Manrope;margin:0}h3{font:600 18px Manrope}.panel-head small{font-size:10px}.text-button{border:0;background:none;color:#b3dc91;font-size:10px}.chart{height:180px;display:flex;align-items:flex-end;gap:20px;padding:12px 14px 24px;margin-top:28px;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#222c39 44px)}.bar{flex:1;background:#526b40;border-radius:4px 4px 0 0;position:relative;min-height:3px}.bar.current{background:var(--green)}.bar span{position:absolute;bottom:-22px;left:0;width:100%;text-align:center;color:var(--muted);font-size:9px}.bar em{position:absolute;top:-19px;width:100%;text-align:center;font-style:normal;font-size:9px;color:#b3c99f}.legend{font-size:9px;color:var(--muted);margin-top:24px}.legend i{display:inline-block;width:6px;height:6px;background:var(--green);margin-right:6px}.ranking{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #222b38;font-size:11px}.ranking:last-child{border:0}.ranking .rank{font-size:10px;color:var(--muted);width:12px}.ranking .score{margin-left:auto;font:600 16px Manrope}.ranking small{font-size:9px}.table-panel{margin-top:22px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:1px;color:#7b8a9f;font-weight:500;background:#151e29}td,th{padding:14px 12px;border-bottom:1px solid #222c39}td{font-size:11px;color:#c5cfdd}tbody tr{cursor:pointer}tbody tr:hover{background:#1a2431}.badge{font-size:9px;border:1px solid #344a3a;border-radius:5px;background:#1e3027;padding:5px 8px;color:#b6d7a2}.badge.warn{background:#30291e;border-color:#514331;color:#e1bc7a}.badge.blue{background:#1e293b;border-color:#32445d;color:#9ebce7}.mono{font-family:monospace;font-size:10px;color:#8c9bb1}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}input,select{border:1px solid #344153;background:#111923;color:#dce3ed;padding:12px;border-radius:6px;font-size:11px;color-scheme:dark}.search{flex:1;min-width:220px}.empty{text-align:center;color:var(--muted);padding:45px}.player-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.player{padding:20px;text-align:left;color:#dce3ed}.player p{font-size:11px;color:var(--muted)}.alert{padding:17px;background:#211f1a;border:1px solid #4c4230;border-radius:7px;color:#d8c39c;font-size:12px;line-height:1.7;margin-bottom:18px}.settings p{font-size:12px;line-height:1.9;color:#9baabc}.settings code{color:#bbd89f}footer{font-size:10px;color:#6b798c;margin-top:32px;display:flex;gap:18px}footer span:last-child{margin-left:auto}dialog{color:#dce3ed;background:#141d28;border:1px solid #3c4b5f;border-radius:12px;max-width:640px;width:90%;padding:32px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.close{float:right;background:none;border:0;color:#a7b4c7;font-size:24px}pre{white-space:pre-wrap;word-break:break-word;font-size:11px;line-height:1.8;color:#adbbce}label{font-size:10px;color:#94a3b8;display:flex;align-items:center;gap:8px}@media(min-width:1500px){.content{padding:45px 52px}.chart{height:220px}}@media(max-width:1050px){aside{width:206px;padding:25px 12px}main{margin-left:206px}.content{padding:25px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.player-list{grid-template-columns:repeat(2,1fr)}header{padding:0 25px}}@media(max-width:680px){aside{position:relative;width:100%;padding:18px}.brand{font-size:24px}.brand span{font-size:17px}.server,.nav-label,.side-bottom{display:none}nav{display:flex;overflow:auto;margin-top:20px}nav button{white-space:nowrap;width:auto;padding:10px}nav button span{font-size:10px;margin-left:4px}main{margin:0}header{padding:15px;height:auto;gap:15px;flex-wrap:wrap}.content{padding:23px 15px}h1{font-size:23px}.page-heading{align-items:flex-start;flex-direction:column}.cards{gap:10px}.card{padding:16px}.player-list{grid-template-columns:1fr}footer span:nth-child(2){display:none}}
