:root{--bg:#080b12;--card:#111827;--panel:#151c2b;--blue:#087cff;--red:#f12b42;--text:#f8fafc;--muted:#94a3b8;--line:#253047;--green:#35d399}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px Inter,system-ui,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;padding:72px 0 0 244px;background:radial-gradient(circle at 80% 0,#0b1c35 0,transparent 28%),var(--bg)}aside{position:fixed;inset:0 auto 0 0;width:244px;z-index:20;background:#0c111d;border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column}.brand{height:65px;display:flex;align-items:center;gap:10px;padding:0 8px 14px;border-bottom:1px solid #202b3e}.brand img{width:44px;height:44px;object-fit:contain}.brand b,.brand small{display:block}.brand b{letter-spacing:.1em}.brand small{font-size:8px;color:var(--muted);letter-spacing:.2em;margin-top:4px}aside nav{display:flex;flex-direction:column;gap:2px;margin:12px 0;overflow:auto}aside nav a{display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:9px;color:#9aabc2;font-size:12px;transition:.15s}aside nav a:hover{background:#ffffff08;color:white}aside nav a.active{background:linear-gradient(90deg,#087cff28,#087cff08);color:white;box-shadow:inset 2px 0 var(--blue)}aside nav i{width:16px;text-align:center;font-style:normal}.side-bottom{margin-top:auto}.update-button{width:100%;display:flex;align-items:center;gap:9px;background:#121c2c;border:1px solid #293a55;color:#72b4ff;border-radius:10px;padding:9px;cursor:pointer;text-align:left}.update-button span b,.update-button span small{display:block}.update-button span b{font-size:10px}.update-button span small{font-size:8px;color:#72839b;margin-top:2px}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid #202b3e;margin-top:10px;padding:11px 7px 0}.profile em,.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--red));font-weight:800;font-style:normal}.profile span b,.profile span small{display:block;font-size:10px}.profile span small{color:var(--muted);margin-top:3px}header{position:fixed;left:244px;right:0;top:0;height:72px;z-index:15;background:#080b12e8;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);display:flex;align-items:center;gap:16px;padding:0 28px}.global-search{width:min(460px,50vw);height:40px;border:1px solid #29364d;background:#111827;border-radius:10px;display:flex;align-items:center;padding:0 12px;gap:8px}.global-search input{flex:1;background:none;border:0;outline:0;color:white}.online{margin-left:auto;color:var(--green);font-size:10px}.header-icon{border:0;background:none;color:#91a5c1;font-size:20px;cursor:pointer}main{max-width:1600px;margin:auto;padding:28px}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.page-head h1{font-size:28px;margin:6px 0}.page-head p{margin:0;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.18em;color:#579cff;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:1px solid #34445e;border-radius:10px;background:#18243a;color:white;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#087cff,#0862ca);border-color:#278fff}.grid{display:grid;gap:14px}.stats{grid-template-columns:repeat(4,1fr)}.stat,.panel{background:linear-gradient(145deg,#121b2b,#0e1522);border:1px solid #26334a;border-radius:15px}.stat{padding:17px}.stat span,.stat small{display:block;color:var(--muted);font-size:10px}.stat b{display:block;font-size:24px;margin:8px 0 4px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #202c40}.panel-head h2{font-size:13px;margin:0}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{text-align:left;padding:12px 15px;border-bottom:1px solid #202b3d}.table th{font-size:8px;letter-spacing:.12em;color:#718099;text-transform:uppercase;background:#151e2f}.table td{font-size:11px}.swatch{display:inline-block;width:20px;height:20px;border-radius:6px;vertical-align:middle;margin-right:7px;border:1px solid #ffffff22}.low{color:#ff5b70}.toolbar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.toolbar input,.toolbar select,.field input,.field select,.field textarea{padding:10px 12px;border:1px solid #30405a;border-radius:9px;background:#0d1523;color:white;outline:0}.toolbar input{min-width:280px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:18px}.field{display:grid;gap:6px}.field label{font-size:9px;color:var(--muted);font-weight:700}.field.wide{grid-column:1/-1}.field-actions{grid-column:1/-1;display:flex;gap:8px}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.category-card{padding:20px}.category-card b,.category-card span{display:block}.category-card b{font-size:18px}.category-card span{color:var(--muted);margin-top:7px}.empty{padding:50px;text-align:center;color:var(--muted)}.flash{padding:12px 14px;border:1px solid #35d39955;background:#35d39915;color:#62e6b0;border-radius:10px;margin-bottom:14px}.flash.error{border-color:#f12b4255;background:#f12b4215;color:#ff7183}.update-toast{position:fixed;right:24px;bottom:24px;z-index:50;width:min(440px,calc(100vw - 30px));padding:15px;background:#172238;border:1px solid #388cff;border-radius:14px;box-shadow:0 18px 50px #000a;display:flex;align-items:center;justify-content:space-between;gap:12px}.update-toast[hidden]{display:none}.update-toast b,.update-toast small{display:block}.update-toast small{color:var(--muted);margin-top:4px}.update-toast button{background:var(--blue);border:0;color:white;padding:9px 12px;border-radius:8px}.mobile-nav{display:none}.gate{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 30%,#14233c,#080b12 55%)}.gate-card{width:min(520px,100%);padding:38px;text-align:center;background:#111827;border:1px solid #29364d;border-radius:24px}.gate-card img{width:130px;height:130px;object-fit:contain}.gate-card h1{font-size:38px;margin:8px}.gate-card p{color:var(--muted)}.gate-actions{display:grid;gap:9px;margin-top:25px}.gate-card .field{text-align:left;margin:14px 0}@media(max-width:900px){.app-shell{padding:62px 0 82px}aside{display:none}header{left:0;height:62px;padding:0 13px}.global-search{width:auto;flex:1}.online{font-size:0}.avatar{display:none}main{padding:18px 13px}.stats{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start}.form-grid{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;z-index:30;left:0;right:0;bottom:0;height:72px;background:#0d1421f5;border-top:1px solid #263148;justify-content:space-around}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8a99ad;font-size:10px}.mobile-nav .issue{color:white;background:var(--blue);width:58px;height:58px;border-radius:50%;margin-top:-15px}.update-toast{right:15px;bottom:86px}.toolbar input{min-width:100%}}@media(max-width:520px){.stats{grid-template-columns:1fr 1fr}.stat b{font-size:20px}.gate-card{padding:28px 20px}}