:root{--cc-navy:#0b1a2e;--cc-navy-hover:#132742;--cc-navy-active:#1c3557;--cc-cyan:#54c9f3;--cc-teal:#11808a;--cc-teal-hover:#0e6b74;--cc-teal-active:#0a535a;--cc-bg-canvas:#f7f8fa;--cc-bg-surface:#fff;--cc-bg-subtle:#f1f3f6;--cc-bg-muted:#e4e8ed;--cc-bg-sidebar:#0b1a2e;--cc-bg-sidebar-hover:#132742;--cc-bg-sidebar-active:#1c3557;--cc-bg-brand-tint:#ecf7f8;--cc-bg-overlay:#1a2330;--cc-bg-inverse:#1a2330;--cc-text-primary:#1a2330;--cc-text-secondary:#5b6878;--cc-text-tertiary:#66717f;--cc-text-disabled:#a7b1bd;--cc-text-on-dark:#fff;--cc-text-on-dark-muted:#d9e2ef;--cc-text-on-brand:#fff;--cc-text-brand:#0e6b74;--cc-text-link:#0e6b74;--cc-text-danger:#b42318;--cc-text-success:#1e7a4b;--cc-border-default:#e4e8ed;--cc-border-strong:#d3d9e0;--cc-border-on-dark:#1c3557;--cc-border-focus:#1a96a1;--cc-border-danger:#b42318;--cc-action-primary:#11808a;--cc-action-primary-tint:#e7f3f4;--cc-action-primary-hover:#0e6b74;--cc-action-primary-active:#0a535a;--cc-action-secondary:#fff;--cc-action-secondary-hover:#f7f8fa;--cc-action-danger:#b42318;--cc-action-ghost-hover:#f1f3f6;--cc-icon-default:#5b6878;--cc-icon-muted:#a7b1bd;--cc-icon-brand:#11808a;--cc-icon-on-dark:#d9e2ef;--cc-icon-on-dark-active:#fff;--cc-status-success-fg:#1e7a4b;--cc-status-success-bg:#e1f4e8;--cc-status-warning-fg:#8a5a06;--cc-status-warning-bg:#fcf1d8;--cc-status-danger-fg:#b42318;--cc-status-danger-bg:#fbe7e5;--cc-status-info-fg:#1d5bbf;--cc-status-info-bg:#e3ecfb;--cc-status-neutral-fg:#3a4556;--cc-status-neutral-bg:#f1f3f6;--cc-status-accent-fg:#6b3fb3;--cc-status-accent-bg:#eee7fb;--cc-status-live-fg:#0e6b74;--cc-status-live-bg:#d5eef0;--cc-brand-primary:var(--cc-teal);--cc-brand-primary-hover:var(--cc-teal-hover);--cc-brand-text:var(--cc-teal-hover);--cc-brand-tint:var(--cc-bg-brand-tint);--cc-brand-accent:var(--cc-cyan);--cc-brand-sidebar:var(--cc-navy);--cc-brand-sidebar-hover:var(--cc-navy-hover);--cc-brand-sidebar-active:var(--cc-navy-active);--cc-brand-sidebar-text:#fff;--cc-brand-sidebar-text-muted:#b4c3d8;--cc-brand-sidebar-border:#1c3557;--cc-space-1:4px;--cc-space-2:8px;--cc-space-3:12px;--cc-space-4:16px;--cc-space-5:20px;--cc-space-6:24px;--cc-space-8:32px;--cc-space-10:40px;--cc-space-12:48px;--cc-space-16:64px;--cc-radius-sm:4px;--cc-radius-md:6px;--cc-radius-lg:8px;--cc-radius-xl:12px;--cc-radius-2xl:16px;--cc-radius-pill:999px;--cc-size-sidebar:248px;--cc-size-topbar:56px;--cc-size-control-sm:32px;--cc-size-control:36px;--cc-size-control-lg:40px;--cc-size-icon-sm:16px;--cc-size-icon:20px;--cc-size-icon-lg:24px;--cc-size-avatar-sm:28px;--cc-size-avatar:36px;--cc-size-avatar-lg:48px;--cc-shadow-card:0 1px 2px #1018280d;--cc-shadow-raised:0 4px 12px -2px #10182814;--cc-shadow-popover:0 8px 24px -4px #1018281f;--cc-shadow-modal:0 16px 48px -8px #1018282e;--cc-font:"Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cc-type-display:600 32px/40px var(--cc-font);--cc-type-h24:600 24px/32px var(--cc-font);--cc-type-h18:600 18px/26px var(--cc-font);--cc-type-h15:600 15px/22px var(--cc-font);--cc-type-body:400 14px/20px var(--cc-font);--cc-type-body-medium:500 14px/20px var(--cc-font);--cc-type-body-semibold:600 14px/20px var(--cc-font);--cc-type-body-13:400 13px/18px var(--cc-font);--cc-type-body-13-medium:500 13px/18px var(--cc-font);--cc-type-caption:400 12px/16px var(--cc-font);--cc-type-caption-medium:500 12px/16px var(--cc-font);--cc-type-caption-11:400 11px/16px var(--cc-font);--cc-type-overline:600 11px/16px var(--cc-font);--cc-type-metric:600 28px/34px var(--cc-font);--cc-type-metric-22:600 22px/28px var(--cc-font);--cc-type-button:500 14px/20px var(--cc-font);--cc-type-button-13:500 13px/18px var(--cc-font);--paper:var(--cc-bg-canvas);--surface:var(--cc-bg-surface);--border:var(--cc-border-default);--muted:var(--cc-text-secondary);--ink:var(--cc-text-primary);--line:var(--cc-border-default)}.workspace,.auth-page.provider-auth,.public-booking,.technician-shell,.team-shell{--cc-brand-primary:var(--accent-ink,var(--cc-teal));--cc-brand-primary-hover:color-mix(in srgb, var(--accent-ink,var(--cc-teal)) 85%, #000);--cc-brand-text:var(--accent-ink,var(--cc-teal-hover));--cc-brand-tint:color-mix(in srgb, var(--brand,var(--cc-teal)) 10%, white);--cc-brand-accent:var(--brand,var(--cc-cyan));--cc-brand-sidebar:color-mix(in srgb, var(--brand,var(--cc-teal)) 25%, #04291f);--cc-brand-sidebar-hover:color-mix(in srgb, var(--brand,var(--cc-teal)) 32%, #04291f);--cc-brand-sidebar-active:color-mix(in srgb, var(--brand,var(--cc-teal)) 45%, #04291f);--cc-brand-sidebar-text-muted:color-mix(in srgb, var(--brand,var(--cc-teal)) 55%, white);--cc-brand-sidebar-border:#ffffff1f;--tint:var(--cc-brand-tint);--tint-strong:color-mix(in srgb, var(--brand,var(--cc-teal)) 20%, white);--tint-border:color-mix(in srgb, var(--brand,var(--cc-teal)) 24%, var(--cc-border-default))}.workspace.contractor-mode{--border:var(--cc-border-default);--ink:var(--cc-text-primary);--muted:var(--cc-text-secondary);--sidebar-width:var(--cc-size-sidebar);--connect-line:var(--cc-border-default)}.workspace{--sidebar-width:var(--cc-size-sidebar)}body{font:var(--cc-type-body);color:var(--cc-text-primary);background:var(--cc-bg-canvas);-webkit-font-smoothing:antialiased}h1{font:var(--cc-type-display);letter-spacing:-.8px;color:var(--cc-text-primary)}h2{font:var(--cc-type-h18);letter-spacing:-.3px;color:var(--cc-text-primary)}h3{font:var(--cc-type-h15);letter-spacing:-.1px;color:var(--cc-text-primary)}p{color:var(--cc-text-secondary)}small{font:var(--cc-type-caption);color:var(--cc-text-tertiary)}.eyebrow,.nav-label,.portal-nav-heading{font:var(--cc-type-overline);letter-spacing:.6px;text-transform:uppercase;color:var(--cc-text-tertiary)}.subtle{font:var(--cc-type-caption);color:var(--cc-text-tertiary)}:focus-visible{outline:2px solid var(--cc-border-focus);outline-offset:2px}.button,.workspace .button{font:var(--cc-type-button);min-height:var(--cc-size-control);border-radius:var(--cc-radius-lg);background:var(--cc-action-primary);color:var(--cc-text-on-brand);box-shadow:none;border:1px solid #0000;gap:8px;padding:8px 14px;transition:background .12s,border-color .12s,box-shadow .12s}.workspace .button:not(.secondary):not(.danger),.public-booking .button:not(.secondary):not(.danger){background:var(--cc-brand-primary);color:var(--cc-text-on-brand)}.button:hover,.workspace .button:hover{filter:none;background:var(--cc-action-primary-hover)}.workspace .button:not(.secondary):not(.danger):hover{background:var(--cc-brand-primary-hover)}.button:active{transform:none}.button.secondary,.workspace .button.secondary{background:var(--cc-action-secondary);color:var(--cc-text-primary);border-color:var(--cc-border-strong)}.button.secondary:hover,.workspace .button.secondary:hover{background:var(--cc-action-secondary-hover);border-color:var(--cc-border-strong)}.button.danger,.workspace .button.danger{background:var(--cc-action-danger);color:#fff}.button.danger:hover{background:#8f1c13}.button:disabled,.workspace .button:disabled{opacity:.55;cursor:not-allowed;filter:none}.button svg{width:var(--cc-size-icon-sm);height:var(--cc-size-icon-sm)}.text-button,.workspace .text-button{font:var(--cc-type-button-13);color:var(--cc-brand-text,var(--cc-text-link));min-height:var(--cc-size-control-sm);gap:6px}.icon-button,.workspace .icon-button{width:var(--cc-size-control);height:var(--cc-size-control);border-radius:var(--cc-radius-lg);border-color:var(--cc-border-default);color:var(--cc-icon-default);background:var(--cc-bg-surface)}.icon-button:hover{background:var(--cc-action-ghost-hover)}input,select,textarea,.workspace input,.workspace select,.workspace textarea{font:var(--cc-type-body);color:var(--cc-text-primary);background:var(--cc-bg-surface);border:1px solid var(--cc-border-strong);border-radius:var(--cc-radius-md);min-height:var(--cc-size-control);padding:7px 12px}input::placeholder,textarea::placeholder{color:var(--cc-text-tertiary)}input:focus,select:focus,textarea:focus,.workspace input:focus,.workspace select:focus,.workspace textarea:focus{border-color:var(--cc-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--cc-border-focus) 22%, transparent);outline:none}.field>label,.field label,label.field>span:first-child,.settings-editor form>label,.settings-editor fieldset>label{font:var(--cc-type-body-13-medium);color:var(--cc-text-primary)}.field small{font:var(--cc-type-caption);color:var(--cc-text-tertiary)}.check-line,.checks label{font:var(--cc-type-body)}.badge,.workspace .badge,.small-pill,.workspace .small-pill{font:var(--cc-type-caption-medium);border-radius:var(--cc-radius-pill);text-transform:none;background:var(--cc-status-neutral-bg);color:var(--cc-status-neutral-fg);letter-spacing:0;gap:6px;padding:3px 9px}.badge:first-letter{text-transform:uppercase}.badge i{opacity:.9;width:6px;height:6px}.badge.green{background:var(--cc-status-success-bg);color:var(--cc-status-success-fg)}.badge.amber{background:var(--cc-status-warning-bg);color:var(--cc-status-warning-fg)}.badge.neutral{background:var(--cc-status-neutral-bg);color:var(--cc-status-neutral-fg)}.badge.blue,.badge.info{background:var(--cc-status-info-bg);color:var(--cc-status-info-fg)}.badge.red,.badge.danger{background:var(--cc-status-danger-bg);color:var(--cc-status-danger-fg)}.badge.live{background:var(--cc-status-live-bg);color:var(--cc-status-live-fg)}.badge.accent{background:var(--cc-status-accent-bg);color:var(--cc-status-accent-fg)}.count,.workspace .count{font:var(--cc-type-caption-medium);border-radius:var(--cc-radius-pill);background:var(--cc-bg-subtle);color:var(--cc-text-secondary);border-color:#0000;padding:1px 8px}.test-banner,.workspace .test-banner{background:var(--cc-status-warning-bg);height:28px;color:var(--cc-status-warning-fg);font:var(--cc-type-caption-medium);letter-spacing:0;text-transform:none;border-bottom:1px solid #f1e3bf}.test-banner>span:last-child,.workspace .test-banner>span:last-child{font:var(--cc-type-caption);color:var(--cc-status-warning-fg);margin-left:6px}.test-dot{background:var(--cc-status-warning-fg);width:6px;height:6px}.workspace .sidebar,.workspace:not(.customer-mode):not(.contractor-mode) .sidebar{width:var(--cc-size-sidebar);border-right:1px solid var(--cc-border-default);padding:20px 16px 16px;top:28px}.workspace .sidebar .portal-nav-heading,.workspace.contractor-mode .sidebar .portal-nav-heading{font:var(--cc-type-overline);letter-spacing:.6px;margin:0 0 6px;padding:0 12px}.workspace .sidebar nav,.workspace .sidebar .portal-nav-group{gap:2px}.workspace .sidebar nav button,.workspace .ecosystem-nav-link,.workspace.contractor-mode .sidebar nav button,.workspace.contractor-mode .sidebar .ecosystem-nav-link{font:var(--cc-type-body-medium);border-radius:var(--cc-radius-md);gap:12px;min-height:36px;padding:8px 12px}.workspace .sidebar nav button b,.workspace.contractor-mode .sidebar nav button b{font:var(--cc-type-caption-medium);border-radius:var(--cc-radius-pill);place-items:center;min-width:22px;height:20px;padding:0 7px;display:inline-grid}.workspace .sidebar-bottom,.workspace.contractor-mode .sidebar-bottom{margin-top:auto;padding-top:16px}.workspace .account,.workspace.contractor-mode .account{border-top:0;gap:10px;padding:16px 4px 0}.workspace .account strong{font:var(--cc-type-body-13-medium)}.workspace .account small{font:var(--cc-type-caption-11)}.workspace .account .avatar,.workspace.contractor-mode .account .avatar{width:var(--cc-size-avatar-sm);height:var(--cc-size-avatar-sm);font:var(--cc-type-caption-medium)}.workspace.customer-mode .sidebar{background:var(--cc-bg-surface);color:var(--cc-text-primary);border-right:1px solid var(--cc-border-default)}.workspace.customer-mode .brand-lockup>strong{font:var(--cc-type-body-semibold);color:var(--cc-text-primary);letter-spacing:0}.workspace.customer-mode .sidebar .brand-slogan{font:var(--cc-type-caption);color:var(--cc-text-secondary)}.workspace.customer-mode .sidebar nav button,.workspace.customer-mode .ecosystem-nav-link{color:var(--cc-text-secondary)}.workspace.customer-mode .sidebar nav button:hover,.workspace.customer-mode .ecosystem-nav-link:hover{background:var(--cc-action-ghost-hover);color:var(--cc-text-primary)}.workspace.customer-mode .sidebar nav button.active{background:var(--cc-brand-tint);color:var(--brand-text,var(--cc-brand-text));box-shadow:inset 3px 0 0 var(--brand);font-weight:600}.workspace.customer-mode .sidebar nav button b{background:var(--cc-brand-primary);color:var(--cc-text-on-brand)}.workspace.customer-mode .provider-contact{border:1px solid var(--cc-border-default);border-radius:var(--cc-radius-lg);padding:12px}.workspace.customer-mode .provider-contact small{font:var(--cc-type-overline);color:var(--cc-text-tertiary)}.workspace.customer-mode .provider-contact strong{font:var(--cc-type-body-medium);color:var(--cc-text-primary)}.workspace.customer-mode .provider-contact a{font:var(--cc-type-body-13);color:var(--cc-brand-text)}.workspace.customer-mode .account .avatar{background:var(--cc-brand-tint);color:var(--cc-brand-text)}.topbar,.workspace .topbar{height:var(--cc-size-topbar);background:var(--cc-bg-surface);border-bottom:1px solid var(--cc-border-default);font:var(--cc-type-body-13);color:var(--cc-text-secondary);border-top:0;padding:0 32px}.workspace .topbar>span:first-child{color:var(--cc-text-secondary)}.workspace .topbar .secure{font:var(--cc-type-caption-medium);color:var(--cc-status-warning-fg);background:var(--cc-status-warning-bg);border-radius:var(--cc-radius-pill);padding:4px 10px}.workspace .connect-account-trigger,.workspace .connect-header-action{min-height:var(--cc-size-control);border-radius:var(--cc-radius-lg)}.workspace .connect-topbar-avatar{width:var(--cc-size-avatar-sm);height:var(--cc-size-avatar-sm);background:var(--cc-brand-tint);color:var(--cc-brand-text);font:var(--cc-type-caption-medium)}.workspace .main{max-width:1440px;padding:32px 32px 24px}.workspace .page-heading{gap:24px;margin-bottom:24px}.workspace .page-heading h1{font:var(--cc-type-display);letter-spacing:-.8px}.workspace .page-heading p{font:var(--cc-type-body);color:var(--cc-text-secondary);margin-top:6px}.workspace .page-heading .eyebrow{display:none}.workspace .main-footer{font:var(--cc-type-caption);color:var(--cc-text-tertiary);padding-top:32px}.workspace .main-footer>span:last-child{font:var(--cc-type-caption)}.panel,.workspace .panel,.settings-card,.workspace .settings-card{border-radius:var(--cc-radius-lg);border:1px solid var(--cc-border-default);background:var(--cc-bg-surface);box-shadow:var(--cc-shadow-card)}.section-heading,.workspace .section-heading{border-bottom:1px solid var(--cc-border-default);padding:16px 20px}.section-heading h2,.workspace .section-heading h2{font:var(--cc-type-h15);letter-spacing:-.1px}.section-heading p,.workspace .section-heading p{font:var(--cc-type-caption);color:var(--cc-text-secondary);margin-top:2px}.workspace .section-heading+.job-list .job-row:first-child,.workspace .section-heading+div>.job-row:first-child{border-top:0}.stats,.workspace .stats{gap:16px;margin-bottom:24px}.stat,.workspace .stat{border-radius:var(--cc-radius-lg);box-shadow:var(--cc-shadow-card);border-color:var(--cc-border-default);padding:18px 20px}.stat>div,.workspace .stat>div{font:var(--cc-type-body-13);color:var(--cc-text-secondary)}.stat>div svg,.workspace .stat>div svg{background:var(--cc-brand-tint);color:var(--cc-brand-text);border-radius:var(--cc-radius-md);box-sizing:content-box;width:16px;height:16px;padding:6px}.stat>strong,.workspace .stat>strong{font:var(--cc-type-metric);letter-spacing:-.6px;color:var(--cc-text-primary);margin:12px 0 6px}.stat p,.workspace .stat p{font:var(--cc-type-caption);color:var(--cc-text-tertiary)}.job-row,.workspace .job-row{border-top:1px solid var(--cc-border-default);gap:12px;min-height:64px;padding:14px 20px}.job-row:hover,.workspace .job-row:hover{background:var(--cc-bg-canvas)}.job-icon,.workspace .job-icon{border-radius:var(--cc-radius-lg);background:var(--cc-bg-subtle);width:36px;height:36px;color:var(--cc-icon-default)}.job-row[data-active-work] .job-icon{background:var(--cc-status-live-bg);color:var(--cc-status-live-fg)}.job-name strong,.workspace .job-name strong{font:var(--cc-type-body-medium);color:var(--cc-text-primary)}.job-name>span,.workspace .job-name>span{font:var(--cc-type-caption);color:var(--cc-text-secondary);margin-top:2px}.job-time,.workspace .job-time{font:var(--cc-type-body-13);color:var(--cc-text-secondary);max-width:190px}.workspace .job-time.appointment-time{font:var(--cc-type-body-13-medium);color:var(--cc-text-primary)}.table-wrap th,.workspace .table-wrap th{font:var(--cc-type-overline);letter-spacing:.6px;text-transform:uppercase;color:var(--cc-text-tertiary);background:var(--cc-bg-subtle);border-bottom:1px solid var(--cc-border-default);padding:10px 20px}.table-wrap td,.workspace .table-wrap td{font:var(--cc-type-body-13);border-bottom:1px solid var(--cc-border-default);color:var(--cc-text-primary);padding:14px 20px}.table-wrap td small,.workspace .table-wrap td small{font:var(--cc-type-caption);color:var(--cc-text-secondary)}.empty,.workspace .empty{padding:40px 24px 44px}.empty-icon,.workspace .empty-icon{border-radius:var(--cc-radius-xl);background:var(--cc-bg-subtle);width:48px;height:48px;color:var(--cc-icon-default);margin-bottom:14px}.empty h3,.workspace .empty h3{font:var(--cc-type-h15)}.empty p,.workspace .empty p{font:var(--cc-type-body-13);color:var(--cc-text-secondary)}.list-toolbar{gap:12px;padding:12px 20px 16px}.workspace .search-field input{min-height:var(--cc-size-control);background:var(--cc-bg-surface);font:var(--cc-type-body);border-radius:var(--cc-radius-md)}.list-toolbar>select{min-height:var(--cc-size-control);font:var(--cc-type-body-13)}.workspace .next-steps{border-radius:var(--cc-radius-lg);box-shadow:var(--cc-shadow-card);padding:0}.workspace .next-steps>.eyebrow,.workspace .next-steps>h2,.workspace .next-steps>div,.workspace .next-steps>p,.workspace .next-steps>.next-appointment,.workspace .next-steps>.next-appointment-empty,.workspace .next-steps>.quick-actions{margin-left:20px;margin-right:20px}.workspace .next-steps>.eyebrow{margin-top:16px;display:block}.workspace .next-steps h2{font:var(--cc-type-h15);margin:4px 20px 12px}.next-appointment{border-radius:var(--cc-radius-lg);background:var(--cc-brand-tint);padding:14px 16px}.next-appointment>strong{font:var(--cc-type-body-semibold)}.next-appointment>span:not(.text-button){font:var(--cc-type-caption)}.quick-actions>button{font:var(--cc-type-body-13-medium);color:var(--cc-text-primary);padding:12px 0}.workspace .next-steps>.quick-actions{margin-bottom:8px}.welcome-card{border:1px solid var(--cc-border-default);border-radius:var(--cc-radius-lg);background:var(--cc-bg-surface)}.modal{border-radius:var(--cc-radius-xl);box-shadow:var(--cc-shadow-modal);border-color:var(--cc-border-default)}.modal::backdrop{background:color-mix(in srgb, var(--cc-bg-overlay) 55%, transparent)}.modal>header{padding:20px 24px}.modal>header h2{font:var(--cc-type-h18)}.modal>header p{font:var(--cc-type-body-13);color:var(--cc-text-secondary);margin-top:4px}.modal-body{padding:20px 24px}.toast{border-radius:var(--cc-radius-lg);box-shadow:var(--cc-shadow-popover);font:var(--cc-type-body-13-medium)}.inline-warning,.status-note{border-radius:var(--cc-radius-lg);font:var(--cc-type-body-13)}.inline-warning{background:var(--cc-status-warning-bg);color:var(--cc-status-warning-fg);border:1px solid #f1e3bf}.action-section{border-radius:var(--cc-radius-lg);border:1px solid var(--cc-border-default)}.action-section h3,.proposal h3,.diagnosis h3{font:var(--cc-type-h15)}.price-line,.price-summary{font:var(--cc-type-body-13)}.proposal-total{font:var(--cc-type-metric-22)}.payment-history li,.timeline li,.message{font:var(--cc-type-body-13)}.workspace .connect-attention .connect-card-heading h2,.workspace .connect-card-heading h2{font:var(--cc-type-h15)}.workspace .connect-heading-icon{border-radius:var(--cc-radius-lg);background:var(--cc-brand-tint);width:32px;height:32px;color:var(--cc-brand-text)}.workspace.customer-mode .stat>div svg{background:var(--cc-brand-tint);color:var(--cc-brand-text)}.workspace.customer-mode .next-steps{display:grid}.public-booking{--accent-ink:var(--booking-accent,var(--booking-color))}.public-booking .booking-card{border-radius:var(--cc-radius-xl);box-shadow:var(--cc-shadow-card);border-top-width:1px;border-color:var(--cc-border-default)}.public-booking .booking-intro h2{font:var(--cc-type-display);letter-spacing:-.8px}.public-booking .booking-intro p{font:var(--cc-type-body);color:var(--cc-text-secondary)}.public-booking .booking-card h2{font:var(--cc-type-h18)}.public-booking .booking-primary,.public-booking .booking-secondary{font:var(--cc-type-button);min-height:var(--cc-size-control-lg);border-radius:var(--cc-radius-lg)}.public-booking .booking-test{background:var(--cc-status-warning-bg);color:var(--cc-status-warning-fg);font:var(--cc-type-caption-medium);border-radius:var(--cc-radius-pill);border-color:#f1e3bf}.ecosystem-shell .button{background:var(--cc-action-primary);border-radius:var(--cc-radius-lg);font:var(--cc-type-button);min-height:var(--cc-size-control)}.ecosystem-shell .button.secondary{background:var(--cc-action-secondary);color:var(--cc-text-primary);border:1px solid var(--cc-border-strong)}.ecosystem-card{border-radius:var(--cc-radius-lg);border:1px solid var(--cc-border-default);box-shadow:var(--cc-shadow-card)}@media (max-width:780px){.workspace .sidebar,.workspace.contractor-mode .sidebar,.workspace:not(.customer-mode):not(.contractor-mode) .sidebar{padding:10px 16px}.workspace .main{padding:20px 16px 16px}.workspace .page-heading h1{font:var(--cc-type-h24);letter-spacing:-.5px}.workspace .stats{gap:10px}.workspace .stat{padding:14px 16px}.workspace .stat>strong{font:var(--cc-type-metric)}.topbar,.workspace .topbar{height:48px;padding:0 16px}.workspace .job-row{padding:12px 16px}}.connect-auth{--connect-accent:var(--cc-action-primary);--connect-button:var(--cc-action-primary);--connect-button-ink:#fff;background:var(--cc-bg-canvas)}.connect-auth.provider-auth{--connect-accent:var(--brand-text,var(--cc-brand-text));--connect-button:var(--portal-action,var(--brand,var(--cc-brand-primary)));--connect-button-ink:var(--portal-action-ink,var(--brand-ink,#fff))}.connect-auth .auth-form{border:1px solid var(--cc-border-default);border-radius:var(--cc-radius-2xl);box-shadow:var(--cc-shadow-modal)}.connect-auth .auth-form>.eyebrow{font:var(--cc-type-overline);letter-spacing:.6px;color:var(--cc-text-tertiary)}.connect-auth .auth-form>h1,.connect-auth .auth-form>h2{font:var(--cc-type-h24);letter-spacing:-.5px;color:var(--cc-text-primary)}.connect-auth .auth-form>p{font:var(--cc-type-body);color:var(--cc-text-secondary)}.connect-auth .auth-form form>label>span:first-child,.connect-auth .auth-form .connect-auth-field>label,.connect-auth .auth-form .connect-auth-field>span:first-child{font:var(--cc-type-body-13-medium);color:var(--cc-text-primary)}.connect-auth .auth-form input:not([type=checkbox]):not([type=color]),.connect-auth .auth-form select{min-height:var(--cc-size-control-lg);border:1px solid var(--cc-border-strong);border-radius:var(--cc-radius-lg);background:var(--cc-bg-surface);color:var(--cc-text-primary);font:var(--cc-type-body)}.connect-auth .auth-form input:not([type=checkbox]):not([type=color]):focus-visible,.connect-auth .auth-form select:focus-visible{outline:2px solid var(--connect-accent);outline-offset:0;border-color:var(--connect-accent)}.connect-auth .auth-form .button:not(.secondary){min-height:var(--cc-size-control-lg);border-radius:var(--cc-radius-lg);font:var(--cc-type-button)}.connect-auth .auth-form .button:not(.secondary):hover:not(:disabled){filter:none;background:color-mix(in srgb, var(--connect-button) 88%, #000);border-color:color-mix(in srgb, var(--connect-button) 88%, #000)}.connect-auth .auth-account-links :is(a,button){min-height:var(--cc-size-control);border:1px solid var(--cc-border-strong);border-radius:var(--cc-radius-lg);color:var(--connect-accent);font:var(--cc-type-button-13)}.connect-auth .auth-account-links :is(a,button):hover{background:var(--cc-action-secondary-hover)}.connect-auth .auth-account-links>p{font:var(--cc-type-caption);color:var(--cc-text-secondary)}.connect-auth .auth-form a{color:var(--connect-accent);font:var(--cc-type-caption-medium)}.connect-auth .auth-divider{font:var(--cc-type-caption);color:var(--cc-text-tertiary)}.connect-auth .auth-divider:before,.connect-auth .auth-divider:after{background:var(--cc-border-default)}.connect-auth .auth-note,.connect-auth .auth-form .inline-note{font:var(--cc-type-caption);color:var(--cc-text-secondary);border-radius:var(--cc-radius-lg);background:var(--cc-bg-subtle)}.connect-auth .auth-story{background:var(--cc-navy)}.connect-auth .auth-story .eyebrow{font:var(--cc-type-overline);letter-spacing:.6px}.connect-auth .auth-story h1 em{color:var(--cc-cyan)}.connect-auth .connect-auth-benefits li{font:var(--cc-type-body-13)}.connect-auth .connect-auth-benefits li>span{border-radius:var(--cc-radius-lg)}.connect-auth .auth-story h1{color:#fff}