@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');
:root{--bg:#060c18;--panel:#0d1626;--panel2:#101c2f;--border:#202d42;--muted:#8493aa;--text:#e8eef8;--blue:#4ba5ff;--cyan:#43d5dc;--green:#4ed6a2;--red:#fb7185;--amber:#f6bf65}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:1px solid var(--border);border-radius:7px;background:#142137;color:var(--text);padding:9px 13px;transition:.18s}button:hover{border-color:#4b6c94;background:#1a2c47}button:disabled{opacity:.35;cursor:not-allowed}input,select,textarea{background:#091221;color:var(--text);border:1px solid #29364b;border-radius:6px;padding:9px 11px;min-width:0}textarea{resize:vertical;width:100%;min-height:84px}input::placeholder{color:#64758e}label{display:grid;gap:7px;color:#9cabc0;font-size:12px}select{cursor:pointer}h1,h2,h3,p{margin:0}h1{font:800 26px Manrope,sans-serif;letter-spacing:-.8px}h2{font:700 15px Manrope,sans-serif}h3{font-size:13px;font-weight:600}.muted{color:var(--muted)}.tiny{font-size:11px}.row{display:flex;align-items:center;gap:10px}.between{display:flex;justify-content:space-between;align-items:center;gap:12px}.stack{display:grid;gap:18px}.grid{display:grid;gap:18px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(125deg,#101b2d,#0c1524);border:1px solid var(--border);border-radius:11px;padding:21px;min-width:0}.card.flat{background:var(--panel)}.primary{background:#3c93f1;border-color:#5caaff;color:white}.primary:hover{background:#59a7fc}.danger{color:#fb8b9a;background:#4b233233;border-color:#744051}.ghost{background:transparent}.iconbtn{padding:7px 10px}.badge{display:inline-flex;gap:5px;align-items:center;font-size:10px;font-weight:700;padding:4px 8px;border-radius:5px;color:var(--green);background:#1d664030;border:1px solid #3b9a5a44}.badge.blue{color:#83b9ff;background:#326bd530;border-color:#477ede55}.badge.amber{color:var(--amber);background:#a4781930;border-color:#99723155}.badge.red{color:var(--red);background:#8f364330;border-color:#a14b5e55}#sidebar{width:236px;position:fixed;left:10px;top:10px;bottom:10px;border:1px solid var(--border);border-radius:12px;background:#0c1525;display:flex;flex-direction:column;padding:22px 13px;z-index:20;overflow:auto}.brand{display:flex;gap:10px;align-items:center;padding:0 9px 23px;font:bold 17px Manrope;letter-spacing:1px}.brand svg{width:32px}.brand small{display:block;font:9px 'DM Sans';letter-spacing:2.6px;color:#6d8fb4;margin-top:2px}.serverpick{border:1px solid var(--border);border-radius:7px;padding:11px;margin-bottom:20px;background:#111e32}.serverpick .square{width:29px;height:29px;background:#315b8d45;border:1px solid #375476;border-radius:6px;display:grid;place-items:center;color:#80b9ff}.navsearch{width:100%;margin-bottom:18px;font-size:11px}.navgroup{color:#566d8b;font-size:9px;font-weight:700;letter-spacing:1.8px;margin:21px 12px 8px}.navlink{display:flex;align-items:center;gap:12px;padding:9px 12px;color:#8e9db3;font-size:12px;border-radius:6px;margin:2px 0}.navlink:hover{background:#17263c;color:#fff}.navlink.active{background:#18365a;color:#7ebcff;border:1px solid #2b5075}.navicon{width:17px;text-align:center;font-size:16px;opacity:.8}.navfoot{margin-top:auto;padding-top:25px;display:flex;gap:7px}.navfoot button{font-size:11px;flex:1;padding:8px 4px}#shell{margin-left:256px}#topbar{height:75px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #19263b;background:#09111fc9}.demo-msg{display:flex;gap:10px;align-items:center;color:#8493a8;font-size:11px}.segmented{display:inline-flex;background:#070e1a;padding:4px;border:1px solid var(--border);border-radius:7px;gap:4px}.segmented button{border:0;background:transparent;color:#8091a9;font-size:11px;padding:7px 13px}.segmented button.selected{background:#1d304b;color:#e8f1ff;box-shadow:0 1px 5px #0004}.avatar{width:32px;height:32px;border:1px solid #3b577a;border-radius:50%;display:grid;place-items:center;background:#244160;color:#abd2ff;font-size:10px;font-weight:700}main{max-width:1550px;margin:auto;padding:30px 32px 50px}.pagehead{margin-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:9px;letter-spacing:2px;color:#6388ad;margin-bottom:7px;font-weight:700}.subtitle{color:#7c8da5;margin-top:7px;font-size:12px}.statbig{font:700 31px Manrope;letter-spacing:-1px;margin:12px 0 3px}.statbig small{font:400 13px 'DM Sans';color:#6e819a;letter-spacing:0}.statusdot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 10px #4ed6a244}.chart{width:100%;height:200px;overflow:visible}.chart text{fill:#526782;font:10px 'DM Sans'}.chart .gridline{stroke:#233047;stroke-width:1;stroke-dasharray:4 5}.metric{position:relative;overflow:hidden}.spark{position:absolute;right:18px;bottom:22px;width:40%;height:40px}.trend{font-size:10px;color:var(--green)}.quick{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.quick button{flex:1;min-width:120px;background:transparent;font-size:11px;padding:12px}.activity{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid #1b293c}.activity:last-child{border:0}.activitydot{width:30px;height:30px;display:grid;place-items:center;background:#1d385c;color:#84bbff;border-radius:7px;flex-shrink:0}.activity p{font-size:12px;margin:2px 0 5px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{text-align:left;font-size:10px;letter-spacing:.5px;font-weight:500;color:#6f829c;padding:13px 14px;background:#0a1423}td{padding:15px 14px;border-bottom:1px solid #202c3f}tr:last-child td{border-bottom:0}tbody tr:hover{background:#14213988}.tablecard{padding:0;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.toolbar input{width:280px}.empty{padding:60px 20px;text-align:center;color:#72849e}.playercard{cursor:pointer;transition:.2s}.playercard:hover{transform:translateY(-3px);border-color:#416c9b;box-shadow:0 8px 25px #0003}.playeravatar{width:43px;height:43px;border-radius:10px;background:linear-gradient(135deg,#33577e,#1c2e47);display:grid;place-items:center;font:600 14px Manrope;color:#b6d5f6}.playercard .line{display:flex;justify-content:space-between;padding-top:17px;margin-top:17px;border-top:1px solid #223047;color:#7d90a9;font-size:11px}.switch{padding:0;width:31px;height:17px;border-radius:20px;background:#26354c;border:1px solid #3a4b61;position:relative;flex-shrink:0}.switch:after{content:'';position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#8a9ab0;transition:.18s}.switch.on{background:#2877cc;border-color:#4e9df2}.switch.on:after{left:16px;background:#e4f0ff}.setting{display:flex;align-items:center;gap:8px;justify-content:space-between;border-bottom:1px solid #1c2b40;padding:11px 0}.setting:last-child{border:0}.settingcode{font:11px ui-monospace,monospace;color:#a3b6ce;overflow-wrap:anywhere}.setting select{font-size:10px;padding:5px;width:65px;background:#0c1728}.settingtools{display:flex;align-items:center;gap:9px}.pencil{padding:3px 5px;border:0;background:transparent;color:#5d7f9f;font-size:13px}.settingsgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:start}.settingsgroup{padding:17px}.settingsgroup h2{margin-bottom:10px;font-size:12px;color:#d1e1f3}.settingscount{color:#4e6c8d;font-size:10px;margin-left:8px}.settings-tabs{margin-bottom:21px;display:flex;gap:6px;flex-wrap:wrap}.settings-tabs button{font-size:11px}.settings-tabs .selected{background:#23496f;border-color:#426d9b}.modalback{position:fixed;inset:0;background:#020712bf;backdrop-filter:blur(5px);display:grid;place-items:center;z-index:100;padding:22px}.modal{width:min(620px,100%);max-height:88vh;overflow:auto;background:#0d192b;border:1px solid #30435f;border-radius:13px;padding:25px;box-shadow:0 30px 100px #0008}.modal.wide{width:min(900px,100%)}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.modalhead h2{font-size:19px}.modalform{display:grid;gap:16px}.modalfoot{display:flex;justify-content:flex-end;gap:9px;margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}#toast{position:fixed;bottom:25px;right:27px;z-index:200;background:#1d3e37;border:1px solid #3b846c;color:#c4fbe0;padding:14px 20px;border-radius:8px;box-shadow:0 12px 40px #0006;transform:translateY(120px);transition:.25s;max-width:420px;font-size:12px}#toast.show{transform:translateY(0)}.code{font:11px/1.7 ui-monospace,monospace;color:#87b6d8;background:#08111e;border:1px solid #1e3047;padding:15px;border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto}.feedgrid{display:grid;gap:10px}.feed{aspect-ratio:16/10;background:radial-gradient(ellipse at 60% 60%,#64736633,transparent),linear-gradient(150deg,#182d38,#1c2730 50%,#36413b);border:1px solid #2a3d52;border-radius:7px;position:relative;overflow:hidden;display:flex;align-items:end;padding:10px;font-size:10px}.feed:before{content:'';position:absolute;inset:30% -20% -70%;background:repeating-linear-gradient(90deg,transparent 0 43px,#82978a25 44px 46px),repeating-linear-gradient(0deg,transparent 0 38px,#82978a25 39px 41px);transform:perspective(120px) rotateX(45deg) rotate(-20deg)}.feed span{z-index:1}.map{position:relative;background:#0c1823;border:1px solid var(--border);border-radius:10px;overflow:hidden}.map svg{width:100%;min-height:450px;display:block}.map button{position:absolute}.progress{height:5px;background:#1a2c42;border-radius:5px;overflow:hidden}.progress span{height:100%;display:block;background:#509ef2;border-radius:5px}.console{font:11px/2 ui-monospace,monospace;background:#050d17;min-height:340px;padding:20px;color:#7692b3;max-height:450px;overflow:auto}.console .ok{color:#5fd4a7}.console .info{color:#5ba8f4}.console .warn{color:#e9ba70}.igwrap{max-width:1100px;margin:auto}.ignav{display:flex;gap:5px;flex-wrap:wrap;padding:12px;margin:0 0 22px;background:#0d192b;border:1px solid var(--border);border-radius:9px}.ignav button{border:0;background:transparent}.ignav .selected{background:#254c77;color:#a9d4ff}.divider{height:1px;background:#243148;margin:19px 0}.helpbox{background:#18345255;border:1px solid #2a5177;border-radius:7px;padding:14px;color:#93b9db;font-size:12px;line-height:1.7}.pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#9cb1cb;border:1px solid #30425c;border-radius:4px;padding:3px 7px}.mobilemenu{display:none}footer{border-top:1px solid #19263b;padding:20px 32px;display:flex;gap:20px;color:#50657f;font-size:10px;letter-spacing:1px}footer span{letter-spacing:0;flex:1}footer a{color:#7b9dc2;letter-spacing:0}.searchresult{display:flex;justify-content:space-between;width:100%;margin:5px 0;text-align:left}.country{display:grid;grid-template-columns:90px 1fr 35px;gap:12px;align-items:center;margin:22px 0;color:#a8b7cd;font-size:12px}.inlinecheck{display:flex;align-items:center;gap:8px}.pagination{text-align:right;color:#6a809c;padding:15px;font-size:11px}.notice{font-size:11px;color:#7c91ae}.kpi-icon{font-size:18px;padding:10px;background:#1d3d5c66;border:1px solid #31537355;border-radius:9px;color:#79b8ef}.key{padding:2px 5px;background:#18253a;border-radius:4px;font-size:9px;color:#8399b3}
@media(min-width:1600px){main{padding-top:38px}}@media(max-width:1200px){.settingsgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.four{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-msg .explain{display:none}}@media(max-width:850px){#sidebar{width:205px}#shell{margin-left:225px}main{padding:24px 20px}.two{grid-template-columns:1fr}.settingsgrid{grid-template-columns:1fr}#topbar{padding:0 20px}.toolbar{flex-wrap:wrap}.pagehead{align-items:flex-start}h1{font-size:23px}}@media(max-width:620px){#sidebar{transform:translateX(-110%);transition:.2s;width:230px}#sidebar.open{transform:translateX(0);box-shadow:20px 0 60px #000b}#shell{margin-left:0}.mobilemenu{display:block}#topbar{height:65px;padding:0 14px}.demo-msg{display:none}main{padding:24px 14px}.three,.four{grid-template-columns:1fr}.card{padding:17px}.settingsgroup{padding:16px}.pagehead{flex-wrap:wrap}.toolbar input{width:100%}footer{padding:20px 14px}footer span{display:none}.segmented button{padding:7px 10px}.modalback{padding:10px}.modal{padding:20px}.quick{display:grid;grid-template-columns:1fr 1fr}.quick button{min-width:0}.chart{height:160px}}