:root{--night-000: #08060F;--night-050: #0D0A18;--night-100: #151027;--night-150: #1B1533;--night-200: #241C42;--night-300: #322650;--text-hi: #F5EFE6;--text-mid: #A79BC0;--text-lo: #6B5F87;--accent: #FFB63D;--good: #3BE0B0;--watch: #FFC661;--poor: #FF5E6B;--info: #7CA8FF;--r-sm: 7px;--r-md: 12px;--r-lg: 18px;--ui: "Rubik", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--night-000);color:var(--text-hi);font-family:var(--ui);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit}.shell{display:grid;grid-template-columns:218px 1fr;height:100%}.nav{background:var(--night-050);border-right:1px solid var(--night-200);padding:18px 12px;display:flex;flex-direction:column;gap:3px}.brand{display:flex;align-items:baseline;gap:8px;padding:0 10px 18px}.brand .ar{color:var(--accent);font-size:19px;font-weight:600}.brand .en{color:var(--text-lo);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.navlink{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:var(--r-sm);color:var(--text-mid);background:none;border:0;width:100%;font-size:13.5px;font-weight:500;cursor:pointer;text-align:left}.navlink:hover{background:var(--night-100);color:var(--text-hi)}.navlink[aria-current=true]{background:var(--night-200);color:var(--text-hi);font-weight:600}.navlink .count{margin-left:auto;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;padding:1px 7px;border-radius:999px;background:var(--night-300);color:var(--text-mid)}.navlink .count.hot{background:#ff5e6b2e;color:var(--poor)}.nav .foot{margin-top:auto;padding:10px;color:var(--text-lo);font-size:11.5px}.main{overflow-y:auto;padding:26px 30px 60px}.head{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}.head h1{margin:0;font-size:21px;font-weight:700;letter-spacing:-.01em}.head .sub{color:var(--text-lo);font-size:12.5px}.head .right{margin-left:auto;display:flex;gap:8px;align-items:center}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:11px}.tile{background:var(--night-050);border:1px solid var(--night-200);border-radius:var(--r-md);padding:14px 15px;display:flex;flex-direction:column;gap:5px}.tile .k{color:var(--text-lo);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.tile .v{font-size:25px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.tile .n{color:var(--text-mid);font-size:11.5px}.tile.alert{border-color:#ff5e6b66}.tile.alert .v{color:var(--poor)}.tile.quiet .v{color:var(--text-mid)}.spark{display:flex;align-items:flex-end;gap:3px;height:68px;margin-top:6px}.spark .bar{flex:1;background:var(--night-300);border-radius:2px 2px 0 0;min-height:2px}.spark .bar.on{background:var(--accent)}.card{background:var(--night-050);border:1px solid var(--night-200);border-radius:var(--r-md);overflow:hidden}.card+.card,.tiles+.card,.card+.tiles{margin-top:16px}.card>h2{margin:0;padding:13px 16px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-mid);border-bottom:1px solid var(--night-200)}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:9px 16px;color:var(--text-lo);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--night-200);white-space:nowrap}td{padding:11px 16px;border-bottom:1px solid var(--night-100);vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--night-100)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-variant-numeric:tabular-nums}.dim{color:var(--text-lo)}.empty{padding:34px 16px;text-align:center;color:var(--text-lo);font-size:13px}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;border:1px solid transparent}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.chip.good{color:var(--good);background:#3be0b01f;border-color:#3be0b04d}.chip.watch{color:var(--watch);background:#ffc6611f;border-color:#ffc6614d}.chip.poor{color:var(--poor);background:#ff5e6b1f;border-color:#ff5e6b52}.chip.info{color:var(--info);background:#7ca8ff1f;border-color:#7ca8ff4d}.chip.flat{color:var(--text-mid);background:var(--night-200);border-color:var(--night-300)}.chip.flat:before{display:none}.btn{padding:7px 13px;border-radius:var(--r-sm);cursor:pointer;background:var(--night-200);border:1px solid var(--night-300);color:var(--text-hi);font-size:13px;font-weight:600}.btn:hover{border-color:#463870}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn[disabled]{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#241a02}.btn.primary:hover{filter:brightness(1.06)}.btn.danger{background:#ff5e6b24;border-color:#ff5e6b73;color:var(--poor)}.btn.sm{padding:4px 10px;font-size:12px}.field{display:flex;flex-direction:column;gap:5px}.field label{color:var(--text-lo);font-size:11.5px;font-weight:600}input[type=text],input[type=search],input[type=number],textarea,select{background:var(--night-100);border:1px solid var(--night-300);border-radius:var(--r-sm);padding:9px 11px;color:var(--text-hi);width:100%}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}textarea{resize:vertical;min-height:68px}.scrim{position:fixed;inset:0;background:#08060fc2;display:grid;place-items:center;padding:24px;z-index:40}.dialog{background:var(--night-050);border:1px solid var(--night-300);border-radius:var(--r-lg);width:min(460px,100%);padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px -30px #000000e6}.dialog h3{margin:0;font-size:16px;font-weight:700}.dialog .why{color:var(--text-mid);font-size:13px;line-height:1.5;margin:0}.dialog .row{display:flex;gap:8px;justify-content:flex-end}.gate{height:100%;display:grid;place-items:center;padding:24px}.gate .box{width:min(380px,100%);display:flex;flex-direction:column;gap:14px;background:var(--night-050);border:1px solid var(--night-200);border-radius:var(--r-lg);padding:26px}.gate h1{margin:0;font-size:19px}.gate p{margin:0;color:var(--text-mid);font-size:13px;line-height:1.55}.err{color:var(--poor);font-size:12.5px}@media(max-width:820px){.shell{grid-template-columns:1fr}.nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--night-200)}.nav .brand,.nav .foot{display:none}.main{padding:18px}}