:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#eaf1fa;background:#080d18;font-size:15px;--line:#25334a;--muted:#91a3bd;--cyan:#51e4ef;--pink:#e17acb}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}aside{padding:32px 22px;border-right:1px solid var(--line);background:#0c1320;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{text-decoration:none;color:var(--cyan);font-size:24px;font-weight:850;letter-spacing:1px}.brand span{color:var(--pink)}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;margin-top:8px}nav{margin-top:52px;display:grid;gap:10px}nav button{text-align:left;background:transparent;border-color:transparent}nav button.active{background:#163044;border-color:#2c6071;color:var(--cyan)}footer{margin-top:auto;font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}main{padding:38px clamp(18px,4vw,60px);max-width:1600px;width:100%}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:12px}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:2px}h1{font-size:30px;margin:9px 0 0}h2{font-size:21px}h3{font-size:15px;margin:0 0 14px}p{line-height:1.65;color:var(--muted)}button,input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:12px;color:inherit;background:#101c2e;padding:12px 15px;min-height:44px}button{cursor:pointer;transition:background .15s,border-color .15s}button:hover{border-color:var(--cyan);background:#193145}button:active{background:#28546a}button:disabled{opacity:.45;cursor:wait}button.primary{background:var(--cyan);color:#06121d;font-weight:750;border-color:transparent}button.danger{color:#ffacb6;border-color:#78354b}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}label{display:grid;gap:8px;margin:18px 0;color:#b9c8dd;font-size:13px}input,select,textarea{width:100%}textarea{min-height:90px;resize:vertical}.panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(140deg,#111d30,#0e1726);padding:24px;margin-bottom:22px}.login{max-width:460px;margin:40px auto}.login button{width:100%;margin-top:12px}.orb{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;border:1px solid #52d7df;color:#78eef3;font-size:26px;box-shadow:0 0 30px #34d9e31a}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric{padding:22px;border:1px solid var(--line);border-radius:18px;background:#111c2d}.metric small{display:block;color:var(--muted);font-size:12px;min-height:30px}.metric strong{display:block;font-size:30px;font-weight:700;margin:8px 0}.metric em{font-size:11px;color:var(--muted);font-style:normal}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.toolbar input{flex:1;min-width:180px}.toolbar select{width:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.6px}td,th{padding:15px 12px;border-bottom:1px solid #223047;vertical-align:top;max-width:300px;overflow-wrap:anywhere}tbody tr:hover{background:#142439}td button{padding:8px 12px;min-height:36px}.badge{border-radius:20px;background:#1b3541;color:#8ce3de;padding:5px 9px;font-size:11px;white-space:nowrap}.bad{background:#432435;color:#ffb0ba}.muted{color:var(--muted);font-size:12px}.pager{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:18px}.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:10px;margin:20px 0}.tabs button{white-space:nowrap}.tabs button.active{color:var(--cyan);border-color:var(--cyan)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.facts span{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.facts strong{font-size:14px;overflow-wrap:anywhere}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}#notice:not(:empty){padding:14px 18px;border:1px solid #806343;background:#30261d;border-radius:12px;margin-bottom:20px}dialog{color:inherit;background:#101b2c;border:1px solid #37506a;border-radius:22px;width:min(600px,calc(100% - 24px));max-height:90vh;padding:24px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#030713c9;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.modal-head h2{margin:0}.modal-head button{font-size:24px;padding:4px 14px}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;font-size:12px;color:#c2d1e4}.bars{display:flex;gap:5px;height:160px;align-items:flex-end;overflow-x:auto;padding-top:15px}.bar{flex:1;min-width:9px;max-width:35px;background:linear-gradient(var(--cyan),#235270);border-radius:5px 5px 0 0;min-height:2px}.empty{padding:30px;text-align:center;color:var(--muted)}[hidden]{display:none!important}@media(max-width:1000px){body{grid-template-columns:185px minmax(0,1fr)}aside{padding:25px 15px}.brand{font-size:20px}.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media(max-width:650px){body{display:block}aside{position:static;height:auto;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.brand small{display:none}nav{margin-top:20px;display:flex;overflow:auto;gap:5px}nav button{white-space:nowrap;font-size:12px;padding:10px}footer{display:none}main{padding:24px 16px}h1{font-size:25px}.cards{gap:10px}.metric{padding:15px}.metric strong{font-size:26px}.panel{padding:17px}.facts{grid-template-columns:1fr 1fr}.login{margin:20px auto}.eyebrow{font-size:9px}.toolbar input{min-width:140px}.actions button{flex:1;min-width:120px}td,th{padding:12px 9px}.pager{font-size:12px}}

#qr{display:block;width:min(100%,300px);height:auto;margin:20px auto;background:white;border-radius:10px}#manual-key{overflow-wrap:anywhere;display:block;padding:12px;font-size:13px}