:root{color:#173d67;font-synthesis:none;text-rendering:optimizelegibility;background:#e5e7eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{background:#e5e7eb;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}a{color:#0d4f9b}.reader-page{min-height:100vh;padding:24px 16px}.quote-document{background:#fff;border:1px solid #cbd5e1;border-radius:16px;width:min(1120px,100%);margin:0 auto;overflow:hidden;box-shadow:0 20px 50px #0f172a1f}.quote-header{padding:32px}.quote-logo{object-fit:contain;object-position:left center;width:min(360px,100%);max-height:96px;display:block}.quote-title-area{justify-content:space-between;align-items:center;gap:20px;margin-top:28px;display:flex}.eyebrow,.card-label{color:#1268c4;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:700}.quote-title-area h1{color:#06152b;margin:0;font-size:clamp(2rem,4vw,3rem)}.status-badge{color:#07529a;text-transform:capitalize;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:7px 13px;font-size:.75rem;font-weight:700}.quote-meta{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px;display:grid}.quote-meta div{flex-direction:column;gap:4px;display:flex}.quote-meta span{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:600}.quote-meta strong{color:#0f2743}.quote-total-banner{color:#fff;background:#0f2743;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;display:flex}.quote-total-banner p{color:#cbd5e1;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:700}.quote-total-banner strong{font-size:clamp(1.9rem,4vw,2.8rem)}.checkout-button,.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 18px;font-weight:700;text-decoration:none;display:inline-flex}.checkout-button,.primary-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.checkout-button:hover,.primary-button:hover{background:#1d4ed8}.secondary-button{color:#0f2743;background:#fff;border:1px solid #cbd5e1}.checkout-button svg,.primary-button svg,.secondary-button svg{width:18px;height:18px}.customer-grid{background:#f8fafc;grid-template-columns:repeat(3,1fr);gap:18px;padding:28px 32px;display:grid}.information-card{background:#fff;border:1px solid #dbe3ec;border-radius:10px;gap:12px;padding:18px;display:flex}.information-card>svg{color:#1268c4;width:20px;min-width:20px}.information-card div{flex-direction:column;gap:4px;display:flex}.information-card strong{color:#06152b}.information-card span{font-size:.875rem}.line-items-section,.summary-section{padding:30px 32px}.line-items-section h2,.terms-card h2{color:#06152b;margin:0 0 16px}.line-items-table{border:1px solid #cbd5e1;border-radius:10px;overflow:hidden}.line-items-header,.line-item-row{grid-template-columns:minmax(220px,2fr) minmax(140px,1fr) 70px 110px 110px;align-items:center;gap:16px;display:grid}.line-items-header{color:#fff;text-transform:uppercase;background:#111827;padding:13px 16px;font-size:.75rem;font-weight:700}.line-item-row{border-top:1px solid #e2e8f0;padding:17px 16px}.line-item-row:first-of-type{border-top:0}.line-item-row>div{flex-direction:column;gap:4px;display:flex}.line-item-row span{color:#475569;font-size:.875rem}.empty-lines{text-align:center;padding:32px}.summary-section{grid-template-columns:minmax(0,1fr) 340px;gap:24px;padding-top:0;display:grid}.terms-card,.totals-card{border:1px solid #cbd5e1;border-radius:10px;padding:20px}.terms-card p{color:#475569;line-height:1.65}.terms-card h3{color:#06152b;margin-top:22px}.totals-card{background:#f8fafc}.totals-card>div{justify-content:space-between;gap:20px;padding:9px 0;display:flex}.grand-total{color:#06152b;border-top:1px solid #cbd5e1;margin-top:8px;font-size:1.2rem;padding-top:18px!important}.grand-total strong{color:#d40000;font-size:1.5rem}.quote-footer{background:#f8fafc;border-top:1px solid #cbd5e1;justify-content:space-between;gap:16px;padding:20px 32px;display:flex}.quote-footer div{align-items:center;gap:8px;font-weight:700;display:inline-flex}.quote-footer svg{color:#1268c4;width:19px}.state-page{background:#f1f5f9;place-items:center;min-height:100vh;padding:24px;display:grid}.state-card{text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:16px;width:min(520px,100%);padding:32px;box-shadow:0 18px 45px #0f172a1a}.state-card h1{color:#06152b;margin:18px 0 8px}.state-card p{color:#475569;line-height:1.6}.state-icon,.state-spinner{color:#b45309;width:48px;height:48px;margin:0 auto}.state-icon svg{width:48px;height:48px}.state-spinner{color:#2563eb;animation:.9s linear infinite spin}.state-actions{justify-content:center;gap:10px;margin-top:24px;display:flex}.state-logo{object-fit:contain;width:min(300px,100%);max-height:90px;margin:0 auto 28px;display:block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=850px){.quote-meta,.customer-grid{grid-template-columns:repeat(2,1fr)}.summary-section{grid-template-columns:1fr}.line-items-table{overflow-x:auto}.line-items-header,.line-item-row{min-width:780px}}@media (width<=600px){.reader-page{padding:0}.quote-document{border:0;border-radius:0}.quote-header,.line-items-section,.summary-section{padding-left:18px;padding-right:18px}.quote-title-area,.quote-total-banner,.quote-footer,.state-actions{flex-direction:column;align-items:stretch}.quote-meta,.customer-grid{grid-template-columns:1fr}.customer-grid,.quote-total-banner,.quote-footer{padding-left:18px;padding-right:18px}.checkout-button{width:100%}}