@import "https://fonts.googleapis.com/css2?family=Inter:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg:#fff;--s:#f7f7f5;--s2:#fafaf8;--b:#e8e6e0;--t:#0f0f0e;--m:#6b6b68;--h:#9e9e9a;--ac:#1b4fff;--ab:#eef2ff;--ok:#047857;--ob:#ecfdf5;--warn:#b45309;--wb:#fef3c7;--dr:#b91c1c;--db:#fef2f2;--disp:"Inter", sans-serif;--body:"DM Sans", sans-serif;--mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--s);color:var(--t);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 14% 0,#00a8e812,#0000 32%),radial-gradient(circle at 88% 6%,#38bdf80f,#0000 34%),radial-gradient(circle at 50% 100%,#7c5cff0a,#0000 40%),radial-gradient(55% 38% at 92% 30%,#00e5a008,#0000 55%);position:fixed;inset:0}.shell{z-index:1;min-height:100vh;display:flex;position:relative}.side{background:var(--bg);border-right:1px solid var(--b);flex-direction:column;flex-shrink:0;width:230px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.side-logo{font-family:var(--disp);letter-spacing:-.5px;padding:6px 10px 22px;font-size:20px;font-weight:800}.side-logo span{color:var(--ac)}.side-sub{color:var(--h);font-size:11px;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;margin-top:-16px;padding:0 10px 22px}.nav-link{color:var(--m);border-radius:9px;align-items:center;gap:11px;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.nav-link:hover{background:var(--s);color:var(--t)}.nav-link.active{background:var(--ab);color:var(--ac);font-weight:600}.nav-link svg{flex-shrink:0;width:17px;height:17px}.side-foot{border-top:1px solid var(--b);color:var(--m);margin-top:auto;padding:12px 10px 0;font-size:12px}.side-foot b{color:var(--t);margin-bottom:2px;font-size:13px;display:block}.side-logout{color:var(--dr);cursor:pointer;margin-top:8px;font-size:12px;display:inline-block}.main{z-index:1;flex:1;max-width:1280px;padding:28px 34px;position:relative}.page-h{font-family:var(--disp);letter-spacing:-.6px;margin-bottom:4px;font-size:26px;font-weight:800}.page-sub{color:var(--m);margin-bottom:24px;font-size:14px}.cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px;display:grid}.card{background:var(--bg);border:1px solid var(--b);border-radius:14px;padding:20px}.card-k{color:var(--m);margin-bottom:8px;font-size:12px;font-weight:500}.card-v{font-family:var(--disp);letter-spacing:-1px;font-size:30px;font-weight:800}.card-v.ok{color:var(--ok)}.card-v.ac{color:var(--ac)}.card-v.warn{color:var(--warn)}.card-v.dr{color:var(--dr)}.card-note{color:var(--h);margin-top:6px;font-size:12px}.table-wrap{background:var(--bg);border:1px solid var(--b);border-radius:14px;overflow:hidden}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--b);padding:13px 16px}th{color:var(--m);text-transform:uppercase;letter-spacing:.4px;background:var(--s);font-size:12px;font-weight:600}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--s)}.mono{font-family:var(--mono);font-size:12.5px}.chip{border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.chip.ok{background:var(--ob);color:var(--ok)}.chip.warn{background:var(--wb);color:var(--warn)}.chip.dr{background:var(--db);color:var(--dr)}.chip.ac{background:var(--ab);color:var(--ac)}.chip.neutral{background:var(--s);color:var(--m)}.btn{cursor:pointer;font-size:14px;font-weight:600;font-family:var(--body);border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:9px 16px;transition:all .15s;display:inline-flex}.btn-p{background:var(--ac);color:#fff}.btn-p:hover{background:#1240dd}.btn-g{background:var(--bg);border-color:var(--b);color:var(--t)}.btn-g:hover{background:var(--s)}.btn-dr{background:var(--db);color:var(--dr);border-color:#fca5a5}.btn-ok{background:var(--ob);color:var(--ok);border-color:#6ee7b7}.btn-sm{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.inp{border:1px solid var(--b);width:100%;font-size:14px;font-family:var(--body);background:var(--bg);color:var(--t);border-radius:9px;padding:10px 13px}.inp:focus{border-color:var(--ac);outline:none}.field{margin-bottom:14px}.field label{color:var(--m);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.toolbar .inp{max-width:320px}.toast{background:var(--t);color:#fff;z-index:9999;border-radius:12px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 40px #00000040}.toast.ok{background:var(--ok)}.toast.dr{background:var(--dr)}.banner{border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:14px 18px;font-size:14px;display:flex}.banner.warn{background:var(--wb);color:var(--warn)}.banner.dr{background:var(--db);color:var(--dr)}.banner.ac{background:var(--ab);color:var(--ac)}.empty{text-align:center;color:var(--m);padding:60px 20px}.empty b{font-family:var(--disp);color:var(--t);margin-bottom:6px;font-size:18px;display:block}@media (max-width:820px){.side{z-index:100;transition:left .2s;position:fixed;left:-240px}.side.open{left:0}.main{padding:20px 16px}}