:root{--page:#101315;--nav:#111315;--navdeep:#050505;--card:#191d20;--mutedcard:#20262a;--input:#101315;--text:#f3f5f7;--muted:#adb8c4;--border:#343b40;--accent:#f58a3c;--accenttext:#101315;--selected:#3a2b23;--selectedtext:#fff1e8;--success:#54d9ba;--danger:#fca5a5;--scroll:#58646d}html[data-theme=light]{--page:#f4f5f7;--nav:#111315;--navdeep:#050505;--card:#fff;--mutedcard:#f1f5f9;--input:#fff;--text:#172033;--muted:#64748b;--border:#e2e8f0;--selected:#fff7ed;--selectedtext:#7c3f16}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font:14px "Segoe UI",Arial,sans-serif;background:var(--page);color:var(--text);display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--nav);display:grid;grid-template-rows:105px 1fr auto;z-index:3}.brand-wrap{background:var(--navdeep);padding:12px 15px;display:flex;align-items:center}.brand{display:block;width:220px;height:auto;max-height:81px;object-fit:contain}.sidebar nav{overflow-y:auto;padding:0 12px}.nav-link{height:40px;margin:2px 0;border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:12px;color:var(--muted);text-decoration:none;font-size:12px;border:1px solid transparent}.nav-link .ico{width:16px;text-align:center;font-size:17px;opacity:.92}.nav-link:hover{background:#222833;color:#fff}.nav-link.active{background:var(--selected);color:var(--selectedtext);font-weight:600;border-color:#f58a3c}.nav-link.active:before{content:"";width:3px;height:20px;border-radius:2px;background:var(--accent);margin-left:-12px}.badge{margin-left:auto;border-radius:10px;padding:2px 6px;min-width:18px;text-align:center;background:#ef4444;color:#fff;font-size:10px}.user-panel{border-top:1px solid var(--border);margin:0 18px;padding:13px 8px 10px;display:grid;gap:4px;font-size:11px}.user-panel strong{font-size:12px}.user-panel span{color:var(--muted)}.tiny-row{display:flex;gap:5px;margin-top:4px}.tiny-button{font-size:10px;padding:6px 8px;border:1px solid var(--border);background:var(--mutedcard);border-radius:8px;color:var(--text);text-decoration:none}.app-version{font-size:10px;color:var(--muted)}main{margin-left:250px;width:calc(100% - 250px);min-height:100vh}.topbar{height:52px;background:var(--card);border-bottom:1px solid var(--border);padding:6px 20px;display:flex;align-items:center;justify-content:space-between}.module-name{color:var(--muted);font-weight:600;font-size:12px}.toolbar{display:flex;gap:8px;align-items:center}.toolbar button,.toolbar a,.ghost,.filter button{border:1px solid var(--border);background:var(--mutedcard);color:var(--text);border-radius:8px;padding:9px 13px;text-decoration:none;font:600 12px inherit;cursor:pointer}.toolbar button:hover,.toolbar a:hover,.ghost:hover{border-color:var(--accent)}.workspace{padding:28px 32px 40px;max-width:1540px}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin:0 0 24px}.page-title h1{font-size:30px;line-height:1.1;margin:0 0 8px;font-weight:700}.page-title p{margin:0;color:var(--muted);font-size:14px}.primary{border:0;background:var(--accent);color:var(--accenttext);border-radius:8px;padding:11px 16px;text-decoration:none;font-weight:700;font-size:13px;cursor:pointer;display:inline-block}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metrics article,.card{border:1px solid var(--border);border-radius:12px;background:var(--card)}.metrics article{padding:18px}.metrics article span{display:block;color:var(--muted);font-size:13px}.metrics article strong{display:block;font-size:24px;margin-top:7px}.metrics article.accent{background:#15302b}.metrics article.accent strong{color:var(--success)}.card{padding:20px;margin-bottom:16px}.card h2{margin:0 0 14px;font-size:19px}.filter{display:flex;gap:10px;margin-bottom:16px}.filter input{max-width:570px}.filter button{min-width:118px}input,textarea,select{background:var(--input);border:1px solid var(--border);border-radius:6px;padding:10px;color:var(--text);font:inherit;width:100%}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px #f58a3c33}textarea{min-height:95px;resize:vertical}table{width:100%;min-width:620px;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;font-size:13px}th{background:var(--mutedcard);color:var(--muted);font-weight:600}tr:hover td{background:#ffffff08}.pill{border-radius:12px;background:#15302b;color:var(--success);padding:4px 8px;font-size:11px}.form{max-width:830px}.form label{display:grid;gap:7px;font-weight:600;font-size:13px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.success{background:#15302b;color:var(--success);padding:12px 14px;border-radius:8px;margin-bottom:14px}.error{color:var(--danger);margin-bottom:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.login{display:grid;place-items:center;background:radial-gradient(circle at top,#242b30,var(--page) 55%)}.login-card{width:min(430px,calc(100% - 34px));padding:32px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:0 22px 70px #0008}.login-card img{display:block;width:100%;height:96px;object-fit:contain;margin-bottom:20px}.login-card h1{margin:0 0 6px;font-size:26px}.login-card p{margin:0 0 20px;color:var(--muted)}.login-card form{display:grid;gap:14px}.login-card label{display:grid;gap:6px;font-size:13px;font-weight:600}.login-card button{width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:8px;border:2px solid transparent;background-clip:padding-box}@media(max-width:900px){.sidebar{width:68px}.brand-wrap{padding:12px 8px}.brand{width:50px;height:45px;object-fit:cover;object-position:left}.nav-link{padding:0;justify-content:center;font-size:0}.nav-link .ico{font-size:18px}.nav-link.active:before{position:absolute;left:0;margin:0}.badge,.user-panel{display:none}main{margin-left:68px;width:calc(100% - 68px)}.metrics{grid-template-columns:repeat(2,1fr)}.workspace{padding:22px}}@media(max-width:620px){.workspace{padding:18px}.metrics,.grid,.split{grid-template-columns:1fr}.topbar{padding:6px 12px}.toolbar a:not(:first-child),.toolbar button:not(:first-child){display:none}.page-title{display:grid}}


input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--text)!important;caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--input) inset!important;box-shadow:0 0 0 1000px var(--input) inset!important;transition:background-color 99999s ease-out 0s}