:root{--bg:#fff;--bg-soft:#fbfaf7;--surface:#fff;--surface-muted:#f8f6f1;--surface-strong:#17130f;--border:#e9e5da;--border-strong:#d9d1c0;--text:#221c15;--text-muted:#6d665b;--text-soft:#9a907f;--gold:#c6a119;--gold-strong:#a98510;--gold-soft:#c6a1191f;--gold-ring:#c6a11938;--accent:#a98510;--success:#317b57;--success-soft:#317b571f;--warning:#b47718;--warning-soft:#b477181f;--danger:#bd4a41;--danger-soft:#bd4a411f;--info:#376ea8;--info-soft:#376ea81f;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;--dur-hover:.14s;--dur-press:.1s;--dur-enter:.22s;--dur-modal:.24s;--ease-standard:ease-out;--ease-enter:cubic-bezier(.22, 1, .36, 1);--ease-press:ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top,#c6a11914,#0000 28rem),linear-gradient(#fff 0%,#fdfcf9 52%,#fbfaf7 100%);font-family:Inter,Segoe UI,Arial,sans-serif}body{line-height:1.45}body.sheet-open{overflow:hidden}h1,h2,h3,h4{letter-spacing:.01em;font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{flex-direction:column;min-height:100vh;display:flex}.page-shell{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:1.5rem 1rem 2.5rem}.mobile-page-shell{padding-bottom:calc(6.75rem + env(safe-area-inset-bottom))}.dark-band{background:linear-gradient(180deg, #fffffffa, #faf8f3fa), var(--surface);color:var(--text)}.topbar{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #221c1514;position:sticky;top:0;box-shadow:0 10px 28px #2318080a}.topbar-inner{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1120px;min-height:64px;margin:0 auto;padding:0 1rem;display:flex}.brand-mark{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;overflow:visible}.brand-mark-hero{width:64px;height:64px}.brand-row{align-items:center;gap:.75rem;display:flex}.brand-name{color:var(--gold);letter-spacing:.11em;text-transform:uppercase;font-size:.82rem;font-weight:700}.page-enter{animation:page-enter var(--dur-enter) var(--ease-enter)}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--dur-hover) var(--ease-standard), border-color var(--dur-hover) var(--ease-standard), box-shadow var(--dur-hover) var(--ease-standard);padding:1.25rem;box-shadow:0 10px 26px #2318080b}.card:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 14px 34px #2318080f}.hero-panel{background:linear-gradient(135deg, #c6a1192e, #c6a1190a), var(--surface);border:1px solid #c6a11938}.emphasis-panel{background:linear-gradient(135deg, #fffffffc, #faf7f0fc), var(--surface);color:var(--text);border:1px solid #c6a11933}.section-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.section-kicker{letter-spacing:.08em;color:var(--text-soft);text-transform:uppercase;font-size:.73rem;font-weight:700}.section-title{color:var(--text);font-size:1.15rem;font-weight:700}.section-title-strong{color:var(--text)}.section-copy{color:var(--text-muted);font-size:.9rem}.btn{letter-spacing:.01em;min-height:42px;transition:transform var(--dur-hover) var(--ease-standard), opacity var(--dur-hover) var(--ease-standard), border-color var(--dur-hover) var(--ease-standard), background-color var(--dur-hover) var(--ease-standard), color var(--dur-hover) var(--ease-standard), box-shadow var(--dur-hover) var(--ease-standard);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1rem;font-size:.88rem;font-weight:700;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transition-duration:var(--dur-press);transition-timing-function:var(--ease-press);transform:translateY(0)scale(.985)}.btn:focus-visible{box-shadow:0 0 0 3px var(--gold-ring);outline:none}.btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:var(--gold);color:#16120d;border-color:#0000000a}.btn-primary:hover{background:var(--gold-strong)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{border-color:var(--gold);color:var(--gold-strong)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text);background:#c6a11914}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#bd4a4129}.btn-icon:hover .btn-icon-shift{transform:translate(1px)}.btn-icon-shift{transition:transform var(--dur-hover) var(--ease-standard)}.tabs{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:1rem;display:flex}.tab-link{color:var(--text-muted);transition:color var(--dur-hover) var(--ease-standard), background-color .18s var(--ease-standard), transform var(--dur-hover) var(--ease-standard);border-radius:999px;padding:.6rem .9rem;font-size:.88rem;font-weight:600;position:relative}.tab-link:hover{color:var(--text);background:#c6a11914}.tab-link-active{color:var(--text);background:#c6a11924}.tab-link-active:after{content:"";background:var(--gold);border-radius:999px;height:2px;position:absolute;bottom:.35rem;left:.9rem;right:.9rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;display:grid}.stat-card{gap:.35rem;display:grid}.stat-label{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.stat-value{font-size:1.55rem;font-weight:700}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.25rem;padding:.28rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-gold{background:var(--gold-soft);color:var(--gold-strong)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-secondary{background:var(--surface-muted);color:var(--text-muted)}.form-group{gap:.38rem;display:grid}.form-group label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.field,.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);transition:border-color var(--dur-hover) var(--ease-standard), box-shadow var(--dur-hover) var(--ease-standard), transform var(--dur-hover) var(--ease-standard);padding:.8rem .92rem}.field::placeholder,.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-soft)}.field:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-ring);outline:none}.form-notice{border-radius:var(--radius-md);border:1px solid var(--border);padding:.8rem .95rem;font-size:.9rem}.form-notice-error{color:var(--danger);background:#bd4a4114;border-color:#bd4a4133}.form-notice-success{color:var(--success);background:#317b5714;border-color:#317b5733}.stack{gap:1rem;display:grid}.cluster{flex-wrap:wrap;gap:.5rem;display:flex}.muted{color:var(--text-muted)}.empty-state{text-align:center;color:var(--text-muted);justify-items:center;gap:.5rem;padding:2.8rem 1.5rem;display:grid}.empty-icon{background:var(--surface-muted);width:56px;height:56px;color:var(--gold-strong);border-radius:18px;place-items:center;font-size:1.4rem;display:grid}.skeleton{background:linear-gradient(90deg,#e7dcc7b3,#ffffffeb,#e7dcc7b3) 0 0/200% 100%;border-radius:999px;animation:1.15s linear infinite skeleton;position:relative;overflow:hidden}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.table-shell{padding:0;overflow:hidden}.table-shell table{border-collapse:collapse;width:100%}.table-shell thead tr{background:#c6a11914}.table-shell th{text-align:left;color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;padding:.82rem 1rem;font-size:.72rem;font-weight:700}.table-shell td{border-top:1px solid var(--border);padding:.95rem 1rem}.journal-group{gap:.9rem;display:grid}.journal-group-head{color:var(--text-muted);align-items:center;gap:.8rem;display:flex}.journal-group-head:after{content:"";background:linear-gradient(90deg, var(--border-strong), transparent);flex:1;height:1px}.journal-entry{border:1px solid var(--border);border-radius:var(--radius-md);transition:transform var(--dur-hover) var(--ease-standard), border-color var(--dur-hover) var(--ease-standard), box-shadow var(--dur-hover) var(--ease-standard);background:linear-gradient(#fffffffa,#f6efe2b8);gap:1rem;padding:1rem 1.05rem;display:grid}.journal-entry:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 10px 22px #2318080d}.journal-entry-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.journal-meta{gap:.28rem;display:grid}.timeline-dot{background:var(--gold);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 4px #c6a1191f}.attachment-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.attachment-tile{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);gap:.55rem;padding:.75rem;display:grid}.attachment-preview{aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--radius-md) - 4px);background:var(--surface-muted);border:1px solid var(--border);width:100%}.invoice-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(#fffffffa,#f7f2e8d6);gap:1rem;padding:1.05rem 1.1rem;display:grid}.invoice-card.invoice-due{border-color:#b4771840}.invoice-card.invoice-overdue{background:linear-gradient(#fffffffa,#bd4a410f);border-color:#bd4a4147}.invoice-card.invoice-paid{background:linear-gradient(#fffffffa,#317b570f);border-color:#317b5738}.invoice-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.invoice-meta{gap:.28rem;display:grid}.invoice-actions{flex-wrap:wrap;gap:.6rem;display:flex}.status-pill-row{flex-wrap:wrap;gap:.5rem;display:flex}.status-chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);transition:transform var(--dur-hover) var(--ease-standard), border-color var(--dur-hover) var(--ease-standard), color var(--dur-hover) var(--ease-standard), background-color var(--dur-hover) var(--ease-standard);border-radius:999px;padding:.45rem .75rem;font-size:.78rem;font-weight:700}.status-chip:hover{border-color:var(--gold);color:var(--text);transform:translateY(-1px)}.status-chip.active{color:var(--gold-strong);background:#c6a1191f;border-color:#c6a11947}.doc-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);gap:.9rem;padding:1rem 1.05rem;display:grid}.soft-divider{background:linear-gradient(90deg, var(--border), transparent);height:1px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;animation:modal-fade var(--dur-modal) var(--ease-enter);background:#120e0a94;place-items:center;display:grid;position:fixed;inset:0}.modal-card{width:min(100%,440px);animation:modal-scale var(--dur-modal) var(--ease-enter);margin:1rem}.mobile-bottom-nav{z-index:45;width:min(100%,760px);padding:.75rem 1rem calc(.8rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fcfaf5d1,#fcfaf5f5);border-top:1px solid #19151014;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:.5rem;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mobile-bottom-nav-builder{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-nav-item{min-height:56px;color:var(--text-muted);letter-spacing:.02em;transition:transform var(--dur-hover) var(--ease-standard), background-color var(--dur-hover) var(--ease-standard), color var(--dur-hover) var(--ease-standard), border-color var(--dur-hover) var(--ease-standard);background:0 0;border:1px solid #0000;border-radius:18px;align-content:center;justify-items:center;gap:.18rem;font-size:.72rem;font-weight:700;display:grid}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--gold-strong);background:#c6a1191f;border-color:#c6a11933}.mobile-nav-icon{font-size:1rem;line-height:1}.mobile-fab{background:linear-gradient(135deg, var(--gold), var(--gold-strong));color:#17120d;z-index:2;width:64px;height:64px;transition:transform var(--dur-hover) var(--ease-standard), box-shadow var(--dur-hover) var(--ease-standard);border:0;border-radius:999px;place-self:start center;margin-top:-1.8rem;font-size:2rem;line-height:1;box-shadow:0 18px 28px #c6a11947}.mobile-fab:hover{transform:translateY(-1px);box-shadow:0 20px 32px #c6a11957}.mobile-sheet-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#120e0a85;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-sheet{width:min(100%,760px);max-height:min(86vh,860px);padding:.75rem 1rem calc(1.25rem + env(safe-area-inset-bottom));animation:mobile-sheet-enter var(--dur-modal) var(--ease-enter);background:linear-gradient(#fffdf9 0%,#fcfaf5 100%);border:1px solid #19151014;border-bottom:0;border-top-left-radius:24px;border-top-right-radius:24px;overflow-y:auto;box-shadow:0 -20px 44px #19151029}.mobile-sheet-handle{background:#19151029;border-radius:999px;width:44px;height:5px;margin:0 auto .85rem}.mobile-sheet-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.mobile-action-list{gap:.75rem;display:grid}.mobile-action-row{text-align:left;border:1px solid var(--border);background:var(--surface);width:100%;color:inherit;transition:transform var(--dur-hover) var(--ease-standard), border-color var(--dur-hover) var(--ease-standard), box-shadow var(--dur-hover) var(--ease-standard);border-radius:18px;align-items:flex-start;gap:.85rem;padding:.95rem 1rem;display:flex}.mobile-action-row:hover{border-color:#c6a11947;transform:translateY(-1px);box-shadow:0 12px 24px #1915100f}.mobile-action-row.is-primary{background:linear-gradient(135deg,#c6a1192e,#c6a1190f);border-color:#c6a1193d}.mobile-action-icon{background:var(--surface-muted);border-radius:14px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:1.1rem;display:grid}.mobile-action-copy{gap:.18rem;display:grid}.mobile-action-copy strong{font-size:.94rem}.mobile-action-copy small{color:var(--text-muted);font-size:.82rem;line-height:1.5}.timeline-summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;display:grid}.timeline-summary-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);gap:.28rem;padding:.95rem 1rem;display:grid}@keyframes mobile-sheet-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-scale{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.spinner{border:2px solid;border-right-color:#0000;border-radius:999px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.86)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-soft)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}@media (max-width:720px){.page-shell{padding-top:1rem}.topbar-inner{min-height:60px;padding-inline:.85rem}.mobile-bottom-nav{gap:.35rem;padding-inline:.7rem}.mobile-nav-item{border-radius:16px;min-height:52px;font-size:.68rem}.mobile-fab{width:60px;height:60px;margin-top:-1.65rem}.table-shell{overflow-x:auto}}.mobile-content-shell{padding-bottom:calc(64px + env(safe-area-inset-bottom) + 1rem)}.fab-dock{bottom:calc(72px + env(safe-area-inset-bottom));z-index:85;position:fixed;left:50%;transform:translate(-50%)}.bottom-sheet-overlay{z-index:88;background:#0006;position:fixed;inset:0}.bottom-sheet{background:var(--surface);z-index:89;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0}@media (min-width:769px){.mobile-bottom-nav{display:none!important}}.customer-top-nav{z-index:60;background:var(--surface-strong,#1a1410);border-bottom:1px solid #ffffff14;display:none;position:sticky;top:0;box-shadow:0 2px 8px #0000001f}.customer-top-nav-inner{align-items:center;max-width:960px;margin:0 auto;padding:0 1.5rem;display:flex}.customer-bottom-nav{height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface,#fff);border-top:1px solid var(--border,#e5e0d8);z-index:80;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #00000014}.customer-bottom-nav .builder-bottom-tab{color:var(--text-muted,#0006)}.customer-bottom-nav .builder-bottom-tab.active{color:var(--accent)}.customer-main{padding-bottom:calc(56px + env(safe-area-inset-bottom) + 1.5rem)}.customer-settings-card{margin-bottom:1rem}.customer-settings-summary{align-items:flex-start}.customer-settings-title{color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.customer-settings-body{gap:.85rem;display:grid}@media (min-width:769px){.customer-top-nav{display:block}.customer-bottom-nav{display:none!important}.customer-main{padding-bottom:3rem}}@media (max-width:768px){.mobile-hidden{display:none!important}}.collapsible-section{padding:0}.collapsible-summary{cursor:pointer;border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;list-style:none;display:flex}.collapsible-summary::-webkit-details-marker{display:none}.collapsible-summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:12px}.collapsible-chevron{color:var(--text-muted);flex-shrink:0;font-size:1.2rem;line-height:1;transition:transform .2s}.collapsible-section[open] .collapsible-chevron{transform:rotate(90deg)}.collapsible-body{border-top:1px solid var(--border);padding:1rem 1.25rem 1.25rem}.builder-top-nav{z-index:60;background:#fffffff5;border-bottom:1px solid #221c1514;display:none;position:sticky;top:0;box-shadow:0 10px 24px #2318080a}.builder-top-nav-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex}.builder-top-nav-tabs{align-items:stretch;gap:0;display:flex}.builder-top-tab{color:var(--text-soft);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;padding:.75rem 1.1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s;display:flex}.builder-top-tab:hover{color:var(--text)}.builder-top-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.builder-top-nav-cta{background:var(--accent);color:#17120d;white-space:nowrap;border-radius:6px;align-items:center;padding:.4rem .9rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:flex}.builder-top-nav-cta:hover{opacity:.88}.builder-top-nav-cta--ghost{border:1px solid var(--border-strong);color:var(--text-muted);background:0 0}.builder-top-nav-cta--ghost:hover{border-color:var(--gold);color:var(--text);opacity:1}.builder-bottom-nav{height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:80;background:#fffffffa;border-top:1px solid #221c1514;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 26px #2318080f}.builder-bottom-tab{color:var(--text-soft);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:0;font-size:.6rem;font-weight:700;text-decoration:none;transition:color .15s;display:flex}.builder-bottom-tab.active{color:var(--accent)}.builder-bottom-tab span{font-size:.6rem}.builder-fab{flex:1;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.builder-fab-circle{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;font-weight:300;line-height:1;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000047}@media (min-width:769px){.builder-top-nav{display:block}.builder-bottom-nav{display:none!important}.mobile-content-shell{padding-bottom:0!important}}