:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#eef2f6;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #15243b;--blue: #2563eb;--cyan: #0891b2;--green: #15803d;--amber: #b45309;--red: #b42318;--violet: #6d28d9;--line: #d9e1ea;--muted: #64748b;--panel: #ffffff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select{font:inherit}a{color:#1d4ed8;text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#f8fafc;display:flex;flex-direction:column;gap:26px;padding:22px 16px}.brand{align-items:center;display:flex;gap:12px;padding:4px 6px 12px}.brand-mark{align-items:center;background:#eff6ff;border-radius:8px;color:var(--blue);display:grid;height:40px;place-items:center;width:40px}.brand strong,.brand span,.sync-card strong,.sync-card span{display:block}.brand span,.sync-card span{color:#cbd5e1;font-size:12px;margin-top:2px}.sidebar nav{display:grid;gap:5px}.nav-link{align-items:center;border-radius:8px;color:#dbeafe;display:flex;gap:10px;min-height:40px;padding:9px 10px}.nav-link:hover,.nav-link.active{background:#223755;color:#fff;text-decoration:none}.sync-card{align-items:flex-start;background:#203451;border:1px solid #314766;border-radius:8px;display:flex;gap:10px;margin-top:auto;padding:12px}.main-area{min-width:0}.topbar{align-items:center;background:#ffffffe0;border-bottom:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;padding:18px 24px;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.eyebrow{color:var(--muted);display:block;font-size:12px;font-weight:700;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:24px;letter-spacing:0;margin-top:3px}h2{font-size:18px;letter-spacing:0}.topbar-actions{align-items:center;display:flex;gap:10px}.search-box,.topbar select{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:8px;color:var(--muted);display:flex;gap:8px;min-height:38px;padding:0 12px}.topbar select{color:#172033}main{padding:24px}.page-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid{display:grid;gap:16px;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0f172a0f}.kpi-card{align-items:flex-start;display:flex;justify-content:space-between;min-height:126px;padding:18px}.kpi-card p,.kpi-card span,.panel-head p,.line-list span,.summary-grid span,.timeline span,.timeline small,.stack-list span,.document-list,.note,.decision-box p,.placeholder-grid span,.settings-grid span{color:var(--muted);font-size:13px}.kpi-card strong{display:block;font-size:30px;margin:8px 0 4px}.kpi-card.blue svg{color:var(--blue)}.kpi-card.amber svg{color:var(--amber)}.kpi-card.green svg{color:var(--green)}.kpi-card.red svg{color:var(--red)}.panel{min-width:0;padding:18px}.panel.full,.panel.wide{grid-column:1 / -1}.panel-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.text-action{font-size:14px;font-weight:700;white-space:nowrap}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:760px;width:100%}th,td{border-bottom:1px solid #e7edf4;font-size:14px;padding:12px 10px;text-align:left;vertical-align:middle}th{color:#475569;font-size:12px;font-weight:800;text-transform:uppercase}tr:hover td{background:#f8fafc}.status-chip{border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;line-height:1;padding:7px 9px;white-space:nowrap}.status-chip.neutral{background:#f1f5f9;color:#334155}.status-chip.amber{background:#fff7ed;color:var(--amber)}.status-chip.green{background:#ecfdf3;color:var(--green)}.status-chip.blue{background:#eff6ff;color:#1d4ed8}.status-chip.violet{background:#f5f3ff;color:var(--violet)}.status-chip.cyan{background:#ecfeff;color:#0e7490}.status-chip.orange{background:#fff7ed;color:#c2410c}.status-chip.red{background:#fef3f2;color:var(--red)}.stack-list,.line-list,.document-list,.settings-grid,.placeholder-grid{display:grid;gap:10px}.stack-list article,.line-list article,.placeholder-grid article,.settings-grid article{border:1px solid #e7edf4;border-radius:8px;padding:12px}.stack-list strong,.stack-list span,.line-list strong,.line-list span,.placeholder-grid strong,.placeholder-grid span,.settings-grid strong,.settings-grid span{display:block}.vessel-bars{display:grid;gap:13px}.bar-row{display:grid;gap:8px}.bar-row span{color:#334155;font-size:13px;font-weight:700}.bar-row div{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.bar-row i{background:linear-gradient(90deg,#2563eb,#14b8a6);display:block;height:100%}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filter,.table-button,.primary-button,.secondary-button,.danger-button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;gap:7px;justify-content:center;min-height:36px;padding:0 12px}.filter,.secondary-button,.table-button{background:#fff;border:1px solid var(--line);color:#334155}.filter.active,.primary-button{background:var(--blue);border:1px solid var(--blue);color:#fff}.danger-button{background:#fff;border:1px solid #fecaca;color:var(--red)}.detail-layout{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 320px}.detail-main,.side-panel{min-width:0}.detail-hero{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;margin:-2px 0 18px;padding-bottom:16px}.detail-hero h2{font-size:25px;margin:5px 0}.breadcrumb{color:#1d4ed8;font-size:13px;font-weight:800}.hero-actions{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.summary-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.summary-grid div{background:#f8fafc;border:1px solid #e7edf4;border-radius:8px;padding:12px}.summary-grid strong,.summary-grid span{display:block}.tabs-panel{border:1px solid var(--line);border-radius:8px;overflow:hidden}.tabs{background:#f8fafc;border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.tabs button{background:transparent;border:0;border-right:1px solid var(--line);color:#475569;cursor:pointer;font-weight:800;min-height:42px;padding:0 14px}.tabs button.active{background:#fff;color:#172033}.tab-content{padding:14px}.line-list article{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 90px 120px}.document-list span,.note{align-items:center;display:flex;gap:8px}.side-panel{align-self:start;display:grid;gap:10px}.timeline{display:grid;gap:13px}.timeline-item{display:grid;gap:10px;grid-template-columns:12px minmax(0,1fr)}.timeline-dot{background:var(--blue);border-radius:50%;height:10px;margin-top:5px;width:10px}.timeline-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.quote-matrix{border:1px solid var(--line);border-radius:8px;overflow-x:auto}.quote-header,.quote-row{display:grid;gap:0;grid-template-columns:270px repeat(3,minmax(210px,1fr));min-width:920px}.quote-header{background:#f8fafc;border-bottom:1px solid var(--line)}.quote-header>span,.quote-row>div,.supplier-card,.quote-cell{border-right:1px solid var(--line);padding:12px}.supplier-card{background:transparent;border-bottom:0;border-left:0;border-top:0;cursor:pointer;text-align:left}.supplier-card.active,.quote-cell.selected{background:#eff6ff}.supplier-card strong,.quote-cell strong,.quote-cell span,.decision-box strong,.decision-box span{display:block}.quote-row{border-bottom:1px solid var(--line)}.quote-row:last-child{border-bottom:0}.decision-box{display:grid;gap:10px}.placeholder-grid,.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1100px){.app-shell{grid-template-columns:86px minmax(0,1fr)}.brand div:last-child,.nav-link span,.sync-card div{display:none}.kpi-grid,.page-grid,.detail-layout{grid-template-columns:1fr}.placeholder-grid,.settings-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.brand div:last-child,.nav-link span{display:block}.nav-link{align-items:center;justify-content:center;min-height:56px;text-align:center}.topbar,.topbar-actions,.detail-hero,.line-list article{align-items:stretch;flex-direction:column}.topbar{position:static}.search-box{display:none}main{padding:14px}.kpi-grid,.summary-grid,.placeholder-grid,.settings-grid{grid-template-columns:1fr}.line-list article{display:grid;grid-template-columns:1fr}}