:root{--bg-app:#f4f5f7;--bg-card:#fff;--bg-card-alt:#f9fafb;--bg-card-hover:#fafbfc;--bg-input:#fff;--bg-input-disabled:#f4f5f7;--bg-muted:#f4f5f7;--bg-overlay:#00000080;--bg-surface-dark:#0d1c2e;--bg-surface-dark-hover:#142738;--brand-primary:#e84c1e;--brand-primary-bg:#e84c1e0f;--brand-primary-hover:#cf3f10;--brand-secondary:#0e1726;--brand-accent:#7c3aed;--brand-accent-bg:#7c3aed0f;--biz-brand-primary:#e84c1e;--biz-brand-secondary:#0e1726;--biz-brand-accent:#7c3aed;--biz-surface-dark:#0d1c2e;--biz-font-heading:system-ui, sans-serif;--biz-font-body:system-ui, sans-serif;--brand-success:#16a34a;--brand-success-light:#dcfce7;--brand-danger:#dc2626;--brand-danger-light:#fef2f2;--brand-warning:#d97706;--brand-warning-light:#fffbeb;--brand-info:#2563eb;--brand-info-light:#eff6ff;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--text-faint:#9ca3af;--text-placeholder:#9ca3af;--text-inverse:#fff;--text-on-dark:#ffffffe6;--text-on-dark-faint:#ffffff4d;--border-primary:#e2e4e8;--border-light:#f3f4f6;--border-input:#e2e4e8;--border-focus:var(--brand-primary);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:14px;--font-heading:system-ui, sans-serif;--font-body:system-ui, sans-serif;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:15px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--text-4xl:36px;--speed-fast:.12s;--speed-normal:.2s;--speed-slow:.35s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--shadow-card:0 1px 3px #0000000f;--shadow-toolbar:0 2px 12px #0000004d;--shadow-modal:0 24px 64px #00000040;--shadow-doc:0 4px 32px #00000026;--sidebar-bg:#fff;--sidebar-border:#e2e4e8;--sidebar-section:#f3f4f6;--sidebar-text:#6b7280;--sidebar-text-hover:#111827;--sidebar-text-active:#fff;--sidebar-accent:#e84c1e;--sidebar-hover:#f3f4f6;--sidebar-user-bg:#f9fafb;--badge-draft-bg:#f3f4f6;--badge-draft-text:#6b7280;--badge-sent-bg:#eff6ff;--badge-sent-text:#2563eb;--badge-success-bg:#f0fdf4;--badge-success-text:#16a34a;--badge-danger-bg:#fef2f2;--badge-danger-text:#dc2626;--badge-warning-bg:#fffbeb;--badge-warning-text:#d97706;--badge-success-border:#bbf7d0;--badge-danger-border:#fecaca;--badge-warning-border:#fde68a;--badge-info-bg:#eff6ff;--badge-info-text:#2563eb;--badge-info-border:#bfdbfe;--badge-viewed-bg:#f5f3ff;--badge-viewed-text:#7c3aed;--badge-progress-bg:#eff6ff;--badge-progress-text:#2563eb;--badge-approved-bg:#ecfdf5;--badge-approved-text:#059669;--badge-completed-bg:#f0fdf4;--badge-completed-text:#16a34a;--badge-voided-bg:#fef2f2;--badge-voided-text:#dc2626;--badge-revised-bg:#f5f3ff;--badge-revised-text:#7c3aed;--badge-closeout-bg:#fefce8;--badge-closeout-text:#ca8a04;--text-on-dark-muted:#fff6;--alert-warning-bg:#fffbeb;--alert-warning-border:#fde68a;--alert-warning-text:#92400e;--bg-hover:#f3f4f6;--border-default:#e2e4e8;--shadow-dropdown:0 4px 16px #0000001f;--sidebar-active-bg:#e84c1e;--sidebar-active-bg-hover:#d1430f}[data-theme=dark]{--bg-app:#0f1419;--bg-card:#1a1f2e;--bg-card-alt:#1e2433;--bg-card-hover:#232938;--bg-input:#232938;--bg-input-disabled:#1e2433;--bg-muted:#1e2433;--bg-overlay:#000000b3;--bg-surface-dark:#0a0f1a;--bg-surface-dark-hover:#111827;--brand-primary-hover:#f06030;--brand-primary-bg:#e84c1e1f;--brand-accent-bg:#7c3aed1f;--brand-success-light:#132a1e;--brand-danger-light:#2d1215;--brand-warning-light:#2d2410;--brand-info-light:#1e2a4a;--text-primary:#e5e7eb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--text-faint:#6b7280;--text-placeholder:#4b5563;--text-inverse:#111827;--text-on-dark:#ffffffe6;--text-on-dark-muted:#fff6;--border-primary:#2d3548;--border-light:#232938;--border-input:#2d3548;--border-focus:#e84c1e;--shadow-card:0 1px 3px #0000004d;--shadow-toolbar:0 2px 12px #00000080;--shadow-modal:0 24px 64px #00000080;--shadow-doc:0 4px 32px #0006;--sidebar-bg:#141824;--sidebar-border:#2d3548;--sidebar-section:#1e2433;--sidebar-text:#9ca3af;--sidebar-text-hover:#fff;--sidebar-text-active:#fff;--sidebar-accent:#e84c1e;--sidebar-hover:#1e2433;--sidebar-user-bg:#1e2433;--sidebar-active-bg:#e84c1e;--sidebar-active-bg-hover:#d1430f;--badge-draft-bg:#1e2433;--badge-draft-text:#9ca3af;--badge-sent-bg:#1e2a4a;--badge-sent-text:#60a5fa;--badge-success-bg:#132a1e;--badge-success-text:#4ade80;--badge-success-border:#166534;--badge-danger-bg:#2d1215;--badge-danger-text:#f87171;--badge-danger-border:#7f1d1d;--badge-warning-bg:#2d2410;--badge-warning-text:#fbbf24;--badge-warning-border:#4d3d1a;--badge-info-bg:#1e2a4a;--badge-info-text:#60a5fa;--badge-info-border:#1e3a5f;--badge-viewed-bg:#7c3aed1f;--badge-viewed-text:#a78bfa;--badge-progress-bg:#1e2a4a;--badge-progress-text:#60a5fa;--badge-approved-bg:#132a1e;--badge-approved-text:#4ade80;--badge-completed-bg:#132a1e;--badge-completed-text:#4ade80;--badge-voided-bg:#2d1215;--badge-voided-text:#f87171;--badge-revised-bg:#7c3aed1f;--badge-revised-text:#a78bfa;--badge-closeout-bg:#2d2410;--badge-closeout-text:#fbbf24;--alert-warning-bg:#2d2410;--alert-warning-border:#4d3d1a;--alert-warning-text:#fbbf24;--bg-hover:#1e2433;--border-default:#2d3548;--shadow-dropdown:0 4px 16px #0006}.doc-surface{--bg-app:#f4f5f7;--bg-card:#fff;--bg-card-alt:#f9fafb;--bg-card-hover:#fafbfc;--bg-muted:#f4f5f7;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--text-faint:#9ca3af;--border-primary:#e2e4e8;--border-light:#f3f4f6;--border-default:#e2e4e8;--brand-primary:var(--biz-brand-primary,#e84c1e);--brand-primary-bg:var(--biz-brand-primary,#e84c1e)}@supports (color:color-mix(in lab, red, red)){.doc-surface{--brand-primary-bg:color-mix(in srgb, var(--biz-brand-primary,#e84c1e) 6%, transparent)}}.doc-surface{--brand-secondary:var(--biz-brand-secondary,#0e1726);--brand-accent:var(--biz-brand-accent,var(--biz-brand-primary,#7c3aed));--brand-accent-bg:var(--biz-brand-accent,#7c3aed)}@supports (color:color-mix(in lab, red, red)){.doc-surface{--brand-accent-bg:color-mix(in srgb, var(--biz-brand-accent,#7c3aed) 6%, transparent)}}.doc-surface{--bg-surface-dark:var(--biz-surface-dark,#0d1c2e);--font-heading:var(--biz-font-heading,system-ui, sans-serif);--font-body:var(--biz-font-body,system-ui, sans-serif);color:var(--text-primary)}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body,system-ui, sans-serif);background:var(--bg-app)!important;background-color:var(--bg-app)!important;color:var(--text-primary)!important}.btn-primary{font-size:var(--text-md);border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-family:var(--font-body);transition:background var(--speed-fast) ease, transform var(--speed-fast) ease, box-shadow var(--speed-fast) ease;border:none;align-items:center;gap:8px;padding:8px 16px;text-decoration:none;display:inline-flex;background:var(--brand-primary)!important;color:#fff!important}.btn-primary:hover{box-shadow:0 2px 8px #00000026;background:var(--brand-primary-hover)!important}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-secondary{font-size:var(--text-md);border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-family:var(--font-body);transition:background var(--speed-fast) ease, border-color var(--speed-fast) ease, transform var(--speed-fast) ease;align-items:center;gap:8px;padding:8px 16px;text-decoration:none;display:inline-flex;background:var(--bg-card)!important;color:var(--text-secondary)!important;border:1px solid var(--border-primary)!important}.btn-secondary:hover{background:var(--bg-card-alt)!important;border-color:var(--text-faint)!important}.btn-secondary:active{transform:scale(.97)}.btn-ghost{font-size:var(--text-md);border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-family:var(--font-body);transition:background var(--speed-fast) ease, color var(--speed-fast) ease;border:none;align-items:center;gap:8px;padding:6px 12px;text-decoration:none;display:inline-flex;color:var(--text-muted)!important;background:0 0!important}.btn-ghost:hover{background:var(--bg-muted)!important;color:var(--text-primary)!important}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:var(--bg-card)!important;border:1px solid var(--border-primary)!important}.input{border-radius:var(--radius-md);width:100%;font-size:var(--text-md);transition:border-color var(--speed-fast) ease, box-shadow var(--speed-fast) ease;font-family:var(--font-body);outline:none;padding:8px 12px;border:1px solid var(--border-input)!important;color:var(--text-primary)!important;background:var(--bg-input)!important}.input:focus{box-shadow:0 0 0 3px var(--brand-primary-bg);border-color:var(--border-focus)!important}.input::placeholder{color:var(--text-placeholder)!important}.input:disabled{background:var(--bg-input-disabled)!important;color:var(--text-muted)!important}select.input{cursor:pointer}textarea.input{resize:vertical}.label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-weight:600;display:block;color:var(--text-muted)!important}.badge{font-size:var(--text-sm);border-radius:9999px;align-items:center;padding:2px 10px;font-weight:500;display:inline-flex}.nav-link{border-radius:var(--radius-md);font-size:var(--text-md);transition:background var(--speed-fast) ease, color var(--speed-fast) ease, transform var(--speed-fast) ease;cursor:pointer;width:100%;font-weight:500;font-family:var(--font-body);border:none;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex;color:var(--sidebar-text)!important;background:0 0!important}.nav-link:hover{background:var(--sidebar-hover)!important;color:var(--sidebar-text-hover)!important}.nav-link.active{background:var(--sidebar-active-bg)!important;color:var(--sidebar-text-active)!important}.nav-link.active:hover{background:var(--sidebar-active-bg-hover,var(--sidebar-active-bg))!important;color:var(--sidebar-text-active)!important}.section-title{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700;color:var(--text-faint)!important}.status-draft{background:var(--badge-draft-bg)!important;color:var(--badge-draft-text)!important}.status-in_progress{background:var(--badge-progress-bg)!important;color:var(--badge-progress-text)!important}.status-ready_to_send{background:var(--badge-approved-bg)!important;color:var(--badge-approved-text)!important}.status-sent{background:var(--badge-sent-bg)!important;color:var(--badge-sent-text)!important}.status-viewed{background:var(--badge-viewed-bg)!important;color:var(--badge-viewed-text)!important}.status-waiting_signature{background:var(--badge-warning-bg)!important;color:var(--badge-warning-text)!important}.status-accepted{background:var(--badge-success-bg)!important;color:var(--badge-success-text)!important}.status-declined{background:var(--badge-danger-bg)!important;color:var(--badge-danger-text)!important}.status-expired{background:var(--badge-warning-bg)!important;color:var(--badge-warning-text)!important}.status-approved{background:var(--badge-approved-bg)!important;color:var(--badge-approved-text)!important}.status-active{background:var(--badge-progress-bg)!important;color:var(--badge-progress-text)!important}.status-ready_for_closeout{background:var(--badge-closeout-bg)!important;color:var(--badge-closeout-text)!important}.status-completed{background:var(--badge-completed-bg)!important;color:var(--badge-completed-text)!important}.status-voided{background:var(--badge-voided-bg)!important;color:var(--badge-voided-text)!important}.status-revised{background:var(--badge-revised-bg)!important;color:var(--badge-revised-text)!important}.status-complete,.status-paid{background:var(--badge-success-bg)!important;color:var(--badge-success-text)!important}.status-processing{background:var(--badge-progress-bg)!important;color:var(--badge-progress-text)!important}.status-overdue{background:var(--badge-danger-bg)!important;color:var(--badge-danger-text)!important}.status-void{background:var(--badge-draft-bg)!important;color:var(--text-faint)!important}.status-partial{background:var(--badge-warning-bg)!important;color:var(--badge-warning-text)!important}.status-pending{background:var(--badge-sent-bg)!important;color:var(--badge-sent-text)!important}.status-scheduled{background:var(--badge-progress-bg)!important;color:var(--badge-progress-text)!important}.status-cancelled,.status-closed{background:var(--badge-draft-bg)!important;color:var(--text-faint)!important}[data-theme=dark] ::-webkit-scrollbar{width:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-app)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}[data-theme=dark] a.card:hover{box-shadow:0 6px 20px #0000004d!important}[data-theme=dark] .btn-primary:hover{box-shadow:0 2px 8px #0006!important}[data-theme=dark] .input:focus{box-shadow:0 0 0 3px #e84c1e33!important}[data-theme=dark] .stat-grid-link:hover{box-shadow:0 0 0 1px var(--brand-primary), 0 4px 12px #0000004d!important}[data-theme=dark] .skeleton{background-size:400px 100%;background:linear-gradient(90deg, var(--bg-card-alt) 25%, var(--border-primary) 50%, var(--bg-card-alt) 75%)!important}.page-title{margin:0;font-size:24px;font-weight:700;color:var(--text-primary)!important}.page-subtitle{margin-top:4px;font-size:13px;color:var(--text-faint)!important}.list-table-wrap{display:block;overflow-x:auto}.list-table{border-collapse:collapse;width:100%}.list-cards{display:none}@media (max-width:1024px){.list-table-wrap{display:none}.list-cards{flex-direction:column;gap:8px;display:flex}}.list-th{text-align:left;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:700;color:var(--text-faint)!important;background:var(--bg-card-alt)!important;border-bottom:1px solid var(--border-light)!important}.list-th-right{text-align:right}.list-td{padding:12px 16px;font-size:13px;color:var(--text-secondary)!important;border-bottom:1px solid var(--border-light)!important}.list-td-primary{padding:12px 16px;font-size:14px;font-weight:600;color:var(--text-primary)!important;border-bottom:1px solid var(--border-light)!important}.list-td-faint{padding:12px 16px;font-size:12px;color:var(--text-faint)!important;border-bottom:1px solid var(--border-light)!important}.list-td-right{text-align:right}.list-td-nowrap{white-space:nowrap}.list-td-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.list-total-row td{border-top:2px solid var(--text-primary)!important;background:var(--bg-card-alt)!important;color:var(--text-primary)!important;font-weight:700!important}.list-empty{text-align:center;padding:48px;font-size:13px;color:var(--text-faint)!important}.status-badge{white-space:nowrap;text-transform:capitalize;border-radius:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.filter-label{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600;color:var(--text-faint)!important}.form-label{text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:12px;font-weight:600;display:block;color:var(--text-faint)!important}.form-section-title{align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex;color:var(--text-primary)!important}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid-full{grid-column:1/-1}.form-hint{font-size:11px;font-weight:400;color:var(--text-faint)!important}.dash-grid{grid-template-columns:1fr 380px;gap:20px;display:grid;position:relative}.dash-grid-custom{position:relative}@media (max-width:1024px){.dash-grid,.dash-grid-custom{grid-template-columns:1fr!important}}.card-header{justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex;border-bottom:1px solid var(--border-light)!important}.card-title{font-size:var(--text-lg);font-weight:700;font-family:var(--font-heading);align-items:center;gap:8px;margin:0;display:flex;color:var(--text-primary)!important}.card-view-all{font-size:var(--text-sm);transition:gap var(--speed-fast) ease;align-items:center;gap:4px;font-weight:600;text-decoration:none;display:flex;color:var(--brand-primary)!important}.card-view-all:hover{gap:8px}.card-row{transition:background var(--speed-fast) ease;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;display:flex;border-bottom:1px solid var(--border-light)!important}.card-row:hover{background:var(--bg-card-hover)!important}.card-row:last-child{border-bottom:none!important}a.card{transition:transform var(--speed-normal) var(--ease-out), box-shadow var(--speed-normal) ease, border-color var(--speed-fast) ease}a.card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014;border-color:var(--brand-primary)!important}.loading-text{text-align:center;padding:48px;font-size:13px;color:var(--text-faint)!important}@media (max-width:768px){div[style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important}div[style*="grid-template-columns: repeat(3"],.form-grid,.settings-row-2,.settings-row-3{grid-template-columns:1fr!important}table{min-width:unset!important}.list-td,.list-th{padding:8px 10px!important;font-size:12px!important}.list-td-primary{padding:8px 10px!important;font-size:13px!important}.card{border-radius:10px!important}.btn-primary,.btn-secondary{padding:8px 14px!important;font-size:13px!important}div[style*="padding: 24px"]{padding:14px!important}div[style*="padding: 32px"]{padding:16px!important}.dash-grid{grid-template-columns:1fr!important}}@media (max-width:480px){html,body,.app-main{overflow-x:hidden}div[style*=maxWidth],div[style*=max-width]{max-width:100%!important;padding-left:12px!important;padding-right:12px!important}.list-table-wrap{-webkit-overflow-scrolling:touch}h1{font-size:20px!important}h2{font-size:17px!important}.card,.card>div[style*="padding: 16px"],.card>div[style*="padding: 20px"]{padding:12px!important}div[style*=gridTemplateColumns][style*="1fr 1fr 1fr"],div[style*=gridTemplateColumns][style*="1fr 1fr"]{grid-template-columns:1fr!important}div[style*="display: flex"][style*="gap: 8px"]>button{padding:8px 12px!important;font-size:12px!important}}h1,h2,h3,.page-title,.card-title,.form-section-title{font-family:var(--font-heading)!important}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1200px}}@keyframes cardEnter{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.app-main>div{animation:pageEnter var(--speed-slow) var(--ease-out) both}.card{transition:box-shadow var(--speed-normal) ease, transform var(--speed-normal) ease, border-color var(--speed-normal) ease}.stat-grid>*{animation:cardEnter var(--speed-slow) var(--ease-out) both}.stat-grid>:first-child{animation-delay:0s}.stat-grid>:nth-child(2){animation-delay:40ms}.stat-grid>:nth-child(3){animation-delay:80ms}.stat-grid>:nth-child(4){animation-delay:.12s}.stat-grid>:nth-child(5){animation-delay:.16s}.stat-grid>:nth-child(6){animation-delay:.2s}.stat-grid>:nth-child(7){animation-delay:.24s}.stat-grid>:nth-child(8){animation-delay:.28s}.list-table tr{transition:background var(--speed-fast) ease}.list-table tbody tr:hover{background:var(--bg-card-hover)!important}.sidebar-container{transition:width var(--speed-slow) var(--ease-out)}.nav-link{transition:background var(--speed-fast) ease, color var(--speed-fast) ease, transform var(--speed-fast) ease!important}.nav-link:active{transform:scale(.98)}.btn-primary,.btn-secondary,.btn-ghost{transition:background var(--speed-fast) ease, transform var(--speed-fast) ease, box-shadow var(--speed-fast) ease!important}.btn-primary:active,.btn-secondary:active{transform:scale(.97)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton{background:linear-gradient(90deg, var(--bg-card-alt) 25%, var(--bg-card-hover) 50%, var(--bg-card-alt) 75%);border-radius:var(--radius-md);background-size:400px 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes meshDrift{0%{background-position:0 0}to{background-position:100% 100%}}