:root{color:#18343d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:Segoe UI,Trebuchet MS,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{color:#163641;background:radial-gradient(circle at 0 0,#d4a3731f,#0000 26%),linear-gradient(#f7fbfc 0%,#edf7f8 100%);grid-template-columns:292px 1fr;min-height:100vh;display:grid}.sidebar{background:#ffffffe6;border-right:1px solid #2d6a731a;flex-direction:column;justify-content:space-between;padding:18px 16px;display:flex}.sidebar-brand{align-items:flex-start;gap:12px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#133944,#2d6a73);border-radius:14px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.brand{font-size:1.9rem;font-weight:800}.brand-copy{color:#67808a;margin:6px 0 0;line-height:1.45}.sidebar-status{flex-wrap:wrap;gap:8px;margin:18px 0 22px;display:flex}.status-pill{border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:.78rem;font-weight:700;display:inline-flex}.status-pill.online{color:#237653;background:#ebf8f2}.status-pill.accent{color:#2d6a73;background:#eef6f7}.nav-group+.nav-group{margin-top:18px}.nav-label{letter-spacing:.16em;color:#88a0a9;text-transform:uppercase;margin-bottom:8px;padding-inline:8px;font-size:.7rem}.nav{gap:5px;display:grid}.nav-item,.ghost,.primary{cursor:pointer;font:inherit;border:0}.nav-item{color:#35505a;background:0 0;border-radius:14px;align-items:center;gap:10px;padding:11px 12px;transition:transform .18s,background .18s,color .18s;display:flex}.nav-dot{background:#2d6a7338;border-radius:999px;width:8px;height:8px}.nav-item.active,.nav-item:hover{color:#123540;background:linear-gradient(135deg,#2d6a731a,#d4a37324);transform:translate(2px)}.nav-item.active .nav-dot,.nav-item:hover .nav-dot{background:#2d6a73}.sidebar-foot{gap:12px;display:grid}.sidebar-card,.user-card,.panel,.summary-card,.metric-card,.dashboard-hero{border:1px solid #1f4e5f14;box-shadow:0 18px 48px #1d4a5814}.sidebar-card{background:linear-gradient(135deg,#d4a3732e,#2d6a7324);border-radius:20px;padding:16px}.sidebar-card span{letter-spacing:.08em;color:#5f7883;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;display:block}.user-card{background:#fffffff2;border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#1f4e5f,#2d6a73);border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.avatar.large{width:48px;height:48px}.user-card small{color:#7d939b}.main{padding:18px 18px 28px}.topbar{background:#ffffffc7;border:1px solid #1f4e5f12;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;padding:12px 16px;display:flex}.crumb{color:#7e96a0;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.topbar h1,.dashboard-hero h2,.panel h3{margin:0}.topbar h1{margin-top:4px;font-size:2rem}.topbar-title p,.panel p{color:#70868f;margin:8px 0 0}.topbar-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.search-wrap{color:#7d939b;text-transform:uppercase;letter-spacing:.08em;gap:4px;font-size:.72rem;display:grid}.search,.login-form input{background:#fff;border:1px solid #1f4e5f21;border-radius:14px;min-width:260px;padding:13px 16px}.ghost,.primary,.login-form button{border-radius:14px;padding:12px 16px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s}.ghost{color:#1f4e5f;background:#fff}.primary,.login-form button{color:#fff;background:linear-gradient(135deg,#1f4e5f,#2d6a73)}.ghost:hover,.primary:hover,.login-form button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #1f4e5f1f}.primary.wide,.ghost.wide{width:100%}.dashboard{gap:18px;display:grid}.dashboard-hero{background:linear-gradient(135deg,#fffffffa,#f4fafaf5),radial-gradient(circle at 100% 0,#d4a3731a,#0000 24%);border-radius:24px;grid-template-columns:minmax(0,1.7fr) minmax(260px,.9fr);gap:18px;padding:22px;display:grid}.hero-main p{color:#667c85;max-width:760px;line-height:1.6}.hero-tags{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.hero-tags span{color:#295764;background:#eef6f7;border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:700}.hero-side{background:#f1f8f8d1;border-radius:20px;align-content:start;gap:10px;padding:18px;display:grid}.hero-side-label{letter-spacing:.12em;text-transform:uppercase;color:#76909a;font-size:.76rem}.eyebrow{color:#2d6a73;letter-spacing:.14em;text-transform:uppercase;font-size:.77rem;display:inline-block}.metric-strip,.summary-grid,.dashboard-grid,.bottom-grid{gap:16px;display:grid}.metric-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-card,.summary-card,.panel{background:#fffffff2;border-radius:22px}.metric-card{padding:18px;position:relative;overflow:hidden}.metric-card:before{content:"";background:#1f4e5f;width:100%;height:4px;position:absolute;inset:0 auto auto 0}.metric-card.tone-gold:before{background:#d4a373}.metric-card.tone-blue:before{background:#4f84a6}.metric-card.tone-green:before{background:#57a77d}.metric-card.tone-red:before{background:#d26a6a}.metric-card.tone-orange:before{background:#d88f47}.metric-card span,.summary-card span{color:#728893;font-size:.87rem;display:block}.metric-card strong,.summary-card strong{color:#163641;margin-top:10px;font-size:1.45rem;display:block}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card{padding:18px 20px}.summary-card small{color:#8aa0a8;margin-top:8px;display:block}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:20px}.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.panel-action{color:#6f8791;background:#eff5f6;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700}.panel-tools{gap:8px;display:flex}.list-stack,.activity-list,.ops-lane-items,.reorder-list,.checklist{gap:10px;display:grid}.list-row,.activity-item,.ops-card,.reorder-item,.check-row{background:#f6fafb;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.list-row strong,.activity-item strong,.ops-card strong,.reorder-item strong{display:block}.list-row span,.activity-item span,.activity-item small,.list-row small,.ops-card span,.reorder-item span,.reorder-item small{color:#70878f}.ops-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ops-lane{background:#f8fbfc;border:1px solid #e0edf0;border-radius:18px;min-height:230px;padding:14px}.ops-lane-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ops-lane-head span{color:#5f7883;font-size:.84rem;font-weight:800}.ops-lane-head strong{color:#173a45;background:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.ops-lane.tone-gold{border-top:4px solid #d4a373}.ops-lane.tone-teal{border-top:4px solid #2d6a73}.ops-lane.tone-red{border-top:4px solid #d26a6a}.ops-lane.tone-blue{border-top:4px solid #4f84a6}.tool-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid label,.check-row{color:#5f7883;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:800}.form-grid input,.form-grid select{color:#173a45;width:100%;font:inherit;background:#fff;border:1px solid #dbe9ec;border-radius:12px;margin-top:7px;padding:12px 13px;font-weight:600}.quote-result{gap:12px;display:grid}.quote-result div{background:#f6fafb;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.quote-result span{color:#70878f}.quote-result strong{color:#173a45;font-size:1.1rem}.quote-result .result-total{color:#fff;background:linear-gradient(135deg,#1f4e5f,#2d6a73)}.quote-result .result-total span,.quote-result .result-total strong{color:#fff}.reorder-item{grid-template-columns:minmax(0,1fr) 160px auto;display:grid}meter{width:100%;height:12px}.check-row{justify-content:flex-start}.check-row input{accent-color:#2d6a73;width:18px;height:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e8eff1;padding:14px 10px}th{color:#7b9299;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.data-panel{padding-bottom:8px}.login-shell,.loading-shell{background:radial-gradient(circle at top,#d4a37333,#0000 26%),linear-gradient(#f8fafc 0%,#eef6f7 100%);place-items:center;min-height:100vh;display:grid}.login-panel{background:#fffffff5;border-radius:30px;width:min(620px,100vw - 32px);padding:36px;box-shadow:0 28px 80px #1f4e5f1f}.login-panel h1{margin:10px 0 12px;font-size:3rem;line-height:1.04}.login-form{gap:12px;margin-top:22px;display:grid}.error{color:#b73c3c;margin-top:14px}@media (width<=1360px){.metric-strip,.dashboard-grid,.ops-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{gap:18px}.dashboard-hero,.summary-grid,.bottom-grid,.dashboard-grid,.tool-grid{grid-template-columns:1fr}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-direction:column}.topbar-tools{justify-content:flex-start;width:100%}}@media (width<=720px){.main{padding:14px}.dashboard-hero,.panel,.summary-card,.metric-card,.topbar{border-radius:18px}.metric-strip{grid-template-columns:1fr}.search,.login-form input{min-width:100%}.topbar-tools,.panel-tools{width:100%}.form-grid,.ops-board,.reorder-item{grid-template-columns:1fr}.reorder-item{align-items:stretch}}