:root{--page-bg:#fff6d8;--surface:#fffdf6;--text:#344054;--heading:#17202a;--muted:#667085;--border:#eadfbd;--field-border:#d8c99f;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:#dbeafe;--accent-subtle:#eff6ff;--warm-soft:#fff3bf;--shadow:0 12px 28px #25335514;color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}html{background:var(--page-bg)}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}a{color:inherit}.app-frame{background:var(--page-bg);min-height:100vh;color:var(--text)}.topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;display:flex}.compact-topbar{z-index:5;position:sticky;top:0}.brand-block,.section-heading,.filter-row,.button-row,.row-actions,.evidence-strip{align-items:center;display:flex}.brand-block{gap:14px;min-width:0}.brand-logo{object-fit:contain;flex:none;width:clamp(140px,15vw,220px);max-width:42vw;max-height:72px;display:block}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:700}.topbar h1,.section-heading h2,.detail-header h2,.signed-state h2,.empty-state h2{color:var(--heading);margin:0}.topbar h1{font-size:clamp(1.35rem,2vw,2rem);line-height:1.14}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.session-chip{border:1px solid var(--border);max-width:260px;min-height:34px;color:var(--heading);text-overflow:ellipsis;white-space:nowrap;background:#fffaf0;border-radius:999px;align-items:center;padding:0 10px;font-size:.82rem;font-weight:800;display:inline-flex;overflow:hidden}.internal-layout,.client-layout{width:min(1500px,100% - 32px);margin:0 auto;padding:28px 0 44px}.internal-layout{width:min(1680px,100% - 32px)}.access-layout{place-items:start center;width:min(100%,100% - 32px);min-height:calc(100vh - 126px);margin:0 auto;padding:56px 0;display:grid}.access-panel{gap:16px;width:min(420px,100%);padding:24px;display:grid}.access-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.access-heading{display:block}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.app-alert{border:1px solid var(--border);background:var(--accent-subtle);color:var(--heading);border-radius:8px;margin:0 0 18px;padding:12px 14px;font-weight:750}.app-alert-warning{color:#6f4300;background:#fff4df}.stat-tile,.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.stat-tile{align-items:center;gap:12px;min-height:88px;padding:18px;display:flex}.stat-icon,.round-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.stat-tile strong{color:var(--heading);font-size:1.4rem;line-height:1.1;display:block}.stat-tile span:last-child{color:var(--muted);font-size:.9rem}.workspace-grid{grid-template-columns:minmax(340px,420px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.proposal-form,.proposal-panel,.proposal-detail,.signature-panel,.empty-state{padding:22px}.proposal-form{gap:16px;display:grid}.section-heading{justify-content:space-between;gap:14px}.section-heading h2,.detail-header h2,.signed-state h2,.empty-state h2{font-size:1.35rem;line-height:1.2}.form-grid{gap:12px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}label{color:var(--heading);gap:7px;font-size:.88rem;font-weight:700;display:grid}input,textarea,select{box-sizing:border-box;border:1px solid var(--field-border);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:7px;outline:none;font-size:.95rem;transition:border-color .16s,box-shadow .16s}input,select{height:42px;padding:0 12px}textarea{resize:vertical;min-height:92px;padding:10px 12px}input[type=file]{height:auto}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb29}button{font:inherit;cursor:pointer;border:0;font-weight:750}button:disabled{cursor:not-allowed;opacity:.48}.primary-button,.secondary-button,.danger-button{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;display:inline-flex}.primary-button{background:var(--accent);color:#fff}.secondary-button{border:1px solid var(--border);color:var(--heading);background:#fff}.danger-button{color:#fff;background:#b42318}.full-width{width:100%}.icon-button{border:1px solid var(--border);width:38px;height:38px;color:var(--heading);background:#fff;border-radius:7px;place-items:center;display:grid}.icon-button-danger{color:#b42318;background:#fff7f6;border-color:#f0b8b2}.icon-button-danger:hover:not(:disabled){background:#fee4e2}.compact-icon-button{width:30px;height:30px}.attachment-uploader{border:1px dashed var(--field-border);background:#fffaf0;border-radius:8px;gap:10px;padding:12px;display:grid}.attachment-heading{color:var(--heading);align-items:center;gap:8px;font-size:.88rem;font-weight:800;display:flex}.attachment-heading svg{color:var(--accent)}.attachment-picker{border:1px solid var(--border);width:fit-content;min-height:38px;color:var(--heading);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;padding:0 13px;display:inline-flex}.attachment-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.attachment-list,.attachment-downloads{gap:8px;margin:0;padding:0;display:grid}.attachment-list{list-style:none}.attachment-list li,.attachment-downloads a{border:1px solid var(--border);min-height:38px;color:var(--text);background:#fff;border-radius:7px;grid-template-columns:20px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;display:grid}.attachment-downloads a{grid-template-columns:20px minmax(0,1fr) auto}.attachment-list svg,.attachment-downloads svg{color:var(--accent)}.attachment-list span,.attachment-downloads span{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;font-weight:750;overflow:hidden}.attachment-list small,.attachment-downloads small{color:var(--muted);font-size:.78rem;font-weight:750}.attachment-feedback{color:#9f1d1d}.proposal-panel{min-width:0}.list-heading{align-items:flex-start;margin-bottom:18px}.filter-row{flex-wrap:wrap;justify-content:flex-end;gap:10px}.search-box{min-width:210px;color:var(--muted);font-weight:500;position:relative}.search-box svg{position:absolute;top:12px;left:12px}.search-box input{padding-left:38px}.proposal-table-body{overscroll-behavior:contain;gap:8px;max-height:660px;display:grid;overflow-y:auto}.proposal-row{border:1px solid var(--border);box-sizing:border-box;background:#fff;border-radius:8px;grid-template-columns:minmax(190px,1.1fr) minmax(210px,1.05fr) minmax(110px,.5fr) minmax(125px,.55fr) minmax(300px,.95fr);align-items:center;gap:14px;width:100%;padding:13px 14px;display:grid;position:relative}.proposal-row-head{z-index:2;background:var(--accent-subtle);min-height:44px;color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:800;position:sticky;top:0}.selected-row{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.proposal-row:not(.proposal-row-head){cursor:pointer}.proposal-row:focus-visible{outline-offset:2px;outline:3px solid #2563eb3d}.proposal-row strong{color:var(--heading)}.proposal-row span,.proposal-row small{color:var(--muted);display:block}.customer-cell{gap:3px;display:grid}.test-badge{color:#9a5a00;background:#fff4df;border-radius:999px;align-items:center;width:fit-content;min-height:24px;padding:0 8px;font-size:.76rem;font-weight:850;display:inline-flex}.proposal-row .test-badge{color:#9a5a00;display:inline-flex}.row-actions{gap:8px}.copy-feedback{color:var(--accent);font-size:.78rem;font-weight:800;position:absolute;bottom:-20px;right:14px}.internal-detail{border-top:1px solid var(--border);gap:18px;margin-top:22px;padding-top:22px;display:grid}.internal-detail-header{align-items:center}.internal-detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:16px;display:grid}.secondary-detail-grid{grid-template-columns:minmax(280px,.82fr) minmax(320px,1fr)}.detail-block{align-content:start;gap:12px;min-width:0;display:grid}.mini-heading{color:var(--accent);align-items:center;gap:8px;display:flex}.mini-heading h3{color:var(--heading);margin:0;font-size:1rem}.copy-field{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.inline-feedback{color:var(--accent);margin:0;font-size:.86rem;font-weight:800}.channel-grid,.detail-actions{flex-wrap:wrap;gap:10px;display:flex}.channel-grid .secondary-button,.detail-actions .primary-button,.detail-actions .secondary-button{flex:150px}.compact-list{gap:8px;margin:0;display:grid}.compact-list div{grid-template-columns:minmax(118px,.34fr) minmax(0,1fr);align-items:baseline;gap:4px 18px;display:grid}.compact-list dt{color:var(--muted);white-space:nowrap;font-weight:800}.compact-list dd{color:var(--heading);overflow-wrap:anywhere;margin:0;font-weight:700}.internal-note{color:#684b00;background:#fff8e8;border-radius:7px;margin:0;padding:10px 12px;font-weight:650}.timeline-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.timeline-list li{grid-template-columns:34px minmax(0,1fr);gap:10px;display:grid;position:relative}.timeline-list li:not(:last-child):after{content:"";background:var(--border);width:1px;position:absolute;top:36px;bottom:-12px;left:16px}.timeline-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);z-index:1;border-radius:999px;flex:0 0 34px;justify-content:center;align-items:center;line-height:0;display:inline-flex}.timeline-icon svg{flex:none;display:block}.timeline-pending .timeline-icon{color:#9a5a00;background:#fff4df}.timeline-list strong,.timeline-list span,.timeline-list small{display:block}.timeline-list strong{color:var(--heading)}.timeline-list span{color:var(--text)}.timeline-list small{color:var(--muted);font-weight:700}.timeline-list .timeline-icon{justify-content:center;align-items:center;display:inline-flex}.status-pill{border-radius:999px;justify-content:center;align-items:center;gap:6px;width:fit-content;min-height:30px;padding:0 10px;font-size:.82rem;font-weight:800;line-height:1;display:inline-flex}.proposal-row>.status-pill,.proposal-row-head span:nth-child(4){justify-self:center}.proposal-row>.status-pill{justify-content:center;align-items:center;display:inline-flex}.status-pill svg{flex:none;display:block}.status-pending{color:#9a5a00;background:#fff4df}.status-sent{color:#027a48;background:#ecfdf3}.status-viewed{color:#1d4f8f;background:#e8f1ff}.status-accepted{background:var(--accent-soft);color:var(--accent-strong)}.status-rejected,.status-expired{color:#9f1d1d;background:#fde8e8}.status-annulled{color:#475467;background:#f2f4f7}.client-grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,.72fr);align-items:start;gap:18px;display:grid}.proposal-detail,.signature-panel{gap:18px;display:grid}.detail-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.amount-band{background:var(--accent-strong);color:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.amount-band span{color:#d7dee5}.amount-band strong{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.info-grid span,.evidence-strip{min-height:42px;color:var(--text);background:#fffaf0;border-radius:7px;gap:8px;padding:10px 12px}.info-grid span{align-items:center;display:flex}.text-block{gap:8px;display:grid}.text-block h3{color:var(--heading);margin:0;font-size:1rem}.text-block p{color:var(--text);margin:0}.evidence-strip{color:var(--accent-strong);font-weight:700}.signature-flow{gap:16px;display:grid}.signature-tool{gap:10px;display:grid}.signature-canvas{border:1px solid var(--field-border);touch-action:none;background:#fff;border-radius:8px;width:100%;height:190px;display:block}.check-row{color:var(--text);grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;font-weight:650}.check-row input{width:18px;height:18px;margin-top:2px}.button-row{flex-wrap:wrap;gap:10px}.button-row .primary-button,.button-row .danger-button{flex:170px}.client-message{background:var(--accent-subtle);color:var(--heading);border-radius:7px;margin:0;padding:10px 12px;font-weight:750}.signed-state{justify-items:start;gap:16px;display:grid}.signed-state>svg{color:var(--accent)}.rejected-state>svg{color:#b42318}.annulled-state>svg{color:#475467}.signed-state dl{gap:10px;width:100%;margin:0;display:grid}.signed-state dl div{border-bottom:1px solid var(--border);justify-content:space-between;gap:14px;padding-bottom:8px;display:flex}.signed-state dt{color:var(--muted);font-weight:750}.signed-state dd{color:var(--heading);text-align:right;margin:0;font-weight:750}.signed-state img{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;max-height:150px}.empty-state{text-align:center;justify-items:center;gap:12px;max-width:560px;margin:48px auto;display:grid}.empty-state svg{color:var(--accent)}@media (width<=1180px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid,.client-grid,.internal-detail-grid,.secondary-detail-grid{grid-template-columns:1fr}}@media (width<=760px){.topbar{flex-direction:column;align-items:flex-start;padding:20px}.internal-layout,.client-layout{width:min(100% - 24px,1500px);padding-top:18px}.summary-grid,.two-columns,.info-grid{grid-template-columns:1fr}.proposal-form,.proposal-panel,.proposal-detail,.signature-panel,.empty-state{padding:16px}.list-heading,.detail-header,.amount-band{flex-direction:column;align-items:flex-start}.filter-row,.search-box,.filter-row select,.primary-button,.secondary-button,.danger-button{width:100%}.copy-field,.compact-list div{grid-template-columns:1fr}}