:root{--gold:#9A8654;--gold-light:#BFA76E;--navy:#1C2340;--navy-mid:#2A3358;--bg:#F6F5F1;--surface:#FFFFFF;--surface-raised:#FAFAF7;--border:#DDD8CC;--border-soft:#EDE9E0;--text:#1C2340;--text-muted:#697080;--text-label:#8B7A50;--accept:#2D7A4F;--accept-bg:#EBF7F1;--accept-border:#A8D8BE;--reject:#B83232;--reject-bg:#FBF0F0;--reject-border:#E4AAAA;--shadow:0 2px 20px rgba(28,35,64,0.08),0 1px 4px rgba(28,35,64,0.04);--radius:10px;--radius-sm:6px}@media (prefers-color-scheme:dark){:root{--bg:#0F1320;--surface:#181E30;--surface-raised:#1E2540;--border:#2C3556;--border-soft:#232C48;--text:#E8E2D0;--text-muted:#8899B0;--text-label:#B09A6A;--accept-bg:#152B20;--accept-border:#2A5A3C;--reject-bg:#271616;--reject-border:#5A2828;--shadow:0 2px 20px rgba(0,0,0,0.35)}}:root[data-theme=dark]{--bg:#0F1320;--surface:#181E30;--surface-raised:#1E2540;--border:#2C3556;--border-soft:#232C48;--text:#E8E2D0;--text-muted:#8899B0;--text-label:#B09A6A;--accept-bg:#152B20;--accept-border:#2A5A3C;--reject-bg:#271616;--reject-border:#5A2828;--shadow:0 2px 20px rgba(0,0,0,0.35)}:root[data-theme=light]{--bg:#F6F5F1;--surface:#FFFFFF;--surface-raised:#FAFAF7;--border:#DDD8CC;--border-soft:#EDE9E0;--text:#1C2340;--text-muted:#697080;--text-label:#8B7A50;--accept-bg:#EBF7F1;--accept-border:#A8D8BE;--reject-bg:#FBF0F0;--reject-border:#E4AAAA;--shadow:0 2px 20px rgba(28,35,64,0.08),0 1px 4px rgba(28,35,64,0.04)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.65;min-height:100vh;align-items:center;padding:48px 20px 80px}.page-wrapper,body{display:flex;flex-direction:column}.page-wrapper{width:100%;max-width:620px}.logo-bar{display:flex;align-items:center;gap:14px;margin-bottom:36px}.logo-name{font-size:22px;font-weight:700;letter-spacing:.12em;color:var(--navy);line-height:1}@media (prefers-color-scheme:dark){.logo-name{color:var(--text)}}:root[data-theme=dark] .logo-name{color:var(--text)}.logo-tagline{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);font-weight:500;line-height:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-header{padding:28px 32px 24px;border-bottom:1px solid var(--border-soft)}.card-eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.card-title{font-family:Georgia,serif;font-size:22px;font-weight:400;color:var(--text);text-wrap:balance;line-height:1.3}.card-subtitle{margin-top:6px;font-size:14px;color:var(--text-muted)}.card-body{padding:28px 32px}.card-footer{padding:20px 32px;background:var(--surface-raised);border-top:1px solid var(--border-soft);font-size:13px;color:var(--text-muted)}.quote-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--border-soft);border:1px solid var(--border-soft);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:24px}.quote-cell{background:var(--surface);padding:14px 18px}.quote-cell.full{grid-column:1/-1}.quote-cell-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-label);margin-bottom:3px}.quote-cell-value{font-size:15px;color:var(--text);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.quote-cell-value.amount{font-family:Georgia,serif;font-size:20px;color:var(--navy)}@media (prefers-color-scheme:dark){.quote-cell-value.amount{color:var(--gold-light)}}:root[data-theme=dark] .quote-cell-value.amount{color:var(--gold-light)}:root[data-theme=light] .quote-cell-value.amount{color:var(--navy)}.action-zone{display:flex;flex-direction:column;gap:16px}.action-prompt{font-size:14px;color:var(--text-muted);padding-bottom:4px}.action-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:var(--radius-sm);border:2px solid transparent;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-accept{background:var(--accept);color:#fff;border-color:var(--accept)}.btn-accept:hover:not(:disabled){background:#236040;border-color:#236040}.btn-reject{background:transparent;color:var(--reject);border-color:var(--reject-border)}.btn-reject:hover:not(:disabled){background:var(--reject-bg);border-color:var(--reject)}.btn-submit{background:var(--navy);color:#fff;border-color:var(--navy);width:100%;padding:15px 20px;font-size:15px}.btn-submit:hover:not(:disabled){background:var(--navy-mid)}.btn-ghost{background:transparent;color:var(--text-muted);border-color:var(--border);font-size:14px;padding:10px 18px}.btn-ghost:hover{border-color:var(--text-muted);color:var(--text)}.reject-form{gap:16px}.field,.reject-form{display:flex;flex-direction:column}.field{gap:6px}.field label{font-size:13px;font-weight:600;color:var(--text)}.field select,.field textarea{font-family:inherit;font-size:14px;color:var(--text);background:var(--surface-raised);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;width:100%;transition:border-color .15s;line-height:1.5}.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold)}.field select{cursor:pointer}.field textarea{resize:vertical;min-height:90px}.field.error select{border-color:var(--reject)}.field-error{font-size:12px;color:var(--reject);display:none}.field.error .field-error{display:block}.form-actions{gap:10px}.form-actions,.state-card{display:flex;flex-direction:column}.state-card{align-items:center;text-align:center;padding:48px 32px;gap:16px}.state-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px}.state-icon.success{background:var(--accept-bg)}.state-icon.info{background:#EFF3FB}.state-icon.warning{background:#FFF5E6}@media (prefers-color-scheme:dark){.state-icon.info{background:#1A2240}.state-icon.warning{background:#2A1F10}}:root[data-theme=dark] .state-icon.info{background:#1A2240}:root[data-theme=dark] .state-icon.warning{background:#2A1F10}.state-title{font-family:Georgia,serif;font-size:22px;color:var(--text);text-wrap:balance}.state-body{font-size:14px;max-width:380px;line-height:1.7}.state-body,.state-ref{color:var(--text-muted)}.state-ref{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:20px;padding:5px 14px}.notice{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);font-size:13.5px;line-height:1.5}.notice.reject{background:var(--reject-bg);color:var(--reject);border:1px solid var(--reject-border)}.notice.accept{background:var(--accept-bg);color:var(--accept);border:1px solid var(--accept-border)}.notice.info{background:#EFF3FB;color:#2A4AB0;border:1px solid #c0ceee}@media (prefers-color-scheme:dark){.notice.info{background:#1A2240;color:#8AAAE8;border-color:#2C3F6E}}:root[data-theme=dark] .notice.info{background:#1A2240;color:#8AAAE8;border-color:#2C3F6E}.skeleton{border-radius:4px;background:linear-gradient(90deg,var(--border-soft) 25%,var(--border) 50%,var(--border-soft) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.skeleton-wrap{padding:28px 32px;display:flex;flex-direction:column;gap:16px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.page-footer{margin-top:28px;text-align:center;font-size:12.5px;color:var(--text-muted);line-height:1.6}@media (prefers-color-scheme:dark){.logo-mark-gold{fill:#BFA76E!important}}:root[data-theme=dark] .logo-mark-gold{fill:#BFA76E!important}@media (max-width:480px){body{padding:28px 12px 60px}.card-body,.card-footer,.card-header{padding-left:20px;padding-right:20px}.state-card{padding:36px 20px}.action-buttons,.quote-grid{grid-template-columns:1fr}.quote-cell.full{grid-column:1}}