:root{--nav:#101a26;--bg:#eef2f6;--panel:#fff;--blue:#1769aa;--line:#dbe3eb;--text:#162331;--muted:#68798b;--good:#18794e;--bad:#b42318;--warn:#a15c00}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}aside{position:fixed;inset:0 auto 0 0;width:235px;background:var(--nav);color:#fff;padding:18px 14px;overflow:auto}.brand{display:flex;gap:12px;align-items:center;padding:8px 8px 22px}.brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#2f80c9;font-weight:800}.brand strong,.brand small{display:block}.brand small{opacity:.62;margin-top:3px}nav a{display:block;color:#c8d3df;text-decoration:none;padding:10px 12px;border-radius:6px;margin:2px 0;font-size:14px}nav a:hover,nav a.active{background:#223449;color:#fff}main{margin-left:235px;padding:22px 26px 50px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{margin:0 0 5px;font-size:25px}header p{margin:0;color:var(--muted)}.live{font-size:13px;background:#e8f7ef;color:var(--good);padding:8px 11px;border-radius:20px}.live i{display:inline-block;width:8px;height:8px;background:#28a66a;border-radius:50%;margin-right:7px}.cards{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:16px}.cards article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 1px 2px rgba(20,40,60,.04)}.cards article{padding:15px}.cards span{font-size:12px;color:var(--muted);display:block}.cards strong{display:block;font-size:24px;margin-top:8px}.cards small{color:var(--muted)}.grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel{padding:16px;margin-bottom:16px}.wide{grid-column:auto}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel h2{font-size:16px;margin:0}.panel-head a,.btn{color:#fff;background:var(--blue);text-decoration:none;border:0;border-radius:5px;padding:8px 11px;font-size:12px;cursor:pointer}.btn.secondary{background:#5f6f7f}.btn.danger{background:#b42318}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);font-weight:600;background:#f7f9fb}th,td{padding:9px 8px;border-bottom:1px solid var(--line)}tr:hover td{background:#fbfcfd}.status{display:inline-block;padding:3px 7px;border-radius:12px;background:#edf1f5;font-size:11px;text-transform:capitalize}.status.active,.status.delivered,.status.converted,.status.accepted{background:#e7f6ed;color:var(--good)}.status.waiting,.status.picking,.status.open,.status.interview{background:#fff1d8;color:var(--warn)}.status.failed,.status.dismissed,.status.lost,.status.rejected{background:#fdecea;color:var(--bad)}.decision,.stock-row{padding:11px 0;border-bottom:1px solid var(--line)}.decision p{margin:6px 0;color:var(--muted);font-size:13px}.decision small,.stock-row small{color:var(--muted);display:block}.stock-row{display:flex;justify-content:space-between}.empty{color:var(--muted)}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}input,select,textarea{padding:8px;border:1px solid #cbd5df;border-radius:5px;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.notice{padding:12px;border-radius:6px;background:#e9f4ff;border:1px solid #c4def4;margin-bottom:15px}.kpi-good{color:var(--good)}.kpi-bad{color:var(--bad)}@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:760px){aside{position:static;width:auto}main{margin-left:0;padding:14px}.cards{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;gap:10px}.form-grid{grid-template-columns:1fr}table{display:block;overflow:auto}}

.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.metric{background:#fff;border:1px solid var(--line);padding:15px;border-radius:9px}.metric label{display:block;color:var(--muted);font-size:12px}.metric strong{font-size:23px;display:block;margin-top:7px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table-wrap{overflow:auto}.notice.ok{background:#e8f7ef}.notice.error{background:#fdecea}.actions{display:flex;gap:6px}.danger-text{color:var(--bad)}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-items:end}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}.form-grid input,.form-grid select,.actions input,.actions select,.panel input,.panel select{padding:9px 10px;border:1px solid #cfd6df;border-radius:6px;background:#fff;max-width:100%}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.small-input{width:72px}.btn{display:inline-block;border:0;border-radius:6px;padding:8px 11px;background:#1769aa;color:#fff;text-decoration:none;cursor:pointer;font-weight:700}.btn.secondary{background:#5b6673}.btn.danger{background:#b42318}.notice.bad{background:#fee4e2;color:#912018}.panel hr{border:0;border-top:1px solid #e5e9ef;margin:20px 0}.panel h3{margin-top:0}

.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.kpi{background:#fff;border:1px solid #dce4ec;border-radius:12px;padding:16px}.kpi strong{display:block;font-size:1.65rem;margin-top:6px}.actions{display:flex;gap:8px;flex-wrap:wrap}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.readonly{background:#f3f6f8;padding:10px;border-radius:8px}.priority-urgent{border-left:5px solid #b42318}.priority-review{border-left:5px solid #b54708}.priority-routine{border-left:5px solid #175cd3}.modal-card{max-width:900px}.tag{display:inline-block;padding:3px 8px;border-radius:999px;background:#eef2f6;font-size:.8rem}@media(max-width:900px){.split{grid-template-columns:1fr}}
.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin:16px 0}.metric{background:#fff;border:1px solid #d6dee8;border-radius:10px;padding:15px}.metric small{display:block;color:#60758c;margin-bottom:6px}.metric strong{font-size:24px}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.timeline{border-left:3px solid #cbd8e6;margin-left:10px;padding-left:20px}.timeline-item{position:relative;padding:0 0 18px}.timeline-item:before{content:"";position:absolute;left:-28px;top:4px;width:12px;height:12px;border-radius:50%;background:#1976b9}.timeline-item time{font-size:12px;color:#60758c}.badge{display:inline-block;padding:4px 8px;border-radius:12px;background:#e8f1f8;font-size:12px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.toolbar a,.toolbar button{padding:8px 12px;border-radius:7px;border:0;background:#1976b9;color:#fff;text-decoration:none}.good{color:#0a8a4b}.bad{color:#c23b3b}.warning{color:#b36b00}.compact-form{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;align-items:end}.compact-form label{font-size:12px;color:#52687f}.compact-form input,.compact-form select,.compact-form textarea{width:100%;box-sizing:border-box;padding:9px;border:1px solid #cbd6e2;border-radius:6px}.product-lines{font-size:13px;line-height:1.5}.activity-pill{padding:5px 9px;border-radius:12px;background:#eef4f8;display:inline-block}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.compact-form{grid-template-columns:1fr 1fr}}