:root{font-family:var(--body);color:var(--text);background:var(--page-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--body:"Instrument Sans", "Avenir Next", "Segoe UI", sans-serif;--display:"Fraunces", Georgia, serif;--text:#4b4c4a;--heading:#1e2933;--muted:#6f706c;--muted-strong:#7c6957;--page-background:radial-gradient(circle at top left, #ecaa5e59, transparent 30%), radial-gradient(circle at top right, #255a7a2e, transparent 26%), linear-gradient(180deg, #f5efe6 0%, #f1ede7 42%, #ece6de 100%);--page-overlay:linear-gradient(135deg, #ffffff59, transparent 32%), linear-gradient(315deg, #ffffff3d, transparent 28%);--surface-border:#222a3414;--surface-panel:linear-gradient(180deg, #ffffffeb, #f8f4edd1), #ffffffc7;--surface-elevated:#ffffffe0;--surface-subtle:#f8f2e9b8;--surface-soft:#fbf8f2cc;--surface-accent:linear-gradient(180deg, #fffaf4eb, #faeee0d6);--surface-highlight:linear-gradient(180deg, #f79d462e, #ffffffb3);--surface-overlay:linear-gradient(180deg, #fffffff7, #f7f2ebf5), #fffffffa;--surface-shadow:0 24px 60px #36322d14;--surface-shadow-strong:0 24px 48px #28231f24;--surface-shadow-soft:0 16px 30px #342b2314;--focus-ring:2px solid #225a7a73;--input-placeholder:#9e948b;--danger-text:#812d2d;--brand-gradient:linear-gradient(135deg, #1b3f61, #255a7a);--brand-gradient-soft:linear-gradient(135deg, #1b3f61, #346f85);font-weight:400;line-height:1.5}:root[data-theme=dark]{--text:#d9e0e8;--heading:#f7fafc;--muted:#b6c0cc;--muted-strong:#9eabba;--page-background:radial-gradient(circle at top left, #ecaa5e17, transparent 34%), radial-gradient(circle at top right, #255a7a29, transparent 30%), linear-gradient(180deg, #11151d 0%, #0e141d 44%, #0b1018 100%);--page-overlay:linear-gradient(135deg, #ffffff08, transparent 32%), linear-gradient(315deg, #ffffff05, transparent 28%);--surface-border:#96a9be2e;--surface-panel:linear-gradient(180deg, #19212ceb, #131b27eb), #111924e6;--surface-elevated:#18212df0;--surface-subtle:#222c3acc;--surface-soft:#1a2330e6;--surface-accent:linear-gradient(180deg, #263141eb, #1c2737eb);--surface-highlight:linear-gradient(180deg, #41587a66, #1f2938b3);--surface-overlay:linear-gradient(180deg, #202b3bf2, #182332f2), #16212ff0;--surface-shadow:0 24px 60px #04080e7a;--surface-shadow-strong:0 24px 48px #02060c8f;--surface-shadow-soft:0 16px 30px #02070e75;--focus-ring:2px solid #6eb4e2a6;--input-placeholder:#93a0af;--danger-text:#f6a3a3;--brand-gradient:linear-gradient(135deg, #4f89b6, #2f688e);--brand-gradient-soft:linear-gradient(135deg, #5d90b8, #3f7298)}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background:var(--page-overlay);position:fixed;inset:0}#root{min-height:100vh}h1,h2{color:var(--heading);margin:0}h1{font-family:var(--display);letter-spacing:-.05em;max-width:12ch;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.96}h2{font-size:1.5rem;line-height:1.1}p{margin:0}a{color:inherit}.app-shell{gap:24px;min-height:100svh;padding:32px;display:grid;overflow-x:clip}.app-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;display:flex}.build-meta{background:color-mix(in srgb, var(--surface-panel) 82%, transparent);border:1px solid color-mix(in srgb, var(--surface-border) 92%, transparent);color:var(--muted);letter-spacing:.04em;border-radius:999px;justify-self:end;margin:0;padding:10px 14px;font-size:.82rem}.primary-button.return-to-top-button{display:none}.legal-links{flex-wrap:wrap;align-items:center;gap:10px 14px;padding:0 2px;display:inline-flex}.legal-links a{color:var(--muted-strong);text-underline-offset:3px;font-size:.84rem;font-weight:700;text-decoration:underline}.legal-links a:hover,.legal-links a:focus-visible{color:var(--heading)}.section-layout{gap:24px;display:grid}.hero-panel,.panel{border:1px solid var(--surface-border);background:var(--surface-panel);box-shadow:var(--surface-shadow)}.hero-panel{border-radius:28px;grid-template-columns:1fr;align-items:end;gap:28px;min-width:0;padding:32px;display:grid}.app-frame{grid-template-columns:1fr;align-items:start}.hero-copy{max-width:740px}.hero-brand,.nav-intro{gap:16px;display:grid}.content-shell{gap:24px;min-width:0;max-width:100%;display:grid}.content-header{z-index:20;gap:20px;min-width:0;max-width:100%;display:grid;position:relative;overflow-x:clip}.content-header-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.header-actions{justify-content:flex-end;align-items:flex-start;gap:12px;min-width:fit-content;display:flex}.primary-button.quick-receipt-button{border:1px solid var(--surface-border);width:52px;min-width:52px;height:52px;min-height:52px;box-shadow:none;white-space:nowrap;cursor:pointer;background:0 0;border-radius:18px;gap:0;padding:0}.primary-button.quick-receipt-button:hover,.primary-button.quick-receipt-button:focus-visible{box-shadow:none;background:0 0}.quick-receipt-icon{background:var(--brand-gradient-soft);color:#fff;width:38px;height:38px;box-shadow:var(--surface-shadow-soft);border-radius:14px;flex:0 0 38px;justify-content:center;align-items:center;line-height:1;transition:opacity .18s,transform .18s,box-shadow .18s;display:inline-flex}.quick-receipt-button:hover .quick-receipt-icon,.quick-receipt-button:focus-visible .quick-receipt-icon{box-shadow:var(--surface-shadow-soft);transform:translateY(-1px)}.quick-receipt-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px}.quick-receipt-button input,.file-button input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.quick-receipt-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.content-header-copy,.content-header-aside{gap:18px;min-width:0;display:grid}.content-header-body{grid-template-columns:minmax(0,1.1fr) minmax(280px,.8fr);align-items:start;gap:18px;display:grid}.header-mascot{align-self:stretch}.charm-bar{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.charm-item{text-align:left;border:1px solid color-mix(in srgb, var(--surface-border) 92%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-elevated) 94%, white) 0%, var(--surface-elevated) 100%);color:inherit;border-radius:20px;gap:4px;padding:14px 16px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid}.charm-item strong{color:var(--heading);font-size:.98rem}.charm-item span:last-child{color:var(--muted);font-size:.84rem;line-height:1.35}.charm-item:hover,.charm-item:focus-visible,.charm-item.selected{border-color:color-mix(in srgb, #f47d2a 38%, var(--surface-border));background:var(--surface-accent);box-shadow:var(--surface-shadow-soft);transform:translateY(-1px)}.charm-meta{letter-spacing:.16em;text-transform:uppercase;color:var(--muted-strong);font-size:.7rem}.auth-shell{align-content:center}.auth-panel{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);align-items:center}.auth-actions,.session-card{gap:14px;display:grid}.auth-note{background:color-mix(in srgb, var(--heading) 12%, transparent);border:1px solid color-mix(in srgb, var(--heading) 18%, transparent);color:var(--heading);border-radius:18px;margin:0;padding:14px 16px;line-height:1.5}.session-card{background:var(--surface-accent);border:1px solid color-mix(in srgb, var(--surface-border) 90%, transparent);border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:16px 18px}.session-card div{gap:4px;display:grid}.session-card strong{color:var(--heading)}.session-card span{color:var(--muted)}.profile-menu{z-index:30;justify-self:end;position:relative}.profile-trigger{border:1px solid var(--surface-border);background:var(--surface-elevated);width:52px;height:52px;box-shadow:var(--surface-shadow-soft);cursor:pointer;border-radius:18px;justify-content:center;align-items:center;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex;position:relative}.notification-dot{width:9px;height:9px;box-shadow:0 0 0 3px var(--surface-elevated);background:#d92d20;border-radius:999px;flex:none}.profile-notification-dot{z-index:2;position:absolute;top:8px;right:8px}.profile-trigger:hover,.profile-trigger:focus-visible,.profile-trigger.open{border-color:color-mix(in srgb, var(--heading) 30%, transparent);background:var(--surface-accent);box-shadow:var(--surface-shadow-soft);transform:translateY(-1px)}.profile-avatar{background:var(--brand-gradient-soft);color:#fff;letter-spacing:.06em;border-radius:14px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.88rem;font-weight:700;display:inline-flex;overflow:hidden}.profile-avatar-image{object-fit:cover;width:100%;height:100%;display:block}.profile-dropdown{border:1px solid var(--surface-border);background:var(--surface-overlay);min-width:260px;box-shadow:var(--surface-shadow-strong);z-index:40;border-radius:22px;gap:14px;padding:16px;display:grid;position:absolute;top:calc(100% + 12px);right:0}.profile-summary,.profile-meta{gap:4px;display:grid}.profile-summary strong,.profile-meta span{color:var(--heading)}.profile-summary span{color:var(--muted);word-break:break-word}.profile-meta{background:color-mix(in srgb, var(--heading) 10%, transparent);border:1px solid color-mix(in srgb, var(--heading) 16%, transparent);border-radius:16px;padding:12px 14px}.theme-field{gap:8px;display:grid}.theme-field span{color:var(--muted-strong);font-size:.86rem}.profile-signout,.profile-settings{justify-content:center;width:100%}.profile-menu-alert-item{justify-content:space-between;gap:18px}.profile-menu-alert-item .notification-dot{box-shadow:0 0 0 3px var(--surface-overlay)}.settings-overlay{z-index:80;background:#1a14106b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.settings-modal{background:var(--surface-panel);width:min(100%,720px);max-height:min(100svh - 48px,860px);overflow:auto}.quick-receipt-modal{gap:18px;display:grid}.gig-imports-modal{gap:18px;width:min(100%,1180px);height:min(100svh - 48px,860px);display:grid;overflow:hidden}.quick-receipt-summary{background:var(--surface-accent);border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);border-radius:18px;gap:6px;padding:14px 16px;display:grid}.quick-receipt-summary strong{color:var(--heading);overflow-wrap:anywhere}.quick-receipt-summary span{color:var(--muted);line-height:1.45}.quick-receipt-progress{background:color-mix(in srgb, var(--surface-border) 68%, transparent);border-radius:999px;height:8px;overflow:hidden}.quick-receipt-progress span{border-radius:inherit;background:var(--brand-gradient);width:42%;height:100%;animation:1.1s ease-in-out infinite quick-receipt-progress;display:block}@keyframes quick-receipt-progress{0%{transform:translate(-120%)}to{transform:translate(260%)}}.quick-receipt-warning{background:color-mix(in srgb, #f47d2a 16%, var(--surface-elevated));border:1px solid color-mix(in srgb, #f47d2a 42%, var(--surface-border));border-radius:18px;gap:6px;padding:14px 16px;display:grid}.quick-receipt-warning strong{color:var(--heading)}.quick-receipt-warning span{color:var(--muted-strong);line-height:1.45}.expense-statement-modal{grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:14px;width:min(100%,1280px);height:min(100svh - 32px,920px);display:grid;overflow:hidden}.invoice-generation-preview-modal{gap:18px;display:grid}.expense-statement-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.expense-statement-summary article,.expense-statement-preview,.expense-statement-gig{background:var(--surface-subtle);border:1px solid color-mix(in srgb, var(--surface-border) 84%, transparent);border-radius:8px;padding:12px 14px}.expense-statement-preview{min-height:520px;padding:0;overflow:hidden}.expense-statement-preview iframe{background:#fff;border:0;width:100%;height:100%;min-height:0;display:block}.invoice-generation-preview-frame{background:var(--surface-subtle);border:1px solid color-mix(in srgb, var(--surface-border) 84%, transparent);border-radius:8px;overflow:hidden}.invoice-generation-preview-frame iframe{background:#fff;border:0;width:100%;height:min(70svh,760px);min-height:460px;display:block}.expense-statement-summary span{color:var(--heading);overflow-wrap:anywhere;font-size:1.25rem;font-weight:800;display:block}.expense-statement-summary p,.expense-statement-gig-header span,.expense-statement-preview span,.expense-statement-expense small{color:var(--muted)}.expense-statement-options,.expense-statement-body,.expense-statement-gigs,.expense-statement-expenses{gap:10px;display:grid}.expense-statement-options{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-statement-body{min-height:0;overflow:hidden}.expense-statement-body.has-preview{grid-template-columns:1fr;align-items:stretch}.expense-statement-body.without-preview{grid-template-columns:1fr}.expense-statement-gigs{min-height:0;padding-right:2px;overflow:auto}.expense-statement-gig-header,.expense-statement-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.expense-statement-gig-header{align-items:flex-start;margin-bottom:12px}.expense-statement-gig-header div,.expense-statement-preview,.expense-statement-expense span{gap:4px;min-width:0;display:grid}.expense-statement-gig-header strong,.expense-statement-preview strong,.expense-statement-expense strong{color:var(--heading);overflow-wrap:anywhere}.expense-statement-expense{background:var(--surface-elevated);border:1px solid color-mix(in srgb, var(--surface-border) 84%, transparent);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.expense-statement-expense.is-muted{background:color-mix(in srgb, #2b8c67 7%, var(--surface-elevated));border-color:color-mix(in srgb, #2b8c67 30%, var(--surface-border))}.expense-statement-expense input{width:18px;min-width:18px;height:18px;min-height:18px;accent-color:color-mix(in srgb, var(--heading) 72%, white);margin:0}.expense-statement-expense b{color:var(--heading);white-space:nowrap}.expense-statement-footer{flex-wrap:wrap;align-items:flex-start}.quick-receipt-select{gap:8px;display:grid}.quick-receipt-select span{color:var(--muted-strong);font-size:.86rem}.quick-receipt-details{grid-template-columns:minmax(120px,.5fr) minmax(0,1fr)}.settings-intro{margin:0}.settings-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.drive-connection-state{background:var(--surface-subtle);border:1px solid color-mix(in srgb, var(--surface-border) 85%, transparent);min-height:42px;color:var(--muted-strong);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.86rem;display:inline-flex}.drive-connection-indicator{background:#a65f27;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 4px #a65f272e}.drive-connection-indicator.connected{background:#2b8c67;box-shadow:0 0 0 4px #2b8c672e}.settings-form{gap:18px;display:grid}.settings-section{background:color-mix(in srgb, var(--surface-subtle) 72%, transparent);border:1px solid color-mix(in srgb, var(--surface-border) 82%, transparent);border-radius:22px;gap:14px;padding:16px;display:grid}.settings-section-heading{gap:4px;display:grid}.settings-section-heading h3{color:var(--heading);margin:0;font-size:1rem}.connected-services-grid{gap:12px;display:grid}.connected-service-card{background:var(--surface-panel);border:1px solid color-mix(in srgb, var(--surface-border) 86%, transparent);border-radius:20px;gap:14px;padding:16px;display:grid}.connected-service-summary{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.connected-service-summary>div,.compact-service-field{gap:6px;display:grid}.connected-service-summary strong{color:var(--heading)}.connected-service-summary span,.compact-service-field span,.connected-service-note,.connected-service-error{color:var(--muted-strong);font-size:.86rem}.connected-service-error{background:#a65f2724;border-radius:14px;padding:10px 12px}.service-connection-indicator{background:#a65f27;border-radius:999px;flex:none;width:12px;height:12px;margin-top:4px;box-shadow:0 0 0 4px #a65f272e}.service-connection-indicator.connected{background:#2b8c67;box-shadow:0 0 0 4px #2b8c672e}.seller-profile-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);gap:20px;display:grid}.seller-profile-sections{gap:18px;display:grid}.seller-profile-section{background:var(--surface-subtle);border:1px solid color-mix(in srgb, var(--surface-border) 90%, transparent);border-radius:22px;gap:16px;padding:18px;display:grid}.seller-profile-section h3,.seller-profile-preview h3{color:var(--heading);margin:4px 0 0}.seller-profile-preview{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-panel) 88%, white 12%), var(--surface-accent));border:1px solid color-mix(in srgb, var(--surface-border) 90%, transparent);border-radius:22px;align-content:start;gap:14px;padding:18px;display:grid}.seller-profile-preview-note{color:var(--muted);margin:0}.seller-preview-card{background:var(--surface-panel);border:1px solid color-mix(in srgb, var(--surface-border) 88%, transparent);border-radius:18px;gap:6px;padding:16px;display:grid}.seller-preview-card strong{color:var(--heading)}.seller-preview-card span{color:var(--muted-strong)}.seller-profile-empty{margin-bottom:4px}.settings-note{background:var(--surface-subtle);border:1px solid color-mix(in srgb, var(--surface-border) 85%, transparent);color:var(--muted);border-radius:18px;padding:14px 16px}.invoice-filename-preview{border:1px solid color-mix(in srgb, #f47d2a 34%, var(--surface-border));border-radius:18px;grid-column:1/-1;gap:6px;padding:14px 16px;display:grid}.hero-mascot{background:var(--surface-accent);border:1px solid color-mix(in srgb, var(--surface-border) 90%, transparent);border-radius:24px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:14px;padding:16px;display:grid}.hero-mascot div{min-width:0}.hero-mascot img{object-fit:cover;width:92px;height:92px;box-shadow:var(--surface-shadow-soft);border-radius:22px}.hero-mascot strong{color:var(--heading);overflow-wrap:anywhere;font-size:.98rem;line-height:1.35}.eyebrow,.section-label,.detail-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted-strong);margin:0;font-size:.74rem}.hero-text{max-width:56ch;font-size:1.02rem}.dashboard-summary{grid-template-columns:minmax(220px,1.1fr) repeat(2,minmax(200px,1fr));gap:12px;display:grid}.dashboard-card{background:var(--surface-highlight);border:1px solid color-mix(in srgb, var(--surface-border) 90%, transparent);border-radius:22px;align-content:start;gap:8px;min-width:0;padding:18px;display:grid}.dashboard-card strong{color:var(--heading);overflow-wrap:anywhere;font-size:1.02rem;line-height:1.25}.dashboard-card span{color:var(--muted);line-height:1.35}.dashboard-card>.section-label{margin-bottom:2px}.outstanding-card strong{font-family:var(--display);color:var(--heading);font-size:clamp(2rem,6vw,3.1rem);line-height:.95;display:block}.invoice-action-card{background:linear-gradient(135deg, #f47d2a2e, transparent 64%), var(--surface-highlight)}.compact-action{justify-self:start;min-height:40px;margin-top:6px;padding:9px 14px}.hero-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.hero-metrics article{background:var(--surface-highlight);border:1px solid color-mix(in srgb, var(--surface-border) 90%, transparent);border-radius:22px;padding:18px}.hero-metrics span{font-family:var(--display);color:var(--heading);font-size:2rem;display:block}.hero-metrics p{color:var(--muted);margin-top:6px}.workspace{grid-template-columns:minmax(0,.95fr) minmax(0,1fr) auto;align-items:start;gap:24px;display:grid}.admin-zone{gap:24px;display:grid}.admin-banner{gap:20px;display:grid}.admin-workspace,.gig-workspace{grid-template-columns:minmax(0,.9fr) minmax(0,1fr) auto;align-items:start;gap:24px;display:grid}.gig-import-workspace{grid-template-columns:minmax(280px,.75fr) minmax(0,1.45fr);gap:24px;min-height:0;display:grid;overflow:hidden}.gig-import-detail-panel{min-width:0;min-height:0;overflow:auto}.gig-imports-modal>.gig-import-workspace>.panel{min-height:0;overflow:auto}.gig-import-draft-list{gap:16px;display:grid}.gig-import-draft{border:1px solid color-mix(in srgb, var(--surface-border) 85%, transparent);background:var(--surface-subtle);border-radius:20px;gap:16px;padding:18px;display:grid}.gig-import-draft.accepted{border-color:color-mix(in srgb, #2f9e44 45%, var(--surface-border))}.gig-import-draft.rejected{opacity:.72}.gig-import-draft.committed{border-color:color-mix(in srgb, #2f80ed 42%, var(--surface-border))}.gig-import-draft-header,.gig-import-row-actions,.import-warning-list{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gig-import-draft-header>div{flex:1;gap:4px;min-width:220px;display:grid}.gig-import-draft-header span,.gig-import-row-actions span{color:var(--muted)}.import-warning-list span{color:var(--heading);background:#f47d2a29;border-radius:999px;padding:7px 10px;font-size:.84rem}.compact-form-grid{gap:12px}.confidence-high{background:#2f9e4433}.confidence-low{background:#d9480f2e}.gigs-draft{min-height:320px}.draft-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.draft-grid article{background:var(--surface-subtle);border:1px solid color-mix(in srgb, var(--surface-border) 80%, transparent);border-radius:20px;gap:6px;padding:18px;display:grid}.admin-metrics{align-self:stretch}.panel{border-radius:24px;flex-direction:column;gap:20px;min-width:0;max-width:100%;padding:24px;display:flex}.editor-panel{animation:.22s editor-panel-enter}.gig-editor-panel{gap:14px}.gig-editor-panel .panel-heading,.gig-editor-panel .form-grid{gap:10px}.gig-editor-panel .form-grid label,.gig-editor-panel .invoice-adjustment-form label{gap:5px}.gig-editor-panel input,.gig-editor-panel select{border-radius:13px;min-height:40px;padding-inline:12px}.gig-editor-panel textarea{border-radius:13px;min-height:82px;max-height:120px;padding:10px 12px}.gig-editor-panel .checkbox-field{border-radius:14px;min-height:40px;padding:8px 12px}.gig-editor-panel .gig-timeline-note{border-radius:14px;padding:10px 12px}.gig-editor-panel .invoice-adjustment-form{gap:8px;margin-top:0}.editor-slot{opacity:0;contain:layout paint;width:0;min-width:0;transition:width .28s,opacity .18s;overflow:clip}.editor-slot.open{opacity:1;width:clamp(320px,30vw,480px)}.editor-slot>.panel{visibility:hidden;width:clamp(320px,30vw,480px);min-width:320px;transition:transform .28s,opacity .18s,visibility 0s linear .18s;transform:translate(14px)}.editor-slot.open>.panel{visibility:visible;transition:transform .28s,opacity .18s,visibility linear;transform:translate(0)}@keyframes editor-panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-heading>div:first-child{min-width:0}.search-field,.form-grid label{gap:8px;display:grid}.search-field span,.form-grid span{color:var(--muted-strong);font-size:.86rem}.override-field input{transition:background .16s,border-color .16s,box-shadow .16s}.override-field.is-overriding input{background:color-mix(in srgb, #f47d2a 10%, var(--surface-elevated));border-color:color-mix(in srgb, #f47d2a 38%, var(--surface-border));box-shadow:inset 0 0 0 1px #f47d2a1f}.override-field.is-inherited input{background:color-mix(in srgb, var(--surface-subtle) 62%, var(--surface-elevated));border-style:dashed}.client-list{content-visibility:auto;contain-intrinsic-size:500px;gap:12px;padding-right:4px;display:grid;overflow:auto}.compact-record-list{border:1px solid color-mix(in srgb, var(--surface-border) 86%, transparent);background:var(--surface-elevated);border-radius:18px;flex-direction:column;flex:320px;min-width:0;min-height:260px;max-height:min(66svh,760px);display:flex;overflow:hidden auto}@media (width>=1181px){.editor-slot:not(.open){contain:size layout paint;height:0;max-height:0}:is(.workspace>.panel:has(>.compact-record-list),.admin-workspace>.panel:has(>.compact-record-list),.gig-workspace>.panel:has(>.compact-record-list),.editor-slot.open){height:var(--workspace-detail-height);min-height:0}:is(.workspace>.panel:has(>.compact-record-list),.admin-workspace>.panel:has(>.compact-record-list),.gig-workspace>.panel:has(>.compact-record-list)){overflow:hidden}.editor-slot.open>.panel{height:100%;max-height:none;overflow:auto}.compact-record-list{flex-basis:auto;min-height:0;max-height:none}}.compact-list-controls{z-index:4;border:1px solid color-mix(in srgb, var(--surface-border) 86%, transparent);box-shadow:var(--surface-shadow-soft);background:linear-gradient(135deg,#f47d2a14,#0000 58%),#fbf8f2;border-radius:18px;gap:10px;padding:12px;display:grid;position:sticky;top:0}:root[data-theme=dark] .compact-list-controls{background:linear-gradient(135deg,#f47d2a1a,#0000 58%),#18212d}.compact-list-main-controls{grid-template-columns:minmax(0,1fr) minmax(140px,.42fr) max-content;align-items:end;gap:10px;display:grid}.compact-list-controls label{gap:6px;min-width:0;display:grid}.compact-list-controls span{color:var(--muted-strong);font-size:.78rem}.compact-search-field{min-width:0}.compact-list-controls select{border-radius:12px;height:40px;min-height:40px}.compact-filter-chips{flex-wrap:wrap;gap:8px;display:flex}.compact-filter-chip{border:1px solid color-mix(in srgb, var(--surface-border) 90%, transparent);background:var(--surface-elevated);min-height:32px;color:var(--muted-strong);cursor:pointer;font:inherit;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700;transition:background .16s,border-color .16s,color .16s,transform .16s}.compact-filter-chip:hover,.compact-filter-chip:focus-visible,.compact-filter-chip.selected{background:linear-gradient(135deg, #f47d2a24, transparent 62%), var(--surface-accent);border-color:color-mix(in srgb, #f47d2a 42%, var(--surface-border));color:var(--heading)}.compact-filter-chip:hover,.compact-filter-chip:focus-visible{transform:translateY(-1px)}.compact-sort-direction{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--surface-border) 95%, transparent);background:var(--surface-elevated);width:40px;height:40px;min-height:40px;color:var(--heading);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;margin:0;padding:0;font-size:1rem;line-height:1;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.compact-sort-direction:hover,.compact-sort-direction:focus-visible{background:var(--surface-accent);border-color:color-mix(in srgb, var(--heading) 28%, var(--surface-border));transform:translateY(-1px)}.compact-record-row{box-sizing:border-box;border:0;border-bottom:1px solid color-mix(in srgb, var(--surface-border) 74%, transparent);width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border-radius:0;flex:none;align-items:center;gap:12px;display:grid}.compact-record-row:last-child{border-bottom:0}.gig-record-row{grid-template-columns:28px minmax(0,1.45fr) minmax(0,.95fr) minmax(0,.72fr) minmax(0,1fr) minmax(0,.65fr) minmax(0,.75fr)}.invoice-record-row{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.72fr) minmax(0,.72fr) minmax(0,.7fr) minmax(0,.7fr)}.client-record-row{grid-template-columns:minmax(0,1.25fr) minmax(0,1.25fr) minmax(0,.8fr) minmax(0,.8fr)}.admin-record-row{grid-template-columns:minmax(0,1.25fr) minmax(0,1.2fr) minmax(0,.55fr) minmax(0,.65fr) minmax(0,.65fr) minmax(0,.9fr)}.compact-record-header{z-index:2;box-sizing:border-box;background:color-mix(in srgb, var(--surface-subtle) 92%, var(--surface-elevated));width:100%;min-width:0;color:var(--muted-strong);letter-spacing:.12em;text-transform:uppercase;flex:none;align-items:center;gap:12px;padding:10px 14px;font-size:.72rem;font-weight:700;display:grid;position:sticky;top:0}button.compact-record-row{cursor:pointer;min-height:50px;padding:9px 14px;transition:background .16s,box-shadow .16s}button.compact-record-row:hover,button.compact-record-row:focus-visible,button.compact-record-row.selected{background:linear-gradient(135deg, #f47d2a1f, transparent 64%), var(--surface-accent);box-shadow:inset 3px 0 0 color-mix(in srgb, #f47d2a 72%, var(--surface-border))}.compact-record-row strong,.compact-record-row span,.compact-record-row small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.compact-record-row strong{color:var(--heading)}.compact-record-row span,.compact-record-row small{color:var(--muted)}.compact-record-row .compact-status-cell{color:var(--heading);font-weight:700}.compact-money-cell{text-align:right;font-variant-numeric:tabular-nums}.compact-primary-cell{gap:2px;display:grid}.compact-primary-cell span{display:none}.compact-select-toggle{justify-self:center;min-width:0;overflow:hidden}.client-card{text-align:left;border:1px solid var(--surface-border);background:var(--surface-elevated);border-radius:20px;gap:14px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.client-card:hover,.client-card:focus-visible,.client-card.selected{border-color:color-mix(in srgb, #f47d2a 42%, var(--surface-border));box-shadow:var(--surface-shadow-soft);transform:translateY(-2px)}.client-card div{gap:4px;display:grid}.gig-select-toggle{width:fit-content;color:var(--muted-strong);align-items:center;gap:8px;font-size:.84rem;display:inline-flex}.gig-select-toggle input{width:16px;min-width:16px;height:16px;min-height:16px;accent-color:color-mix(in srgb, var(--heading) 72%, white);margin:0;padding:0}.client-card strong,.detail-grid strong{color:var(--heading)}.client-card span,.client-card small,.detail-grid span,.empty-state p{color:var(--muted)}.gig-card-meta{display:block}.gig-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.gig-summary-grid article,.gig-timeline-note{background:var(--surface-subtle);border:1px solid color-mix(in srgb, var(--surface-border) 80%, transparent);border-radius:20px;padding:18px}.gig-summary-grid span{color:var(--heading);font-size:1.6rem;font-weight:700}.gig-summary-grid p,.gig-timeline-note span{color:var(--muted)}.invoice-line-list{gap:10px;margin-top:12px;display:grid}.gig-expense-list{overscroll-behavior:contain;border:1px solid color-mix(in srgb, var(--surface-border) 86%, transparent);background:var(--surface-elevated);-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;border-radius:18px;flex-direction:column;min-height:clamp(280px,38svh,380px);max-height:clamp(360px,58svh,640px);display:flex;overflow:auto}.gig-expense-item{border-bottom:1px solid color-mix(in srgb, var(--surface-border) 74%, transparent);background:0 0;flex:none;grid-template-columns:minmax(0,1fr) minmax(88px,.36fr) auto;align-items:end;gap:6px;padding:8px 10px;display:grid}.gig-expense-item:last-child{border-bottom:0}.gig-expense-item.is-reimbursed{background:linear-gradient(135deg,#2b8c671a,#0000 60%),0 0}.expense-reimbursement-state{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;display:flex}.expense-status-badge{background:var(--surface-subtle);border:1px solid color-mix(in srgb, var(--surface-border) 85%, transparent);min-height:22px;color:var(--muted-strong);border-radius:999px;align-items:center;padding:2px 7px;font-size:.78rem;font-weight:700;display:inline-flex}.expense-status-badge.reimbursed{background:color-mix(in srgb, #2b8c67 14%, var(--surface-subtle));border-color:color-mix(in srgb, #2b8c67 38%, var(--surface-border));color:color-mix(in srgb, #2b8c67 58%, var(--heading))}.expense-status-select{grid-column:1/span 2;max-width:none}.gig-expense-item label{gap:3px;min-width:0;display:grid}.gig-expense-item span{color:var(--muted-strong);font-size:.78rem}.gig-expense-item button{place-self:end;min-height:34px;padding:7px 10px}.gig-expense-item input,.gig-expense-item select{border-radius:12px;min-height:34px}.expense-attachments{grid-column:1/-1;gap:5px;min-width:0;padding-top:2px;display:grid}.expense-attachment-header,.expense-attachment-item{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.expense-attachment-list{gap:8px;min-width:0;display:grid}.expense-attachment-item{background:var(--surface-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;padding:7px 8px;display:grid}.expense-attachment-item button{grid-column:auto;min-width:0}.expense-attachment-item .link-button{overflow-wrap:anywhere;white-space:normal;word-break:break-word}.expense-attachment-item .ghost-button{white-space:nowrap}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;pointer-events:none;position:absolute;inset:0}.attachment-helper{color:var(--muted);margin:0}.link-button{color:var(--link);cursor:pointer;text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.invoice-adjustment-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;margin-top:10px;display:grid}.invoice-adjustment-form label{color:var(--muted);gap:6px;min-width:0;font-size:.9rem;display:grid}.invoice-adjustment-form button{grid-column:1/-1;justify-self:start}@media (width<=1380px){.invoice-adjustment-form{grid-template-columns:1fr}}.invoice-line-item{background:var(--surface-elevated);border:1px solid color-mix(in srgb, var(--surface-border) 85%, transparent);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 16px;display:grid}.invoice-line-item div{gap:4px;display:grid}.invoice-line-item strong{color:var(--heading)}.invoice-line-link{overflow-wrap:anywhere;font-weight:700}.invoice-line-link:hover,.invoice-line-link:focus-visible{color:var(--heading)}.invoice-line-item span{color:var(--muted)}.actions,.form-actions{flex-wrap:wrap;gap:8px;display:flex}.actions{align-items:center}.panel-heading .actions{justify-content:flex-end;gap:6px;max-width:min(100%,620px)}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-grid article{background:var(--surface-subtle);border:1px solid color-mix(in srgb, var(--surface-border) 80%, transparent);border-radius:20px;gap:6px;min-width:0;padding:18px;display:grid}.detail-grid strong,.detail-grid span{overflow-wrap:anywhere;word-break:break-word;min-width:0}.detail-link{width:fit-content;max-width:100%;color:var(--heading);overflow-wrap:anywhere;word-break:break-word;font-weight:700}.detail-link:hover,.detail-link:focus-visible{color:var(--link)}.setting-card{position:relative}.setting-card.override{background:color-mix(in srgb, #f47d2a 13%, var(--surface-subtle));border-color:color-mix(in srgb, #f47d2a 34%, var(--surface-border))}.setting-card.inherited{background:color-mix(in srgb, var(--surface-subtle) 92%, white);border-style:dashed}.client-settings-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.full-width{grid-column:1/-1}.status-pill{color:var(--heading);background:#f47d2a33;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-size:.86rem;line-height:1.2;display:inline-flex}.status-pill a{color:var(--heading);text-underline-offset:3px;font-weight:700;text-decoration:underline}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mileage-estimate-action{flex-wrap:wrap;align-self:end;align-items:center;gap:10px;min-width:0;display:flex}.empty-state{text-align:center;padding:22px}.roomy{align-content:center;min-height:220px}.primary-button,.ghost-button,.danger-button,.client-card,.compact-record-row{font:inherit}.primary-button,.ghost-button,.danger-button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:10px 15px;font-size:.92rem;line-height:1.15;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.panel-heading .primary-button,.panel-heading .ghost-button,.panel-heading .danger-button{min-height:34px;padding:7px 11px;font-size:.82rem}.form-actions .primary-button,.form-actions .ghost-button,.form-actions .danger-button{min-height:44px;padding:12px 18px;font-size:.95rem}.primary-button{background:var(--brand-gradient);color:#fff;box-shadow:var(--surface-shadow-soft)}.ghost-button{background:var(--surface-elevated);color:var(--heading);border-color:var(--surface-border)}.editor-toggle{position:relative}.editor-toggle.active{background:linear-gradient(135deg, #f47d2a29, transparent 62%), var(--surface-accent);border-color:color-mix(in srgb, #f47d2a 46%, var(--surface-border));box-shadow:inset 0 0 0 1px #f47d2a2e, var(--surface-shadow-soft)}.danger-button{color:var(--danger-text);background:#a1282838}.primary-button:hover,.ghost-button:hover,.danger-button:hover,.primary-button:focus-visible,.ghost-button:focus-visible,.danger-button:focus-visible{transform:translateY(-1px)}input,select,button,textarea{font:inherit}input,select{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--surface-border) 95%, transparent);background:var(--surface-elevated);width:100%;min-width:0;min-height:48px;color:var(--heading);border-radius:16px;padding:0 14px}textarea{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--surface-border) 95%, transparent);background:var(--surface-elevated);width:100%;min-width:0;color:var(--heading);resize:vertical;border-radius:16px;padding:14px}input::placeholder{color:var(--input-placeholder)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:var(--focus-ring);outline-offset:2px}.checkbox-field{border:1px solid var(--surface-border);background:var(--surface-elevated);border-radius:16px;align-items:center;gap:12px;min-height:48px;padding:12px 16px;display:flex}.checkbox-field input{width:18px;min-height:auto;accent-color:color-mix(in srgb, var(--heading) 72%, white);margin:0}.checkbox-field span{color:var(--heading);font-size:.92rem}button:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (width<=1180px){.hero-panel,.workspace,.admin-workspace,.gig-workspace,.gig-import-workspace,.app-frame,.auth-panel,.session-card{grid-template-columns:1fr}.content-header-top{align-items:stretch}.content-header-body,.charm-bar{grid-template-columns:1fr}.editor-slot{opacity:0;visibility:hidden;width:100%;min-width:0;max-height:0;transform:none}.editor-slot.open{opacity:1;visibility:visible;width:100%;max-height:2000px}.editor-slot>.panel,.editor-slot.open>.panel{width:100%;min-width:0;height:auto;overflow:visible;transform:none}}@media (width<=760px){.primary-button.return-to-top-button{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));z-index:60;opacity:0;pointer-events:none;box-shadow:var(--surface-shadow-strong);transition:opacity .18s,transform .18s,box-shadow .18s,background .18s;display:inline-flex;position:fixed;transform:translateY(10px)}.primary-button.return-to-top-button.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.app-shell{gap:12px;padding:10px}.hero-panel,.panel{border-radius:18px;gap:14px;padding:14px}.section-layout,.content-shell,.workspace,.admin-workspace,.gig-workspace,.admin-zone{gap:14px}.panel:has(>.compact-record-list){min-height:0}.dashboard-summary,.hero-metrics,.form-grid,.detail-grid,.gig-summary-grid,.seller-profile-layout,.draft-grid,.invoice-adjustment-form,.gig-expense-item{grid-template-columns:1fr}.panel-heading{flex-direction:column}.panel-heading .actions,.settings-header-actions{justify-content:flex-start}.status-pill{border-radius:16px}.compact-record-list{border-radius:14px;min-height:220px;max-height:44svh}.compact-list-controls{border-radius:14px;gap:8px;padding:10px}.compact-list-main-controls{grid-template-columns:minmax(0,1fr) max-content;gap:8px}.compact-search-field{grid-column:1/-1}.compact-sort-direction{justify-self:start}.compact-record-header{display:none}.compact-record-row,.gig-record-row,.invoice-record-row,.client-record-row,.admin-record-row{align-items:start;gap:3px 8px;line-height:1.25}button.compact-record-row{min-height:44px;padding:9px 10px}.gig-record-row{grid-template-columns:20px minmax(0,1fr) max-content}.gig-record-row .compact-select-toggle{grid-area:1/1/span 2;align-self:center}.gig-record-row .compact-primary-cell{grid-area:1/2}.gig-record-row>span:first-of-type,.gig-record-row>span:nth-of-type(5){display:none}.gig-record-row>span:nth-of-type(2){text-align:right;grid-area:1/3}.gig-record-row>span:nth-of-type(3){grid-area:2/2}.gig-record-row>span:nth-of-type(4){text-align:right;grid-area:2/3}.invoice-record-row,.client-record-row{grid-template-columns:minmax(0,1fr) max-content}.invoice-record-row .compact-primary-cell,.client-record-row .compact-primary-cell{grid-area:1/1}.invoice-record-row>span:first-of-type,.invoice-record-row>span:nth-of-type(3),.client-record-row>span:first-of-type{display:none}.invoice-record-row>span:nth-of-type(2),.client-record-row>span:nth-of-type(4){text-align:right;grid-area:1/2}.invoice-record-row>span:nth-of-type(4),.client-record-row>span:nth-of-type(2){grid-area:2/1}.invoice-record-row>span:nth-of-type(5),.client-record-row>span:nth-of-type(3){text-align:right;grid-area:2/2}.admin-record-row{grid-template-columns:minmax(0,1fr) max-content max-content}.admin-record-row .compact-primary-cell{grid-area:1/1}.admin-record-row>span:first-of-type,.admin-record-row>span:nth-of-type(5){display:none}.admin-record-row>span:nth-of-type(2){grid-area:1/2}.admin-record-row>span:nth-of-type(3){grid-area:1/3}.admin-record-row>span:nth-of-type(4){grid-area:2/1/auto/-1}.compact-filter-chips{gap:6px}.compact-filter-chip{min-height:28px;padding:4px 8px;font-size:.78rem}.compact-primary-cell span{display:block}.gig-record-row .compact-select-toggle{margin-bottom:2px}.compact-money-cell{text-align:left}.content-header-top{flex-direction:column;gap:12px}.header-actions{justify-content:space-between;width:100%}.primary-button.quick-receipt-button{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));z-index:70;width:52px;min-width:52px;height:52px;min-height:52px;box-shadow:none;background:0 0;border:0;flex:0 0 52px;justify-content:center;padding:0;position:fixed}.primary-button.quick-receipt-button:hover,.primary-button.quick-receipt-button:focus-visible{box-shadow:none;background:0 0}.quick-receipt-button .quick-receipt-icon{opacity:.62}.quick-receipt-button.mobile-scrolled .quick-receipt-icon,.quick-receipt-button:hover .quick-receipt-icon,.quick-receipt-button:focus-visible .quick-receipt-icon{opacity:1}.content-header.panel{gap:12px;padding:12px;position:relative}.content-header-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}.content-header-copy{grid-column:1;gap:8px;padding-right:66px}.content-header-copy .hero-text{display:none}.content-header-copy h1{text-wrap:balance;max-width:11ch;font-size:clamp(1.7rem,7vw,2.05rem);line-height:.98}.content-header-copy .eyebrow{letter-spacing:.14em}.dashboard-summary{gap:8px}.dashboard-card{border-radius:16px;gap:5px;padding:12px}.dashboard-card span:nth-of-type(n+2){display:none}.outstanding-card strong{font-size:clamp(1.5rem,9vw,2.2rem)}.app-footer{justify-content:flex-start}.build-meta{border-radius:16px;justify-self:start}.hero-mascot{z-index:25;border-radius:16px;gap:0;width:fit-content;padding:6px;display:inline-flex;position:absolute;top:10px;right:10px}.hero-mascot div{display:none}.hero-mascot img{border-radius:14px;width:48px;height:48px}.gig-expense-list{border-radius:14px;min-height:min(360px,50svh);max-height:54svh}.expense-status-select,.gig-expense-item button{grid-column:1/-1}.gig-expense-item button{justify-self:start}.charm-bar{gap:8px}.charm-item{border-radius:14px;padding:10px 12px}.charm-item span:last-child{display:none}.profile-menu{justify-self:start}.profile-dropdown{min-width:min(280px,100vw - 64px);max-width:calc(100vw - 32px);left:50%;right:auto;transform:translate(-90%)}.settings-overlay{padding:14px}.settings-modal{max-height:min(100svh - 28px,860px)}.invoice-generation-preview-modal{gap:12px;overflow:auto}.invoice-generation-preview-frame iframe{height:62svh;min-height:430px}.expense-statement-modal{grid-template-rows:auto auto auto auto auto;gap:10px;height:min(100svh - 28px,860px);overflow:auto}.expense-statement-modal .panel-heading,.expense-statement-footer{gap:10px}.expense-statement-summary{gap:8px}.expense-statement-summary article{padding:9px 10px}.expense-statement-summary span{font-size:1rem}.expense-statement-options .checkbox-field{border-radius:14px;min-height:40px;padding:8px 10px}.gig-imports-modal{height:min(100svh - 28px,860px);overflow:auto}.gig-import-workspace{overflow:visible}.expense-statement-body,.expense-statement-body.has-preview,.expense-statement-body.without-preview{grid-template-columns:1fr;gap:10px;overflow:visible}.expense-statement-options{grid-template-columns:1fr}.expense-statement-gigs{max-height:54svh}.expense-statement-preview{min-height:360px;padding:0;overflow:hidden}.expense-statement-preview iframe{height:48svh;min-height:360px}}