:root{--ink:#1f3448;--accent:#0076b7;--accent2:#5b93b5;--line:#dde4e9;--bg:#f5f7f8;--bad:#a52b2b;--warm:#e0954f}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px system-ui,-apple-system,Segoe UI,sans-serif;color:#24313b}.shell{display:flex;min-height:100vh}.sidebar{width:224px;flex:0 0 224px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 0;position:sticky;top:0;align-self:flex-start;height:100vh;transition:width .18s ease,flex-basis .18s ease}.sidebar .brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;letter-spacing:.08em;color:var(--ink);font-size:19px;padding:4px 20px 22px;margin-bottom:12px;border-bottom:1px solid var(--line)}.sidebar .brand img{display:block;height:34px;width:auto}.sidebar .brand span{font-weight:600;color:#9aa7b0}.sidebar nav{display:flex;flex-direction:column;gap:2px;padding:0 12px;flex:0 0 auto}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:9px;color:#55646e;text-decoration:none;font-weight:650;box-shadow:inset 3px 0 0 0 transparent}.sidebar nav a:hover{background:#f3f6f8;color:var(--ink)}.sidebar nav a.active{color:var(--accent);background:#eaf4fb;box-shadow:inset 3px 0 0 0 var(--accent)}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.sidebar-toggle{position:absolute;top:26px;right:-13px;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#536571;font-size:14px;line-height:1;box-shadow:0 2px 6px #1f344820;z-index:5;padding:0}.sidebar-toggle:hover{color:var(--accent);border-color:var(--accent)}
.nav-icon{display:none;width:26px;height:26px;border-radius:7px;background:#eef3f6;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;flex:0 0 auto;color:#69777f}.sidebar nav a.active .nav-icon{background:var(--accent);color:#fff}
@media(min-width:901px){.sidebar.collapsed{width:74px;flex-basis:74px}.sidebar.collapsed .brand{justify-content:center;padding:4px 0 22px}.sidebar.collapsed .brand span,.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .brand img{height:30px}.sidebar.collapsed nav a{justify-content:center;padding:9px}.sidebar.collapsed .nav-icon{display:flex}}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 28px;position:sticky;top:0;z-index:2}.topbar form{flex:1}.topbar input{width:min(560px,100%)}main{max-width:1180px;margin:28px auto;padding:0 24px;width:100%}h1,h2,h3{color:var(--ink)}h1{margin:0 0 6px}h2{font-size:17px}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.title p{margin:0;color:#74838d}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin:16px 0;box-shadow:0 2px 8px #1f344808}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.card b{display:block;font-size:28px;color:var(--ink)}.card span,.muted,small{color:#74838d}.row,.offer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid #edf1f3}.row:last-child,.offer:last-child{border:0}.row small,.offer small{display:block;margin-top:4px}.link{text-decoration:none;color:inherit}.pill{background:#edf2f5;padding:6px 10px;border-radius:999px;font-size:12px}.red{background:#fde7e7;color:#9a2424}.button,button{border:0;background:var(--accent);color:#fff;border-radius:9px;padding:10px 14px;text-decoration:none;font-weight:700;cursor:pointer}.secondary{background:#eef3f6;color:var(--ink)}input,select,textarea{width:100%;border:1px solid #cfd9df;border-radius:9px;padding:10px;background:#fff;font:inherit}textarea{min-height:78px;resize:vertical}.form{display:grid;gap:12px}.form label{display:grid;gap:6px;font-weight:650}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inline{display:flex;align-items:center;gap:8px}.inline input,.inline select{min-width:140px}.actions{display:flex;justify-content:flex-end;gap:14px;align-items:center}.timeline{border-left:3px solid #dce6ec;padding:2px 0 10px 14px;margin:8px 0}.timeline p{margin:4px 0}.bad{background:#fdeaea;color:var(--bad);padding:12px;border-radius:10px;margin:12px 0}.success{border-color:#b8d8c5;background:#fbfffc}.success-banner{background:#e7f6ec;color:#1f6e3d;padding:12px;border-radius:10px;margin:0 0 16px;font-weight:600}.login{display:grid;place-items:center;min-height:100vh}.loginbox{width:min(420px,92vw)}.loginbox small{display:block;margin-top:10px}@media(max-width:900px){.shell{flex-direction:column}.sidebar,.sidebar.collapsed{width:100%;flex:0 0 auto;height:auto;position:sticky;top:0;flex-direction:row;align-items:center;padding:0;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;z-index:3}.sidebar .brand{padding:0 14px;flex:0 0 auto;margin-bottom:0;border-bottom:0}.sidebar-toggle{display:none}.sidebar nav{flex-direction:row;padding:0 8px;flex:none}.sidebar nav a{white-space:nowrap;border-radius:0;padding:14px 12px;gap:8px;box-shadow:none}.sidebar nav a.active{background:#eaf4fb;color:var(--accent);box-shadow:inset 0 -3px 0 0 var(--accent)}.nav-icon{display:none}.sidebar-footer{margin-top:0;padding-top:0;border-top:0;border-left:1px solid var(--line)}}
@media(max-width:720px){.topbar{padding:0 14px;gap:10px}.topbar form{display:none}.cards,.grid2{grid-template-columns:1fr}.title{align-items:flex-start;gap:12px}.inline,.offer{align-items:stretch;flex-direction:column}.row{align-items:flex-start}main{margin-top:18px;padding:0 14px}}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}th{background:#f8fafc}
@media(max-width:720px){.panel{overflow-x:auto}.panel table{width:auto;min-width:100%}.panel table td,.panel table th{white-space:nowrap}}
.filterbar{display:grid;grid-template-columns:1fr 1fr 1.4fr auto auto;gap:10px;align-items:center}.compact{margin-top:12px}.compact input,.compact select{min-width:0}.specrow{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #edf1f3}.productpick{display:grid;grid-template-columns:minmax(220px,.8fr) 2fr;gap:16px;align-items:center;padding:14px 4px;border-bottom:1px solid #edf1f3}.productpick small{display:block;margin-top:4px}.pickform{display:flex;flex-direction:column;gap:8px;margin-top:10px}.pickform-row{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.pickform-row button{flex:0 0 auto}.pf-field{display:flex;flex-direction:column;gap:3px;flex:1 1 120px;min-width:0}.pf-field span{font-size:10.5px;color:#74838d;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.pf-field input,.pf-field select{width:100%}
.itemtable{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.itemtable-head{display:grid;grid-template-columns:2fr 85px 95px 105px 80px 95px auto;gap:8px;padding:0 6px;font-size:10.5px;text-transform:uppercase;color:#74838d;font-weight:700;letter-spacing:.3px}
.itemrow{display:grid;grid-template-columns:2fr 85px 95px 105px 80px 95px auto;gap:8px;align-items:center;background:#f8fafb;border:1px solid #e5ebef;border-radius:9px;padding:8px}
.itemrow input,.itemrow select{padding:6px 8px;font-size:12.5px;min-width:0}
.itemrow .net{font-weight:700;color:var(--ink);text-align:right;font-size:13px}
.itemrow .itemrow-actions{display:flex;gap:4px}
.if-field{min-width:0}.if-label{display:none}
@media(max-width:900px){.itemtable-head{display:none}.itemrow{display:flex;flex-direction:column;align-items:stretch;gap:8px}.itemrow .if-field{width:100%}.if-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:#74838d;font-weight:700;margin-bottom:3px}}.revision-products{width:100%;margin:10px 0 4px}.itemline{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#f8fafb;border:1px solid #e5ebef;border-radius:9px;padding:9px 10px;margin-top:8px}.itemline small{display:block;margin-top:3px}.danger{background:#a52b2b}.smallbtn{padding:7px 9px;font-size:12px}@media(max-width:720px){.filterbar,.productpick{grid-template-columns:1fr}.pickform-row{flex-direction:column;align-items:stretch}.pickform-row .pf-field{flex:none}.itemline{align-items:flex-start}}
.library-stats{grid-template-columns:repeat(5,1fr)}.library-stats .card{border-left:4px solid var(--line)}.library-stats .card:nth-child(1){border-left-color:var(--accent)}.library-stats .card:nth-child(2){border-left-color:var(--accent2)}.library-stats .card:nth-child(3){border-left-color:var(--warm)}.library-stats .card:nth-child(4){border-left-color:#3f9d6f}.library-stats .card:nth-child(5){border-left-color:#8b6fae}.library-filter{display:grid;grid-template-columns:1fr 1.2fr 1fr 1.5fr auto auto;gap:9px}.library-browse .panel{margin-top:0}.browse-group{padding:10px 0;border-bottom:1px solid #edf1f3}.browse-group>a{color:var(--ink);text-decoration:none}.browse-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.browse-tags a{font-size:12px;text-decoration:none;background:#f0f4f6;color:#405765;padding:6px 8px;border-radius:8px}.browse-tags span{opacity:.65}.brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.brand-grid a{display:flex;justify-content:space-between;gap:8px;text-decoration:none;color:var(--ink);border:1px solid #e5ebef;border-radius:10px;padding:11px}.brand-grid span{color:#74838d;font-size:12px}.admin-builder summary,details summary{cursor:pointer}.admin-builder summary span{font-weight:400;color:#74838d}.section-head{display:flex;align-items:center;justify-content:space-between}.product-row:hover{background:#f8fafb}.breadcrumb{color:#74838d;margin:0 0 5px}.spec-actions{display:flex;align-items:center;gap:9px}.icon-danger{padding:2px 8px;border-radius:7px;background:#f7e7e7;color:#9a2424;font-size:17px}.spec-add{display:grid;grid-template-columns:1.3fr 1fr .7fr auto;gap:8px;margin-top:14px}.doc-link{flex:1}.upload-form{margin-top:14px}.edit-product{margin-top:15px}.selection-note{border-left:4px solid var(--accent)}@media(max-width:720px){.library-stats,.library-filter,.brand-grid,.spec-add{grid-template-columns:1fr}.library-browse{grid-template-columns:1fr}.browse-tags{display:grid}.specrow{align-items:flex-start}.spec-actions{align-items:flex-end;flex-direction:column}}
.chartrow{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.donut{width:148px;height:148px;border-radius:50%;position:relative;flex:0 0 auto}.donut-hole{position:absolute;inset:20px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.donut-hole b{font-size:24px;color:var(--ink);line-height:1.1}.donut-hole span{font-size:10.5px;color:#74838d}.legend{display:grid;gap:4px;flex:1;min-width:230px}.legend a,.legend .legend-row{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:inherit;padding:7px 9px;border-radius:9px}.legend a:hover{background:#f5f8fa}.legend-label{display:flex;align-items:center;gap:9px;font-weight:600}.legend-dot{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.legend b{color:var(--ink);font-variant-numeric:tabular-nums}.legend .muted-num{color:#9aa7b0;font-size:12px;margin-left:6px;font-weight:400}
.progressbar{background:#eef2f4;border-radius:999px;height:16px;overflow:hidden;position:relative}.progressbar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#5b93b5);border-radius:999px;transition:width .3s}.bandtrack{display:flex;gap:3px}.bandtrack>i{flex:1;height:10px;border-radius:5px;background:#e7ecef}.bandtrack>i.on{background:linear-gradient(90deg,var(--accent),#5b93b5)}.bandlabels{display:flex;justify-content:space-between;font-size:11px;color:#94a3ad;margin-top:6px}
.stpill{padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;color:#fff}
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.statgrid .card{padding:16px;border-left:4px solid var(--line)}a.card{display:block;transition:box-shadow .15s,transform .15s}a.card:hover{box-shadow:0 4px 14px #1f344814;transform:translateY(-1px)}.statgrid .card b{font-size:22px}.statgrid .card.c1{border-left-color:var(--accent)}.statgrid .card.c2{border-left-color:var(--accent2)}.statgrid .card.c3{border-left-color:var(--warm)}.statgrid .card.c4{border-left-color:#3f9d6f}
.minibar{display:grid;gap:7px}.minibar-row{display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:center;font-size:12.5px}.minibar-track{background:#eef2f4;border-radius:6px;height:9px;overflow:hidden}.minibar-track>i{display:block;height:100%;border-radius:6px}
@media(max-width:720px){.chartrow{flex-direction:column;align-items:stretch}.donut{margin:0 auto}.statgrid{grid-template-columns:1fr 1fr}.minibar-row{grid-template-columns:90px 1fr auto}}