:root{--red:#b31217;--red-dark:#821015;--bg:#f5f6f8;--card:#fff;--text:#1e2329;--muted:#69727d;--border:#e0e3e7;--soft:#f8f9fa}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}.shell{max-width:1300px;margin:0 auto;padding:26px}.topbar,.sectionHead,.welcome,.topActions{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{margin-bottom:22px}.eyebrow{color:var(--red);letter-spacing:.14em;font-size:12px;font-weight:800}.topbar h1,.brandBlock h1{margin:4px 0 0}.layout{grid-template-columns:220px minmax(0,1fr);gap:18px;display:grid}.sidebar{flex-direction:column;gap:8px;display:flex}.navButton{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:12px 14px;font-weight:700}.navButton:hover{background:#eceff2}.navButton.active{background:var(--red);color:#fff}.content{min-width:0}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 5px 16px #00000008}.card h2,.card h3{margin-top:0}.welcome{margin-bottom:14px}.welcome p{margin-bottom:0}.kpiGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px;display:grid}.kpi{margin-top:8px;font-size:28px;font-weight:800}.pill{border:1px solid var(--border);background:var(--soft);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.button{border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:11px 14px;font-weight:800}.button.primary{background:var(--red);color:#fff;border-color:var(--red)}.button.primary:hover{background:var(--red-dark)}.button.secondary{background:#fff}.button.full{width:100%;margin-top:16px}.button:disabled{opacity:.5;cursor:not-allowed}.muted{color:var(--muted)}label{margin:14px 0 6px;font-size:13px;font-weight:800;display:block}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:10px;min-height:44px;padding:11px 12px}textarea{resize:vertical;min-height:105px}.formGrid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.wide{grid-column:1/-1}.optionGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.optionCard .smallLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:22px;font-size:11px}.bigMoney{margin:5px 0;font-size:28px;font-weight:800}.miniGrid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.miniGrid span{color:var(--muted);font-size:12px;display:block}.miniGrid strong{margin-top:4px;display:block}.warning,.note{border:1px solid var(--border);background:var(--soft);color:var(--muted);border-radius:10px;margin-bottom:14px;padding:13px;font-size:13px}.twoCol{grid-template-columns:1fr 1fr;gap:14px;display:grid}.quotePreview{border:1px solid var(--border);background:var(--soft);border-radius:12px;margin-bottom:14px;padding:16px}.quotePreview p span{color:var(--muted)}hr{border:0;border-top:1px solid var(--border);margin:16px 0}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 10px;font-size:14px}th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:12px}.search{max-width:300px}.supplierList{flex-direction:column;gap:8px;display:flex}.supplierRow{border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:10px;padding:12px}.supplierRow strong,.supplierRow span{display:block}.supplierRow span{color:var(--muted);margin-top:4px;font-size:12px}.supplierRow.selected{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}.footer{text-align:center;color:var(--muted);margin-top:20px;padding:16px;font-size:12px}.loginWrap{max-width:520px;margin:70px auto;padding:24px}.brandBlock{text-align:center;margin-bottom:20px}.brandBlock p{color:var(--muted)}.loginCard h2{margin-bottom:8px}@media (max-width:850px){.layout{grid-template-columns:1fr}.sidebar{flex-direction:row;padding-bottom:4px;overflow:auto}.navButton{white-space:nowrap}.optionGrid,.kpiGrid{grid-template-columns:1fr 1fr}.twoCol{grid-template-columns:1fr}}@media (max-width:620px){.shell{padding:16px}.topbar,.sectionHead,.welcome{flex-direction:column;align-items:flex-start}.topActions{justify-content:space-between;width:100%}.formGrid,.optionGrid,.kpiGrid{grid-template-columns:1fr}.wide{grid-column:auto}.miniGrid{grid-template-columns:1fr 1fr}.loginWrap{margin:20px auto}}