:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#17233c;background:#f3f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.topbar{height:72px;padding:0 4vw;background:#fff;border-bottom:1px solid #dce6f2;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}.brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#287bc0;color:white;font-weight:900}.brand div{display:flex;flex-direction:column}.brand small{color:#74829b}.topbar nav{display:flex;gap:8px}.topbar nav a{padding:10px 14px;border-radius:9px;text-decoration:none;color:#475569}.topbar nav a.active{background:#e5f0fb;color:#146cb0;font-weight:700}main{width:min(1500px,94vw);margin:0 auto;padding:32px 0 70px}.hero{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:18px}.hero h1{font-size:clamp(30px,4vw,48px);margin:4px 0}.hero p{margin:0;color:#65738b}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;color:#2b7fbd!important}.hero-actions{display:flex;gap:8px;white-space:nowrap}button{border:0;border-radius:9px;padding:11px 16px;background:#287bc0;color:#fff;font-weight:700;cursor:pointer}button:disabled{opacity:.55;cursor:wait}button.secondary{background:#e7eef7;color:#27415f}.status{min-height:22px;margin:10px 0;color:#64748b}.status.error{color:#c62828}.kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin:18px 0}.kpis article{background:#fff;border:1px solid #dce6f2;border-radius:14px;padding:16px}.kpis small{display:block;color:#6b7890}.kpis b{display:block;font-size:27px;margin-top:7px}.kpis article.alert{border-color:#f59e0b;background:#fffaf0}.panel{background:#fff;border:1px solid #dce6f2;border-radius:17px;padding:20px;margin:16px 0;box-shadow:0 10px 35px rgba(48,80,120,.06)}.panel-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.panel-head h2{margin:2px 0;font-size:22px}.panel-head input,.panel-head select{width:min(380px,42vw)}input,select,textarea{width:100%;border:1px solid #cbd8e8;border-radius:8px;padding:10px;background:#fff;color:#17233c}.legend{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0;color:#67758d;font-size:13px}.legend span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.legend .critical:before{background:#dc2626}.legend .high:before{background:#f97316}.legend .medium:before{background:#eab308}.legend .ok:before{background:#16a34a}.table-wrap{overflow:auto;border:1px solid #dde6f1;border-radius:12px;max-height:650px}table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}th{position:sticky;top:0;background:#2979b8;color:#fff;text-align:left;padding:11px;z-index:2}td{padding:10px;border-bottom:1px solid #e5ebf3;vertical-align:top}tr.risk-critical{background:#fff0f0}tr.risk-high{background:#fff7ed}tr.risk-medium{background:#fffbeb}tr.risk-ok{background:#f2fbf5}td small{display:block;color:#68768e;margin-top:3px}.product-cell{min-width:270px}.quantity-strong{font-weight:800;font-size:16px}.risk-label{font-weight:800}.risk-critical .risk-label{color:#c62828}.risk-high .risk-label{color:#d85d00}.ad-no{color:#b42318;font-weight:800}.ad-yes{color:#15803d;font-weight:800}.row-actions{display:flex;gap:6px}.row-actions button{padding:7px 9px;font-size:12px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card-list{display:grid;gap:9px;max-height:520px;overflow:auto}.item-card{display:flex;justify-content:space-between;gap:15px;padding:12px;border:1px solid #e1e8f1;border-radius:11px}.item-card b,.item-card small{display:block}.item-card small{color:#6a7890;margin-top:4px}.item-card .qty{font-size:20px;font-weight:900;white-space:nowrap}.item-actions{display:flex;gap:5px;align-items:center}.item-actions button{padding:6px 8px;font-size:12px}.item-actions .danger{background:#fee2e2;color:#b91c1c}.cluster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.cluster-card{border:1px solid #dce6f2;border-radius:11px;padding:13px}.cluster-card h3{margin:0 0 8px;font-size:16px}.cluster-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.cluster-metrics div{background:#f6f8fb;border-radius:8px;padding:7px}.cluster-metrics small,.cluster-metrics b{display:block}.cluster-card p{font-size:12px;color:#66758d}.module-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px}.module-grid article{background:#f6f9fc;border:1px solid #e1e8f1;border-radius:11px;padding:14px}.module-grid b{font-size:24px;display:block}.module-grid small{color:#6a7890}.notice{padding:12px;border-radius:9px;background:#fff8e5;color:#704f00}dialog{border:0;border-radius:16px;padding:0;width:min(760px,92vw);box-shadow:0 30px 80px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(15,31,52,.55)}dialog form{padding:20px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0 0 15px}.close{background:transparent;color:#475569;font-size:24px;padding:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{font-size:13px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{margin-top:5px}.form-grid .wide{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@media(max-width:900px){.topbar{height:auto;padding:12px 3vw;align-items:flex-start}.topbar nav{flex-wrap:wrap;justify-content:flex-end}.hero{align-items:flex-start;flex-direction:column}.kpis{grid-template-columns:repeat(2,1fr)}.two-columns{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}@media(max-width:580px){main{width:96vw}.topbar{display:block}.topbar nav{margin-top:10px;justify-content:flex-start}.topbar nav a{padding:8px}.kpis{grid-template-columns:1fr}.panel{padding:13px}.panel-head{display:block}.panel-head input,.panel-head select{width:100%;margin-top:10px}.hero-actions{width:100%}.hero-actions button{flex:1}.module-grid{grid-template-columns:1fr 1fr}}