:root{--bg:#F6F7FB;--card:#FFFFFF;--card2:#FBFCFE;--line:#E4E7F0;--line2:#EDEFF6;--ink:#0F1E3D;--ink2:#3A4766;--muted:#6B7691;--brand:#0F1E3D;--accent:#2F5BFF;--soft:#EEF1F8;--sidebar:#0F1E3D;--sidebarInk:#C6D0E6;--sidebarActive:#1B2F57;--ok:#0E8A4E;--okbg:#E4F5EC;--bad:#C9243C;--badbg:#FCE7EA;--warn:#B85E06;--warnbg:#FDEEDF;--unk:#5F3FC4;--unkbg:#EEE9FC;--pend:#8A6A00;--pendbg:#FBF1D6;--none:#6B7691;--nonebg:#EDEFF5;--rowpad:10px;--shadow:0 1px 2px rgba(15,30,61,.06),0 6px 18px rgba(15,30,61,.05);color-scheme:light}:root[data-theme=dark]{--bg:#0B1220;--card:#131C31;--card2:#17223B;--line:#223052;--line2:#1C2844;--ink:#E8EDF9;--ink2:#C2CCE4;--muted:#8B98B8;--brand:#E8EDF9;--accent:#5A81FF;--soft:#1A2540;--sidebar:#0A1122;--sidebarInk:#98A6C6;--sidebarActive:#1B2748;--ok:#3BD489;--okbg:#0F2C22;--bad:#FF6B7E;--badbg:#33151D;--warn:#FFA24D;--warnbg:#33220F;--unk:#A98CFF;--unkbg:#221B3C;--pend:#E8C458;--pendbg:#2B2413;--none:#8B98B8;--nonebg:#1C2844;--shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.25);color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0B1220;--card:#131C31;--card2:#17223B;--line:#223052;--line2:#1C2844;--ink:#E8EDF9;--ink2:#C2CCE4;--muted:#8B98B8;--brand:#E8EDF9;--accent:#5A81FF;--soft:#1A2540;--sidebar:#0A1122;--sidebarInk:#98A6C6;--sidebarActive:#1B2748;--ok:#3BD489;--okbg:#0F2C22;--bad:#FF6B7E;--badbg:#33151D;--warn:#FFA24D;--warnbg:#33220F;--unk:#A98CFF;--unkbg:#221B3C;--pend:#E8C458;--pendbg:#2B2413;--none:#8B98B8;--nonebg:#1C2844;color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:"tnum" 1;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1{font-size:22px;letter-spacing:-.3px;margin:0 0 2px;font-weight:700}h2{font-size:15px;margin:0;font-weight:650}.sub{color:var(--muted);font-size:12.5px}.shell{display:flex;min-height:100vh}.side{width:238px;flex:0 0 238px;background:var(--sidebar);color:var(--sidebarInk);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.side .logo{gap:10px;padding:18px 18px 16px}.side .logo,.side .logo .mark{display:flex;align-items:center}.side .logo .mark{width:28px;height:28px;border-radius:9px;background:var(--accent);justify-content:center;color:#fff;font-weight:700;font-size:13px}.side .logo .name{color:#fff;font-weight:650;font-size:14.5px;letter-spacing:-.2px;display:block;line-height:1.15}.side .logo .tag{font-size:10.5px;color:#7F8DAE;letter-spacing:.06em;text-transform:uppercase}.side nav{display:flex;flex-direction:column;gap:1px;padding:4px 10px;overflow-y:auto;flex:1 1}.side nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;font-size:13.2px;font-weight:480;color:var(--sidebarInk)}.side nav a.active,.side nav a:hover{background:var(--sidebarActive);color:#fff}.side nav a.active{font-weight:620}.side nav a .badge{margin-left:auto;background:var(--accent);color:#fff;font-size:10.5px;font-weight:650;padding:1px 6px;border-radius:20px}.side .foot{border-top:1px solid rgba(255,255,255,.08);padding:12px 14px;display:flex;flex-direction:column;gap:8px;font-size:11.5px;color:#7F8DAE}.side .user{gap:8px;color:#fff}.side .user,.side .user .av{display:flex;align-items:center}.side .user .av{width:26px;height:26px;border-radius:50%;background:#2A3C63;justify-content:center;font-size:11px;font-weight:650}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.top{gap:10px;padding:10px 22px;background:var(--card);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:5}.top,.top .search{display:flex;align-items:center}.top .search{flex:1 1;max-width:520px;gap:8px;background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:6px 10px;color:var(--muted);font-size:12.5px}.top .search input{border:0;background:transparent;outline:0;width:100%;color:var(--ink)}.seg{display:inline-flex;background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:2px;gap:2px}.seg a,.seg button{padding:4px 10px;border-radius:7px;font-size:12px;color:var(--muted);border:0;background:transparent;cursor:pointer}.seg a.on,.seg button.on{background:var(--card);color:var(--ink);font-weight:600;box-shadow:var(--shadow)}.content{padding:20px 22px 40px;display:flex;flex-direction:column;gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.card .hd{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line2)}.card .bd,.card .hd{padding:12px 14px}.grid{display:grid;grid-gap:12px;gap:12px}.grid.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kpi{padding:12px 14px}.kpi .lb{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.kpi .v{font-size:26px;font-weight:700;letter-spacing:-.5px;margin-top:4px;display:flex;align-items:baseline;gap:8px}.kpi .d{font-size:11.5px;color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.chip.ok{color:var(--ok);background:var(--okbg)}.chip.bad{color:var(--bad);background:var(--badbg)}.chip.warn{color:var(--warn);background:var(--warnbg)}.chip.unk{color:var(--unk);background:var(--unkbg)}.chip.pend{color:var(--pend);background:var(--pendbg)}.chip.none{color:var(--none);background:var(--nonebg)}.mk{display:inline-flex;align-items:center;justify-content:center;width:22px;height:16px;border-radius:4px;font-size:9.5px;font-weight:700}.mk.ml{background:#FFE600;color:#2D2A00}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;border:1px solid var(--line);background:var(--card);cursor:pointer;font-size:12.5px;font-weight:600;color:var(--ink)}.btn:hover{background:var(--soft)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn.sm{padding:4px 9px;font-size:11.5px}.btn.danger{color:var(--bad)}.tbl{width:100%;border-collapse:collapse;font-size:12.8px}.tbl th{text-align:left;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:8px var(--rowpad);border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:var(--rowpad);border-bottom:1px solid var(--line2);vertical-align:middle}.tbl tr:hover td{background:var(--card2)}.tbl td.num,.tbl th.num{text-align:right;white-space:nowrap}.tbl .thumb{width:36px;height:36px;border-radius:7px;object-fit:cover;background:var(--soft);border:1px solid var(--line)}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filters input,.filters select{padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-size:12.5px}.form{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--muted);font-weight:600}.form input,.form select{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-size:13px;color:var(--ink)}.form .full{grid-column:1/-1}.price{font-weight:650;white-space:nowrap}.price.bad{color:var(--bad)}.price.warn{color:var(--warn)}.price.ok{color:var(--ok)}.muted{color:var(--muted)}.small{font-size:11.5px}.empty{padding:32px;text-align:center;color:var(--muted)}.alert{padding:10px 12px;border-radius:9px;font-size:12.5px}.alert.info{background:var(--soft);border:1px solid var(--line)}.alert.bad{background:var(--badbg);color:var(--bad)}.alert.ok{background:var(--okbg);color:var(--ok)}.bar{height:6px;border-radius:4px;background:var(--soft);overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login .box{width:100%;max-width:380px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:0 14px}.tabs a{padding:10px 12px;font-size:12.5px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs a.on{color:var(--ink);font-weight:600;border-color:var(--accent)}.two{grid-template-columns:2fr 1fr;grid-gap:16px}.three,.two{display:grid;gap:16px}.three{grid-template-columns:repeat(3,1fr);grid-gap:16px}@media (max-width:1100px){.three,.two{grid-template-columns:1fr}}@media (max-width:820px){.shell{flex-direction:column}.side{width:100%;flex:none;height:auto;position:static;align-items:center;overflow-x:auto}.side,.side nav{flex-direction:row}.side nav{padding:6px}.side .foot,.side .logo .tag{display:none}.content{padding:14px}.tbl{display:block;overflow-x:auto;white-space:nowrap}}