:root{--ink:#14213d;--navy:#0b1f3a;--blue:#1769e0;--blue-dark:#0c55c3;--sky:#eaf3ff;--green:#18845b;--red:#c33d55;--amber:#9b6a0a;--paper:#fff;--canvas:#f4f6f9;--line:#dfe4eb;--muted:#687386;--shadow:0 16px 40px rgba(19,34,58,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--canvas)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.topbar,.customer-header{height:72px;padding:0 max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.topbar nav{display:flex;gap:24px;align-items:center}.topbar nav form{display:inline}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.04em}.brand>span:last-child span{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(145deg,var(--blue),#0d4cac);color:#fff;font-size:19px}.brand-large{font-size:18px}.brand-large .brand-mark{width:42px;height:42px}.page{max-width:1440px;margin:auto;padding:38px 32px 80px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.page-heading h1{font-size:34px;margin:5px 0 4px;letter-spacing:-.03em}.heading-row{display:flex;align-items:center;gap:14px}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--blue);margin:0}.muted{color:var(--muted)}.button{border:0;border-radius:9px;padding:12px 18px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;transition:.15s}.button:hover{background:var(--blue-dark);transform:translateY(-1px)}.button-small{padding:9px 14px}.button-full{width:100%}.button-secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.button-secondary:hover{background:#f8fafc}.link-button{border:0;background:none;color:var(--muted);cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric-grid article,.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 10px rgba(19,34,58,.03)}.metric-grid article{padding:20px 22px}.metric-grid span{display:block;color:var(--muted);font-size:13px;font-weight:650}.metric-grid strong{display:block;font-size:29px;margin:7px 0 3px}.metric-grid small{color:#9099a7}.panel-heading{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}h2,h3,p{margin-top:0}.panel-heading h2{margin:0 0 4px;font-size:18px}.panel-heading p{margin:0;color:var(--muted);font-size:13px}.table-search{padding:9px 12px;border:1px solid var(--line);border-radius:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7d8797;background:#fafbfc}th,td{padding:14px 22px;border-bottom:1px solid #edf0f4}tbody tr:last-child td{border-bottom:0}td small{display:block;color:#8791a0;margin-top:3px}.primary-link{color:var(--blue);font-weight:750}.align-right{text-align:right}.money{font-weight:750}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:750;background:#edf0f4}.status-sent{color:#185cad;background:#eaf3ff}.status-approved{color:#116445;background:#e5f7ef}.status-rejected,.status-void{color:#a72c43;background:#fdebef}.status-draft{color:#665d49;background:#f4f0e8}.empty{text-align:center;color:var(--muted);padding:40px}.flash,.alert{padding:13px 16px;border-radius:9px;background:#e6f7ef;color:#126343;margin-bottom:18px}.alert{background:#fdebef;color:#a72c43}.back-link{color:var(--blue);font-size:13px;font-weight:700}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.editor-grid>.form-panel{grid-column:1}.editor-actions{grid-column:2;grid-row:1/span 2;padding:22px;position:sticky;top:20px}.editor-actions p{font-size:14px;line-height:1.5;color:var(--muted)}.editor-actions .button{margin-top:9px}.form-panel{padding:24px}.section-title{display:flex;gap:13px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.section-title>span{display:grid;place-items:center;width:30px;height:30px;background:var(--sky);color:var(--blue);border-radius:50%;font-weight:800}.section-title h2{font-size:18px;margin-bottom:3px}.section-title p{font-size:13px;color:var(--muted);margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-stack{display:flex;flex-direction:column;gap:17px}.wide{grid-column:1/-1}label{font-size:13px;font-weight:700;color:#39445a}input,textarea{display:block;width:100%;margin-top:7px;border:1px solid #ccd3de;border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink)}textarea{resize:vertical}.check-label{display:flex;gap:8px;align-items:center}.check-label input,.acceptance input{width:auto;margin:0}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.detail-grid>div,.side-stack{display:flex;flex-direction:column;gap:20px}.quote-overview{overflow:hidden}.client-banner{display:flex;gap:15px;align-items:center;padding:25px;background:linear-gradient(120deg,#0b1f3a,#153b69);color:#fff}.client-banner h2{margin:2px 0}.client-banner p{margin:0;color:#c8d5e7}.client-banner small{color:#8fb3e3;font-weight:700}.avatar{display:grid;place-items:center;width:48px;height:48px;background:#1769e0;border-radius:12px;font-weight:800;font-size:20px}.quote-copy{padding:24px}.quote-copy p{line-height:1.65;color:#596578}.quote-copy h3{margin-top:24px}.totals{margin-left:auto;padding:20px 22px;width:min(100%,350px);display:flex;flex-direction:column;gap:10px}.totals span{display:flex;justify-content:space-between}.grand-total{border-top:1px solid var(--line);padding-top:13px;font-size:18px}.info-card,.safety-card{padding:20px}.info-card h3{font-size:15px}.info-card dl{margin:0}.info-card dl div{padding:11px 0;border-top:1px solid var(--line)}dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}dd{margin:4px 0 0;font-weight:700}.safety-card{border-left:3px solid #e6b340}.safety-card p{font-size:13px;color:var(--muted);margin:6px 0 0;line-height:1.5}.auth-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 20%,#1b4679 0,transparent 35%),linear-gradient(145deg,#07182d,#102c50)}.login-card{width:min(430px,calc(100vw - 32px));background:#fff;border-radius:18px;padding:36px;box-shadow:0 30px 80px #020b17}.login-card h1{font-size:32px;margin:8px 0}.login-card>.brand{margin-bottom:36px}.login-help{text-align:center;font-size:12px;color:#929aa6;margin:24px 0 0}.customer-shell{background:#eef2f6}.customer-header{max-width:none;padding:0 max(24px,calc((100vw - 1180px)/2));}.secure-label{font-size:12px;color:var(--muted)}.proposal{max-width:1180px;margin:35px auto 70px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.proposal-hero{display:grid;grid-template-columns:1fr 320px;gap:70px;padding:60px;background:linear-gradient(135deg,#0b1f3a,#164475);color:#fff}.proposal-hero h1{font-size:44px;letter-spacing:-.04em;margin:12px 0 18px;max-width:700px}.proposal-hero>div>p:last-child{color:#c8d6e8;line-height:1.7;font-size:17px}.proposal-hero dl{padding-left:35px;border-left:1px solid #ffffff2b}.proposal-hero dl div{margin-bottom:25px}.proposal-hero dt{color:#91accb}.proposal-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:55px;padding:55px 60px}.proposal-main{display:flex;flex-direction:column;gap:50px}.proposal-main h2{font-size:28px;margin:8px 0 20px}.prose{line-height:1.8;color:#455166}.customer-items article{display:flex;justify-content:space-between;gap:25px;padding:20px 0;border-top:1px solid var(--line)}.customer-items h3{margin:0 0 6px;font-size:16px}.customer-items p{margin:0;color:var(--muted);font-size:14px}.item-price{text-align:right;min-width:140px}.item-price span{display:block;color:var(--muted);font-size:12px}.item-price strong{font-size:17px;display:block;margin-top:6px}.optional{display:inline-flex;margin-top:8px;padding:3px 7px;border-radius:99px;background:var(--sky);color:var(--blue);font-size:11px;font-weight:700}.customer-total{background:var(--navy);color:#fff;border-radius:12px;padding:22px;margin-top:15px;display:grid;grid-template-columns:1fr auto}.customer-total strong{font-size:25px}.customer-total small{color:#aebdd0}.decision-card{align-self:start;position:sticky;top:25px;padding:28px;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.decision-card>p:not(.eyebrow){color:var(--muted);line-height:1.55;font-size:14px}.acceptance{display:flex;align-items:flex-start;gap:9px;font-weight:500;line-height:1.4}.privacy-note{display:block;color:#8b94a1;line-height:1.5;margin-top:17px}.decision-complete{padding:16px;background:var(--sky);border-radius:8px}.customer-footer{text-align:center;padding:0 20px 40px;color:#7e8999;font-size:12px}.complete-card{max-width:650px;margin:80px auto;text-align:center;background:#fff;padding:60px;border-radius:18px;box-shadow:var(--shadow)}.complete-icon{display:grid;place-items:center;margin:0 auto 20px;width:58px;height:58px;border-radius:50%;background:#e5f7ef;color:var(--green);font-weight:900;font-size:28px}.complete-card h1{font-size:34px}.complete-card>p{color:var(--muted);line-height:1.7}.complete-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:30px}.complete-meta span{color:var(--muted)}@media(max-width:900px){.metric-grid{grid-template-columns:1fr 1fr}.detail-grid,.editor-grid,.proposal-body,.proposal-hero{grid-template-columns:1fr}.editor-grid>.form-panel,.editor-actions{grid-column:1;grid-row:auto}.editor-actions,.decision-card{position:static}.proposal-hero{gap:25px;padding:40px}.proposal-hero dl{padding:20px 0 0;border-left:0;border-top:1px solid #ffffff2b}.proposal-body{padding:35px}.topbar nav>a:first-child{display:none}}@media(max-width:600px){.page{padding:25px 15px 60px}.page-heading{align-items:flex-start;gap:20px}.page-heading h1{font-size:28px}.metric-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.topbar{padding:0 15px}.topbar nav{gap:8px}.link-button{display:none}.proposal{margin:15px 10px 50px}.proposal-hero{padding:30px 24px}.proposal-hero h1{font-size:34px}.proposal-body{padding:30px 24px}.customer-items article{flex-direction:column}.item-price{text-align:left}.complete-card{margin:25px 12px;padding:38px 22px}.panel-heading{align-items:flex-start;gap:10px}.table-search{width:130px}}