@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--rgb-accent: 255 203 31;--rgb-success: 61 214 140;--rgb-danger: 245 83 75;--rgb-info: 91 168 245;--rgb-black: 0 0 0;--color-bg-primary: #080808;--color-bg-secondary: #0F0F0E;--color-surface-1: #161614;--color-surface-2: #1D1D1A;--color-surface-3: #252521;--color-surface-hover: #2A2A25;--color-border-default: #2A2A25;--color-border-subtle: #1E1E1A;--color-border-strong: #3A3A33;--color-border-focus: var(--color-accent);--color-accent: #FFCB1F;--color-accent-hover: #FFD84A;--color-accent-pressed: #E0B000;--color-accent-glow: rgb(var(--rgb-accent) / .22);--color-accent-soft-2: rgb(var(--rgb-accent) / .05);--color-accent-soft: rgb(var(--rgb-accent) / .08);--color-accent-tint: rgb(var(--rgb-accent) / .15);--color-accent-tint-strong: rgb(var(--rgb-accent) / .2);--color-accent-border: rgb(var(--rgb-accent) / .3);--color-accent-border-strong: rgb(var(--rgb-accent) / .4);--color-accent-text: #000000;--color-accent-ink: var(--color-accent);--color-success-ink: var(--color-success);--color-danger-ink: var(--color-danger);--color-info-ink: var(--color-info);--color-pro-gradient-start: #1A1500;--color-pro-gradient-end: #1C1408;--gradient-pro-card: linear-gradient(135deg, var(--color-pro-gradient-start) 0%, var(--color-pro-gradient-end) 100%);--gradient-install: linear-gradient(135deg, #0D1A00 0%, #101A02 40%, var(--color-surface-1) 100%);--gradient-tip: linear-gradient(135deg, #0D1520 0%, #0A1018 100%);--gradient-highlight: linear-gradient(135deg, #1A1700 0%, var(--color-surface-1) 100%);--gradient-hero: linear-gradient(180deg, #0F0C00 0%, var(--color-bg-primary) 100%);--color-success: #3DD68C;--color-success-glow: rgb(var(--rgb-success) / .14);--color-success-soft: rgb(var(--rgb-success) / .07);--color-success-tint: rgb(var(--rgb-success) / .15);--color-success-tint-strong: rgb(var(--rgb-success) / .2);--color-success-border: rgb(var(--rgb-success) / .3);--color-success-border-strong: rgb(var(--rgb-success) / .4);--color-danger: #F5534B;--color-danger-glow: rgb(var(--rgb-danger) / .14);--color-danger-soft: rgb(var(--rgb-danger) / .07);--color-danger-tint: rgb(var(--rgb-danger) / .15);--color-danger-tint-strong: rgb(var(--rgb-danger) / .2);--color-danger-border: rgb(var(--rgb-danger) / .3);--color-danger-border-strong: rgb(var(--rgb-danger) / .4);--color-info: #5BA8F5;--color-info-glow: rgb(var(--rgb-info) / .14);--color-info-soft: rgb(var(--rgb-info) / .07);--color-info-tint: rgb(var(--rgb-info) / .15);--color-info-tint-strong: rgb(var(--rgb-info) / .2);--color-info-border: rgb(var(--rgb-info) / .3);--color-info-border-strong: rgb(var(--rgb-info) / .4);--color-warning: var(--color-accent);--color-scrim: rgb(var(--rgb-black) / .65);--color-shadow-soft: rgb(var(--rgb-black) / .3);--color-text-primary: #F2F0E8;--color-text-secondary: #9B9889;--color-text-tertiary: #94917F;--color-text-disabled: #3A3830;--color-text-on-accent: #000000;--color-text-link: var(--color-accent-ink);--font-display: "Manrope", sans-serif;--font-body: "DM Sans", sans-serif;--text-hero: clamp(2.5rem, 6vw, 4rem);--text-h1: clamp(1.75rem, 4vw, 2.5rem);--text-h2: clamp(1.375rem, 3vw, 1.75rem);--text-h3: clamp(1.125rem, 2.5vw, 1.375rem);--text-h4: 1rem;--text-body: .9375rem;--text-body-sm: .8125rem;--text-caption: .6875rem;--text-overline: .625rem;--weight-regular: 400;--weight-medium: 500;--weight-semi: 600;--weight-bold: 700;--weight-heavy: 800;--weight-black: 900;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.6;--leading-loose: 1.8;--tracking-tight: -.04em;--tracking-normal: -.01em;--tracking-wide: .08em;--tracking-wider: .14em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 24px var(--color-accent-glow), 0 0 56px var(--color-accent-glow);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3), 0 0 1px rgba(255, 203, 31, .05);--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, 0, 1);--ease-snappy: cubic-bezier(.2, 0, 0, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--duration-enter: .45s;--max-width-mobile: 430px;--max-width-content: 960px;--max-width-wide: 1200px;--sidebar-width: 260px;--tab-bar-height: 72px;--shell-max: var(--max-width-mobile);--content-max: var(--max-width-mobile);--nav-offset: 0px;--gutter: var(--space-4);--card-pad: var(--space-5);--section-gap: var(--space-3)}:root[data-theme=light]{--color-bg-primary: #FAF9F5;--color-bg-secondary: #F4F2EC;--color-surface-1: #FFFFFF;--color-surface-2: #F2F0E9;--color-surface-3: #E8E5DB;--color-surface-hover: #E2DED2;--color-border-default: #DCD8CB;--color-border-subtle: #E9E6DC;--color-border-strong: #C3BDAB;--color-accent: #FFCB1F;--color-accent-hover: #FFD84A;--color-accent-pressed: #E0B000;--color-accent-ink: #6F4E00;--color-success-ink: #10714A;--color-danger-ink: #B3261E;--color-info-ink: #14589E;--color-accent-soft-2: rgb(var(--rgb-accent) / .12);--color-accent-soft: rgb(var(--rgb-accent) / .18);--color-accent-tint: rgb(var(--rgb-accent) / .28);--color-accent-tint-strong: rgb(var(--rgb-accent) / .38);--color-accent-border: rgb(var(--rgb-accent) / .55);--color-accent-border-strong: rgb(var(--rgb-accent) / .75);--color-accent-glow: rgb(var(--rgb-accent) / .35);--color-success-soft: rgb(var(--rgb-success) / .14);--color-success-tint: rgb(var(--rgb-success) / .22);--color-success-tint-strong: rgb(var(--rgb-success) / .3);--color-success-border: rgb(var(--rgb-success) / .45);--color-success-border-strong: rgb(var(--rgb-success) / .6);--color-success-glow: rgb(var(--rgb-success) / .22);--color-danger-soft: rgb(var(--rgb-danger) / .1);--color-danger-tint: rgb(var(--rgb-danger) / .18);--color-danger-tint-strong: rgb(var(--rgb-danger) / .26);--color-danger-border: rgb(var(--rgb-danger) / .42);--color-danger-border-strong: rgb(var(--rgb-danger) / .58);--color-danger-glow: rgb(var(--rgb-danger) / .2);--color-info-soft: rgb(var(--rgb-info) / .12);--color-info-tint: rgb(var(--rgb-info) / .2);--color-info-tint-strong: rgb(var(--rgb-info) / .28);--color-info-border: rgb(var(--rgb-info) / .45);--color-info-border-strong: rgb(var(--rgb-info) / .6);--color-info-glow: rgb(var(--rgb-info) / .22);--color-text-primary: #1A1813;--color-text-secondary: #5C584B;--color-text-tertiary: #6E6A5B;--color-text-disabled: #B5B0A0;--color-text-on-accent: #000000;--color-pro-gradient-start: #FFF6DC;--color-pro-gradient-end: #FDF0CE;--gradient-install: linear-gradient(135deg, #E9F7E4 0%, #EEF8E9 40%, var(--color-surface-1) 100%);--gradient-tip: linear-gradient(135deg, #E6F0FA 0%, #EFF5FC 100%);--gradient-highlight: linear-gradient(135deg, #FFF6DC 0%, var(--color-surface-1) 100%);--gradient-hero: linear-gradient(180deg, #FFF8E4 0%, var(--color-bg-primary) 100%);--color-scrim: rgb(var(--rgb-black) / .4);--color-shadow-soft: rgb(var(--rgb-black) / .08);--shadow-sm: 0 1px 2px rgb(var(--rgb-black) / .06);--shadow-md: 0 4px 12px rgb(var(--rgb-black) / .1);--shadow-lg: 0 8px 28px rgb(var(--rgb-black) / .14);--shadow-xl: 0 16px 48px rgb(var(--rgb-black) / .18);--shadow-card: 0 2px 8px rgb(var(--rgb-black) / .08), 0 0 1px rgb(var(--rgb-accent) / .2);--shadow-glow: 0 4px 16px rgb(var(--rgb-accent) / .45)}*,*:before,*:after{box-sizing:border-box}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;scroll-behavior:auto!important}}html,body,#root{margin:0;min-height:100%;overflow-x:hidden;overflow-x:clip}html{scroll-padding-bottom:calc(var(--tab-bar-height) + var(--space-4))}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-normal)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;max-width:var(--shell-max);margin:0 auto;background:var(--color-bg-primary);overflow-x:hidden;overflow-x:clip}.app-content{padding:var(--space-6) var(--space-4) calc(var(--tab-bar-height) + var(--space-10))}.screen{display:grid;gap:var(--space-3);animation:fadeUp var(--duration-enter) var(--ease-smooth) both;width:100%;min-width:0}.screen>*{min-width:0}.screen__title{margin:0;font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.screen__description{margin:0;color:var(--color-text-secondary)}.screen__hint{margin-top:var(--space-2);color:var(--color-text-secondary)}.app-tab-bar{position:fixed;left:50%;right:auto;bottom:0;width:min(100%,var(--max-width-mobile));transform:translate(-50%);z-index:20}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.brand-loader-mark{animation:brand-loader-pulse 1.8s var(--ease-smooth) infinite}@keyframes brand-loader-pulse{0%,to{transform:scale(1);opacity:.88}50%{transform:scale(1.06);opacity:1}}@media (prefers-reduced-motion: reduce){.brand-loader-mark{animation:none}}@media (min-width: 1024px) and (pointer: fine){:root{--shell-max: none;--content-max: 560px;--nav-offset: var(--sidebar-width);--gutter: var(--space-6);--card-pad: var(--space-6);--section-gap: var(--space-5);--text-h1: 2rem;--text-h2: 1.5rem;--text-h3: 1.25rem}.app-shell{padding-left:var(--nav-offset)}.app-content{padding:var(--space-8) var(--gutter) var(--space-10)}.app-content>*:not([aria-hidden=true]){max-width:var(--content-max);margin-inline:auto}html{scroll-padding-bottom:var(--space-4)}}@media (hover: hover) and (pointer: fine){.app-content a:hover,.app-content button:not(:disabled):hover,.app-content [role=button]:not([aria-disabled=true]):hover{filter:brightness(1.12)}.side-nav__item:hover{background:var(--color-surface-2)}.side-nav__item.active:hover{background:var(--color-accent-glow)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:3000;padding:var(--space-3) var(--space-4);background:var(--color-accent);color:var(--color-text-on-accent);border-radius:var(--radius-lg);font-family:var(--font-display);font-weight:var(--weight-bold);transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.app-content:focus{outline:none}.side-nav :focus-visible{outline-color:var(--color-text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-bold);border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-default);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;line-height:1}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;transition:opacity var(--duration-fast)}.btn:active:after{opacity:.1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-accent);color:var(--color-accent-text);box-shadow:0 4px 16px var(--color-accent-glow)}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:0 6px 24px var(--color-accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text-primary);border:1px solid var(--color-border-default)}.btn-secondary:hover{background:var(--color-surface-3);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-accent-ink);border:1px solid var(--color-accent-ink)}.btn-ghost:hover{background:var(--color-accent-soft)}.btn-text{background:none;border:none;padding:var(--space-2) 0;color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semi);cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.btn-text:hover,.btn-text:focus-visible{color:var(--color-text-primary)}.btn-danger{background:var(--color-surface-2);color:var(--color-danger-ink);border:1px solid var(--color-danger-border-strong)}.btn-danger:hover{background:var(--color-danger-soft);border-color:#f5534b99}.btn-success{background:var(--color-success-soft);color:var(--color-success-ink);border:1px solid var(--color-success-border)}.btn-success:hover{background:var(--color-success-tint);border-color:var(--color-success-border-strong)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-body-sm);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-5) var(--space-8);font-size:1rem;border-radius:var(--radius-xl)}.btn-full{width:100%}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.card{background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);transition:border-color var(--duration-normal),transform var(--duration-normal) var(--ease-bounce),box-shadow var(--duration-normal)}@media (hover: hover) and (pointer: fine){.card:hover{border-color:var(--color-border-default)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:var(--color-accent-tint-strong);cursor:pointer}.stat-card:hover{border-color:var(--color-border-default)}}.card-highlight{background:var(--gradient-highlight);border-color:var(--color-accent-tint-strong)}.input-group{position:relative;margin-bottom:var(--space-4)}.input-field{width:100%;padding:30px var(--space-4) 12px;background:var(--color-surface-1);border:1.5px solid var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-medium);outline:none;transition:border-color var(--duration-normal);height:68px}.input-field:focus{border-color:var(--color-accent-ink)}.input-field::placeholder{color:transparent}.input-label{position:absolute;top:18px;left:var(--space-4);font-size:var(--text-body);color:var(--color-text-tertiary);font-weight:var(--weight-medium);pointer-events:none;transition:all var(--duration-normal) var(--ease-smooth);transform-origin:left top}.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label{top:8px;transform:scale(.7);color:var(--color-accent-ink);font-weight:var(--weight-bold);letter-spacing:.02em}.input-hint{font-size:.75rem;color:var(--color-text-secondary);margin-top:var(--space-2);padding-left:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.02em}.badge-dot{width:6px;height:6px;border-radius:50%}.badge-accent{background:var(--color-accent-soft);color:var(--color-accent-ink);border:1px solid var(--color-accent-tint-strong)}.badge-accent .badge-dot{background:var(--color-accent)}.badge-success{background:var(--color-success-soft);color:var(--color-success-ink);border:1px solid var(--color-success-tint-strong)}.badge-success .badge-dot{background:var(--color-success)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger-ink);border:1px solid var(--color-danger-tint-strong)}.badge-danger .badge-dot{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger)}.badge-info{background:var(--color-info-soft);color:var(--color-info-ink);border:1px solid var(--color-info-tint-strong)}.badge-info .badge-dot{background:var(--color-info)}.badge-neutral{background:var(--color-surface-3);color:var(--color-text-secondary);border:1px solid var(--color-border-default)}.toggle{width:48px;height:28px;border-radius:14px;background:var(--color-surface-3);border:1px solid var(--color-border-default);position:relative;cursor:pointer;transition:all var(--duration-normal)}.toggle.active{background:var(--color-accent);border-color:var(--color-accent)}.toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--color-text-secondary);transition:all var(--duration-normal) var(--ease-bounce)}.toggle.active .toggle-knob{left:23px;background:#000}.avatar{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--weight-heavy);border-radius:var(--radius-md);flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:11px;border-radius:var(--radius-sm)}.avatar-md{width:42px;height:42px;font-size:13px}.avatar-lg{width:56px;height:56px;font-size:16px;border-radius:var(--radius-lg)}.avatar-xl{width:72px;height:72px;font-size:22px;border-radius:var(--radius-xl)}.sheet-demo{position:relative;height:400px;background:var(--color-bg-secondary);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border-subtle)}.sheet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.sheet-panel{position:absolute;bottom:0;left:0;right:0;background:var(--color-surface-1);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border:1px solid var(--color-border-default);border-bottom:none;padding:var(--space-5) var(--space-6) var(--space-8)}.sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--color-border-strong);margin:0 auto var(--space-5)}.tab-bar{display:flex;background:var(--color-surface-1);border-top:1px solid var(--color-border-subtle);padding:var(--space-3) 0 var(--space-6);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.tab-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;background:none;border:none;font-family:var(--font-display)}.tab-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background var(--duration-normal)}.tab-item.active .tab-icon{background:var(--color-accent-glow)}.tab-label{font-size:10px;font-weight:var(--weight-semi);color:var(--color-text-primary);white-space:nowrap}.tab-item.active .tab-label{color:var(--color-accent-ink);font-weight:var(--weight-bold)}.stat-card{background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-4)}.stat-icon-wrap{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.stat-value{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-tight);margin-bottom:2px}.stat-label{font-size:var(--text-caption);color:var(--color-text-disabled);font-weight:var(--weight-medium)}.hero-block{background:var(--color-accent);border-radius:var(--radius-2xl);padding:var(--space-6);color:var(--color-text-on-accent);position:relative;overflow:hidden}.hero-block-dark{background:var(--color-surface-1);border:1px solid var(--color-border-subtle);color:var(--color-text-primary)}.hero-block-dark .hero-block-label{color:var(--color-accent-ink)}.hero-block-dark .hero-block-value{color:var(--color-text-primary)}.hero-block-dark .hero-block-meta{color:var(--color-text-secondary)}.hero-block-label{font-family:var(--font-display);font-size:var(--text-overline);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-2);opacity:.7}.hero-block-value{font-family:var(--font-display);font-size:clamp(2rem,7vw,2.75rem);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-1)}.hero-block-meta{font-size:var(--text-body-sm);font-weight:var(--weight-semi);opacity:.7}.hero-block-tabs{display:flex;gap:var(--space-1);margin-top:var(--space-5);margin-bottom:var(--space-5);background:#00000014;padding:var(--space-1);border-radius:var(--radius-md)}.hero-block-dark .hero-block-tabs{background:#ffffff0d}.hero-block-tab{flex:1;padding:var(--space-2);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-bold);text-align:center;cursor:pointer;border-radius:4px;color:#00000080;transition:all var(--duration-normal)}.hero-block-dark .hero-block-tab{color:var(--color-text-tertiary)}.hero-block-tab.active{background:#000;color:var(--color-accent-ink)}.hero-block-dark .hero-block-tab.active{background:var(--color-accent);color:var(--color-text-on-accent)}.hero-chart{display:flex;align-items:flex-end;gap:8px;height:80px}.hero-chart-bar{flex:1;background:var(--color-shadow-soft);border-radius:2px;transition:height .8s var(--ease-bounce)}.hero-block-dark .hero-chart-bar{background:var(--color-accent)}.alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.alert-danger{background:var(--color-danger-soft);border:1px solid var(--color-danger-tint-strong)}.alert-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:blink 2s ease-in-out infinite}.alert-dot-danger{background:var(--color-danger);box-shadow:0 0 8px var(--color-danger)}.alert-success{background:var(--color-success-soft);border:1px solid var(--color-success-tint-strong)}.alert-text{flex:1;font-size:var(--text-body-sm);font-weight:var(--weight-semi)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.voice-mic-button{width:44px;height:44px;border-radius:999px;border:1px solid var(--color-border-default);background:var(--color-surface-2);color:var(--color-accent-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}.voice-mic-button--listening{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent);animation:voiceMicPulse 1.4s ease-in-out infinite}@keyframes voiceMicPulse{0%,to{box-shadow:0 0 0 0 var(--color-accent-glow)}50%{box-shadow:0 0 0 8px #ffcb1f00}}@media (prefers-reduced-motion: reduce){.alert-dot{animation:none}}.mode-switch-indicator{transition:left var(--duration-normal) var(--ease-smooth)}@media (prefers-reduced-motion: reduce){.mode-switch-indicator{transition:none}}.legal-prose{font-size:14px;line-height:1.7;color:var(--color-text-secondary)}.legal-prose h1,.legal-prose h2,.legal-prose h3{font-family:var(--font-display);color:var(--color-text-primary);font-weight:700;letter-spacing:-.01em;margin:28px 0 10px}.legal-prose h1:first-child,.legal-prose h2:first-child,.legal-prose h3:first-child{margin-top:0}.legal-prose p{margin:0 0 14px}.legal-prose ul,.legal-prose ol{margin:0 0 14px;padding-left:20px}.legal-prose li{margin-bottom:6px}.legal-prose a{color:var(--color-accent-ink);text-decoration:none}.legal-prose a:hover{text-decoration:underline}.legal-prose address{font-style:normal;padding:14px 16px;background:var(--color-surface-2);border:1px solid var(--color-border-subtle);border-radius:12px;line-height:1.6}.legal-prose table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:12px}.legal-prose th,.legal-prose td{border:1px solid var(--color-border-subtle);padding:8px 10px;text-align:left;vertical-align:top}.legal-prose th{background:var(--color-surface-2);color:var(--color-text-primary);font-weight:700}.side-nav{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6) var(--space-4);background:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);overflow-y:auto;z-index:30}.side-nav__brand{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-tight);color:var(--color-accent-ink)}.side-nav__brand svg{flex-shrink:0}.side-nav__create{display:grid;gap:var(--space-2)}.side-nav__create-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.side-nav__list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.side-nav__item{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-display);font-weight:var(--weight-semi);transition:background var(--duration-normal)}.side-nav__item.active{background:var(--color-accent-glow);color:var(--color-accent-ink)}.side-nav__pro{margin-left:auto;background:var(--color-accent);color:var(--color-text-on-accent);border-radius:999px;padding:1px 6px;font-size:9px;font-weight:800;letter-spacing:.05em}.side-nav__upgrade{margin-top:auto}.side-nav__search{display:flex;align-items:center;gap:var(--space-3);width:100%;margin-bottom:var(--space-3);padding:var(--space-3);background:var(--color-surface-1);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-text-tertiary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-body-sm);text-align:left}.side-nav__search-label{flex:1;min-width:0}.side-nav__search-kbd{flex-shrink:0;padding:2px 6px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-2);font-family:var(--font-display);font-size:10px;font-weight:var(--weight-bold);color:var(--color-text-secondary);white-space:nowrap}@media (hover: hover) and (pointer: fine){.side-nav__search:hover{border-color:var(--color-border-strong);color:var(--color-text-secondary)}}.fixed-bar{position:fixed;bottom:0;left:var(--nav-offset);right:0;max-width:var(--content-max);margin:0 auto;z-index:20}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:var(--nav-offset);z-index:2000;background:var(--color-scrim);display:flex;align-items:flex-end;justify-content:center}.sheet-surface{width:100%;max-width:var(--content-max);background:var(--color-surface-1);border:1px solid var(--color-border-default);border-bottom:none;border-radius:20px 20px 0 0;animation:sheetUp .28s var(--ease-smooth)}.sheet-surface--bounce{animation-timing-function:var(--ease-bounce)}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.sheet-surface:not(.sheet-surface--bounce){animation:none}}@media (min-width: 1024px) and (pointer: fine){.sheet-scrim{align-items:center}.sheet-surface{max-width:480px;border-radius:var(--radius-2xl);border-bottom:1px solid var(--color-border-default);box-shadow:var(--shadow-lg);animation-name:sheetIn}}.auth-glow{position:fixed;top:-160px;left:50%;transform:translate(-50%);width:600px;height:400px;pointer-events:none;z-index:0}.legal-page{padding:24px}@media (min-width: 1024px) and (pointer: fine){.auth-glow{width:1100px;height:620px;top:-240px}.legal-page{padding-top:var(--space-10);padding-bottom:var(--space-10)}}.desk-only.desk-only{display:none}@media (min-width: 1024px) and (pointer: fine){.desk-only.desk-only{display:revert}.phone-only.phone-only{display:none}}@media (min-width: 1024px) and (pointer: fine){.screen--canvas{--content-max: var(--max-width-wide)}}.split__pane{min-width:0}@media (min-width: 1024px) and (pointer: fine){.screen--split{--content-max: var(--max-width-wide)}.split{display:grid;grid-template-columns:var(--split-rail, 380px) minmax(0,1fr);gap:var(--space-6);align-items:start}.split__rail{border-right:1px solid var(--color-border-subtle);padding-right:var(--space-5)}.split__stick{position:sticky;top:var(--space-8);max-height:calc(100vh - var(--space-8) - var(--space-10));overflow-y:auto}}@media (min-width: 1024px) and (pointer: fine){.screen--focus{--content-max: 640px}}.page-head{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.page-head__text{min-width:0}.page-head__title{margin:0;font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);text-wrap:balance}.page-head__meta{margin:var(--space-1) 0 0;font-size:var(--text-body-sm);color:var(--color-text-secondary)}.page-head__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}@media (min-width: 1024px) and (pointer: fine){.page-head{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.page-head__actions{flex-shrink:0;flex-wrap:nowrap;margin-top:var(--space-1)}}.dt-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}@media (min-width: 1024px) and (pointer: fine){.dt-grid{grid-template-columns:repeat(var(--dt-cols, 2),minmax(0,1fr));gap:var(--space-4);align-items:start}.dt-span-2{grid-column:span 2}.dt-span-3{grid-column:span 3}.dt-span-full{grid-column:1 / -1}}@media (min-width: 1024px) and (pointer: fine){.fixed-bar--desk-static{position:static;max-width:none;margin:0}}.panel{background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--card-pad)}.panel__title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.pane-empty{display:grid;place-items:center;align-content:center;gap:var(--space-3);min-height:360px;padding:var(--space-10);text-align:center;border:1px dashed var(--color-border-default);border-radius:var(--radius-xl)}.pane-empty__icon{color:var(--color-text-disabled)}.pane-empty__title{font-family:var(--font-display);font-size:var(--text-h4);font-weight:var(--weight-bold);color:var(--color-text-secondary)}.pane-empty__hint{font-size:var(--text-body-sm);color:var(--color-text-tertiary);max-width:34ch}.owed-strip{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-2) var(--space-4);background:var(--color-danger-soft);border:1px solid var(--color-danger-border);border-radius:var(--radius-xl);cursor:pointer;font-family:var(--font-display);text-align:left}.owed-strip--open{background:var(--color-danger-glow);border-color:var(--color-danger-ink)}.owed-strip__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-danger);flex-shrink:0}.owed-strip__text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.owed-strip__count{font-size:var(--text-body-sm);font-weight:var(--weight-bold);color:var(--color-danger-ink)}.owed-strip__total{font-size:var(--text-caption);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owed-strip__cta{flex-shrink:0;font-size:var(--text-caption);font-weight:var(--weight-bold);color:var(--color-danger-ink);letter-spacing:var(--tracking-wide);text-transform:uppercase}@media (hover: hover) and (pointer: fine){.owed-strip:hover{border-color:var(--color-danger-ink)}}.jobs-owed-slot{margin-top:var(--space-4)}.jobs-owed-slot:empty{margin-top:0}.jobs-filter-tabs{display:flex;gap:6px;margin-top:14px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.jobs-filter-tabs::-webkit-scrollbar{display:none}.jobs-tab{display:flex;align-items:center;gap:4px;flex-shrink:0;min-height:44px;padding:0 14px;border:none;border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-secondary);font-family:var(--font-display);font-size:12px;font-weight:var(--weight-bold);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.jobs-tab--active{background:var(--color-accent);color:var(--color-text-on-accent)}.jobs-tab__count{font-size:10px;color:var(--color-text-tertiary)}.jobs-tab--active .jobs-tab__count{color:var(--color-text-on-accent);opacity:.7}.jobcard__chase{display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border-subtle)}.jobcard__chase-btn{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 var(--space-4)}.jobcard__chase-pro{background:var(--color-accent);border-radius:var(--radius-full);padding:2px 7px;font-size:10px;font-weight:var(--weight-heavy);color:var(--color-text-on-accent);letter-spacing:.05em}.jobs-mark-paid{background:transparent;border:1px solid var(--color-success-border-strong);color:var(--color-success-ink)}@media (hover: hover) and (pointer: fine){.jobs-mark-paid:hover{background:var(--color-success-soft)}}.jobs-orphan{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-4);min-height:44px;background:var(--color-surface-2);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);font-size:var(--text-body-sm);color:var(--color-text-secondary)}.jobs-orphan__btn{background:none;border:none;padding:var(--space-2);margin:calc(var(--space-2) * -1);color:var(--color-accent-ink);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-bold);cursor:pointer}@media (min-width: 1024px) and (pointer: fine){.jobs-screen .split{--split-rail: 560px}.jobs-screen .split__rail{border-right:none;padding-right:0}.jobs-screen .split__pane{position:sticky;top:var(--space-8);max-height:calc(100vh - var(--space-12));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.jobs-screen .split__pane::-webkit-scrollbar{width:8px}.jobs-screen .split__pane::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.jobs-screen .split__pane::-webkit-scrollbar-track{background:transparent}.jobs-screen .jobs-filter-tabs{overflow-x:visible;flex-wrap:wrap}.jobs-rail-top{position:sticky;top:0;z-index:2;background:var(--color-bg-primary);padding-bottom:var(--space-3)}.jobs-screen .job-pane{position:static;max-height:none;overflow:visible}.job-pane{background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6) var(--space-6);position:sticky;top:var(--space-8);max-height:calc(100vh - var(--space-12));overflow-y:auto}.pane-empty,.job-pane,.jobs-screen .pane-empty{min-height:420px}.jobs-owed-slot{margin-top:0}.jobs-screen .split{margin-top:var(--space-5)}}.dash-grid{display:grid;gap:0}.dash-col--a,.dash-col--rail,.dash-col--b{display:contents}.dash-col--a>*,.dash-col--rail>*,.dash-col--b>*{min-width:0}.dash-screen{position:relative;overflow-x:hidden;overflow-x:clip}.dash-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.dash-overdue{margin-top:var(--space-4);position:relative;z-index:1}.dash-overdue:empty{margin-top:0}.dash-jobs{display:flex;flex-direction:column;gap:10px}.dash-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:300px;height:200px;border-radius:50%;background:radial-gradient(ellipse,var(--color-accent-glow) 0%,transparent 70%);pointer-events:none;z-index:0}@media (min-width: 1024px) and (pointer: fine){.dash-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-6);align-items:start}.dash-col--a,.dash-col--rail,.dash-col--b{display:flex;flex-direction:column}.dash-col--a{grid-column:1;grid-row:1}.dash-col--b{grid-column:1 / -1;grid-row:2}.dash-col--rail{grid-column:2;grid-row:1;gap:var(--space-4)}.dash-jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.dash-tip{max-width:720px}.dash-glow{left:0;transform:none;width:620px;height:300px;top:-120px}.dash-rail-link{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;margin-top:var(--space-6);padding:11px 16px;background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:12px;cursor:pointer;text-align:left}.dash-rail-link__label{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-display);font-size:13px;font-weight:var(--weight-bold);color:var(--color-text-secondary)}}@media (hover: hover) and (pointer: fine){.dash-rail-link:hover{border-color:var(--color-border-default)}.dash-rail-link:hover .dash-rail-link__label{color:var(--color-text-primary)}}.profile-screen{max-width:var(--max-width-mobile);margin:0 auto;min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);padding-bottom:calc(var(--tab-bar-height) + 24px)}.profile-index{display:none}.theme-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.theme-picker__opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:var(--space-3);background:var(--color-surface-2);border:1.5px solid var(--color-border-default);border-radius:var(--radius-lg);cursor:pointer;text-align:left;font-family:var(--font-display);transition:border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.theme-picker__opt.active{border-color:var(--color-accent-ink);background:var(--color-accent-soft)}.theme-picker__swatch{width:100%;height:26px;margin-bottom:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border-default)}.theme-picker__swatch--dark{background:linear-gradient(135deg,#080808,#080808 62%,#ffcb1f 62%,#ffcb1f)}.theme-picker__swatch--light{background:linear-gradient(135deg,#faf9f5,#faf9f5 62%,#ffcb1f 62%,#ffcb1f)}.theme-picker__label{font-size:var(--text-body-sm);font-weight:var(--weight-bold);color:var(--color-text-primary)}.theme-picker__hint{font-size:var(--text-caption);color:var(--color-text-secondary);font-family:var(--font-body)}@media (min-width: 1024px) and (pointer: fine){.profile-screen{max-width:none;min-height:0;padding-bottom:var(--space-10)}.profile-screen .split{--split-rail: 260px;align-items:start}.profile-rail{position:sticky;top:var(--space-8);border-right:none;padding-right:0}.profile-index{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-5)}.profile-index__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semi);color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.profile-index__icon{display:inline-flex;color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-default)}.profile-index__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-index__item:hover{background:var(--color-surface-1);color:var(--color-text-primary)}.profile-index__item:hover .profile-index__icon{color:var(--color-text-secondary)}.profile-index__item.active{background:var(--color-accent-soft);color:var(--color-accent-ink)}.profile-index__item.active .profile-index__icon{color:var(--color-accent-ink)}.profile-pane{max-width:640px}.profile-pane .profile-section-label{padding-left:0;padding-right:0}.profile-hero{padding:var(--space-5)!important;border:1px solid var(--color-border-subtle)!important;border-radius:var(--radius-xl)}}.cal-screen{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg-primary);padding-bottom:var(--space-6)}.cal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-3);gap:var(--space-3)}.cal-header__back{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-surface-1);border:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--color-text-secondary);-webkit-tap-highlight-color:transparent}.cal-header__back:active{background:var(--color-surface-2)}.cal-header__title{flex:1;text-align:center;font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.cal-header__title:active{opacity:.7}.cal-header__today{min-height:44px;padding:6px 14px;border-radius:var(--radius-lg);background:var(--color-surface-1);border:1px solid var(--color-border-default);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semi);color:var(--color-accent-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;display:flex;align-items:center}.cal-header__today:active{background:var(--color-surface-2)}.cal-nav{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5) var(--space-4)}.cal-nav__arrow{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-surface-1);border:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);-webkit-tap-highlight-color:transparent}.cal-nav__arrow:active{background:var(--color-surface-2);color:var(--color-text-primary)}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:0 var(--space-3);margin-bottom:var(--space-2)}.cal-weekday{text-align:center;font-family:var(--font-display);font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-tertiary);padding:var(--space-2) 0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--color-border-subtle);margin:0 var(--space-3);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border-subtle)}.cal-day{background:var(--color-bg-primary);min-height:60px;padding:6px 4px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;-webkit-tap-highlight-color:transparent;position:relative}.cal-day:active{background:var(--color-surface-1)}.cal-day--out{background:var(--color-bg-secondary);cursor:default}.cal-day--out:active{background:var(--color-bg-secondary)}.cal-day__num{font-family:var(--font-display);font-size:13px;font-weight:var(--weight-semi);color:var(--color-text-primary);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;line-height:1}.cal-day--out .cal-day__num{color:var(--color-text-tertiary)}.cal-day--today .cal-day__num{background:var(--color-accent);color:var(--color-text-on-accent);font-weight:var(--weight-bold)}.cal-day__dots{display:flex;align-items:center;justify-content:center;gap:3px;flex-wrap:nowrap;min-height:7px}.cal-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.cal-dot--amber{background:var(--color-accent)}.cal-dot--green{background:var(--color-success)}.cal-dot--red{background:var(--color-danger)}.cal-day__overflow{font-size:9px;font-weight:var(--weight-bold);color:var(--color-text-tertiary);font-family:var(--font-display);line-height:1}.cal-legend{display:flex;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-4) var(--space-5) 0}.cal-legend__item{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-caption);color:var(--color-text-tertiary)}.cal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:500;display:flex;align-items:flex-end;-webkit-tap-highlight-color:transparent}.cal-sheet{width:100%;max-width:var(--max-width-mobile);margin:0 auto;background:var(--color-surface-1);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border-top:1px solid var(--color-border-default);max-height:70vh;display:flex;flex-direction:column;animation:calSheetUp .28s cubic-bezier(.32,.72,0,1)}@keyframes calSheetUp{0%{transform:translateY(100%)}to{transform:none}}.cal-sheet__handle{width:36px;height:4px;background:var(--color-border-strong);border-radius:2px;margin:12px auto 0;flex-shrink:0}.cal-sheet__date{font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-text-primary);padding:var(--space-4) var(--space-5) var(--space-3);flex-shrink:0}.cal-sheet__list{overflow-y:auto;flex:1;padding:0 var(--space-4) var(--space-6)}.cal-event-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;border:1px solid var(--color-border-subtle);margin-bottom:var(--space-2);background:var(--color-surface-2);-webkit-tap-highlight-color:transparent}.cal-event-row:active{background:var(--color-surface-3)}.cal-event-row--amber{background:var(--color-accent-soft);border-color:var(--color-accent-tint-strong)}.cal-event-row--green{background:var(--color-success-soft);border-color:var(--color-success-tint-strong)}.cal-event-row--red{background:var(--color-danger-soft);border-color:var(--color-danger-tint-strong)}.cal-event-row__info{flex:1;min-width:0}.cal-event-row__type{font-family:var(--font-display);font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:3px}.cal-event-row__type--amber{color:var(--color-accent-ink)}.cal-event-row__type--green{color:var(--color-success-ink)}.cal-event-row__type--red{color:var(--color-danger-ink)}.cal-event-row__client{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:var(--weight-semi);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event-row__title{font-family:var(--font-body);font-size:var(--text-caption);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.cal-event-row__amount{font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-bold);color:var(--color-text-primary);flex-shrink:0}.cal-event-row__chevron{color:var(--color-text-tertiary);flex-shrink:0}.cal-sheet__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-5);gap:var(--space-3);color:var(--color-text-tertiary);font-family:var(--font-body);font-size:var(--text-body-sm)}.cal-day__chips{display:none}@media (min-width: 1024px) and (pointer: fine){.cal-screen{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto auto auto 1fr auto;column-gap:var(--space-6);align-items:start;min-height:auto}.cal-header{grid-column:1 / -1;grid-row:1;padding-left:0;padding-right:0}.cal-nav{grid-column:1;grid-row:2;padding-left:0;padding-right:0}.cal-weekdays{grid-column:1;grid-row:3;padding-left:0;padding-right:0}.cal-grid{grid-column:1;grid-row:4;margin:0;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-legend{grid-column:1;grid-row:5;justify-content:flex-start;padding-left:0}.cal-rail{grid-column:2;grid-row:2 / span 4;position:sticky;top:var(--space-8)}.cal-header__title{flex:0 0 auto;text-align:left;font-size:var(--text-h2)}.cal-header__back{display:none}.cal-header__today{margin-left:auto}.cal-nav{justify-content:flex-start;gap:var(--space-2)}.cal-day{min-height:118px;align-items:stretch;padding:var(--space-2);gap:var(--space-1);min-width:0}.cal-day__num{align-self:flex-start;width:24px;height:24px;font-size:12px}.cal-day__dots{display:none}.cal-day__chips{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.cal-chip{display:flex;align-items:center;gap:5px;padding:2px 5px;border-radius:var(--radius-sm);background:var(--color-surface-2);min-width:0}.cal-chip--amber{background:var(--color-accent-soft)}.cal-chip--green{background:var(--color-success-soft)}.cal-chip--red{background:var(--color-danger-soft)}.cal-chip__text{font-family:var(--font-body);font-size:11px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.cal-day__overflow{align-self:flex-start;padding-left:5px}.cal-day:not(.cal-day--out):hover{background:var(--color-surface-1)}.cal-day--selected{background:var(--color-surface-1);box-shadow:inset 0 0 0 2px var(--color-accent)}.cal-day--selected:hover{background:var(--color-surface-2)}.cal-pane{display:flex;flex-direction:column;background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);max-height:calc(100vh - var(--space-16))}.cal-pane .cal-sheet__date{display:flex;flex-direction:column;gap:2px;padding:var(--space-5) var(--space-5) var(--space-3)}.cal-pane__today{font-size:var(--text-overline);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent-ink)}.cal-pane .cal-sheet__list{padding-bottom:var(--space-5)}.cal-event-row:hover{background:var(--color-surface-3)}.cal-event-row--amber:hover{background:var(--color-accent-tint)}.cal-event-row--green:hover{background:var(--color-success-glow)}.cal-event-row--red:hover{background:var(--color-danger-glow)}}.cal-year-list{overflow-y:auto;max-height:50vh;padding:var(--space-2) var(--space-4) var(--space-6)}.cal-year-row{padding:var(--space-4) var(--space-3);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-semi);color:var(--color-text-primary);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent}.cal-year-row:active{background:var(--color-surface-2)}.cal-year-row--active{color:var(--color-accent-ink);font-weight:var(--weight-bold)}:where(.tax-hub,.tax-sheet) :where(p,h1,h2,h3,h4,ul,ol,li){margin:0}.tax-hub{--split-rail: 250px}.tax-section{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.tax-index{display:none;flex-direction:column;gap:var(--space-2)}.tax-hub--at-index .tax-index{display:flex}.tax-index__item{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-3) var(--space-4);background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.tax-index__item:hover{background:var(--color-surface-hover)}.tax-index__icon{display:inline-flex;margin-top:1px;color:var(--color-text-secondary)}.tax-index__text{display:flex;flex-direction:column;gap:2px;min-width:0}.tax-index__label{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semi);color:var(--color-text-primary)}.tax-index__blurb{font-size:var(--text-caption);line-height:1.45;color:var(--color-text-tertiary)}.tax-index__item.is-active{background:var(--color-accent-soft);border-color:var(--color-accent-tint-strong)}.tax-index__item.is-active .tax-index__label,.tax-index__item.is-active .tax-index__icon{color:var(--color-accent-ink)}.tax-index__soon{padding:1px 6px;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);font-size:9px;font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary)}.tax-index__item.is-soon .tax-index__label{color:var(--color-text-secondary)}.tax-hub__pane{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;container-type:inline-size;container-name:taxpane}.tax-actionbar{position:sticky;bottom:calc(var(--tab-bar-height) + var(--space-8));z-index:5;margin-top:var(--space-2)}.tax-hub__pane{padding-bottom:var(--space-16)}.tax-hub__back{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;min-height:44px;padding:0 var(--space-2);background:none;border:none;color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semi);cursor:pointer}.tax-yearbar{display:flex;gap:var(--space-2)}.tax-yearbar__tab{min-height:44px;padding:0 var(--space-4);background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semi);cursor:pointer}.tax-yearbar__tab.is-active{background:var(--color-accent-soft);border-color:var(--color-accent-tint-strong);color:var(--color-accent-ink)}.tax-yearbar__tab--ghost{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-2);background:none;border-color:transparent}.tax-yearbar__tab--ghost:hover{background:var(--color-surface-hover)}.tax-vehicle-block{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.tax-hero{padding:var(--space-5)}.tax-hero__label{font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semi);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.tax-hero__figure{font-family:var(--font-display);font-size:var(--text-hero);font-weight:var(--weight-black);line-height:1;color:var(--color-text-primary);overflow-wrap:anywhere}.tax-hero__figure--muted{font-size:var(--text-h2);color:var(--color-text-secondary)}.tax-hero__sub{margin-top:var(--space-5);font-size:var(--text-body-sm);color:var(--color-text-secondary);line-height:1.5}.tax-hero__cta{margin-top:var(--space-4)}.tax-bands{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);list-style:none}.tax-bands__row{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-body-sm);color:var(--color-text-secondary)}.tax-bands__amount{font-family:var(--font-display);font-weight:var(--weight-semi);color:var(--color-text-primary);white-space:nowrap}.tax-note{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-body-sm);line-height:1.5}.tax-note--warn{background:var(--color-danger-soft);border:1px solid var(--color-danger-tint-strong);color:var(--color-danger-ink)}.tax-note--stack{flex-direction:column;align-items:stretch}.tax-note__body{min-width:0}.tax-log{padding:var(--space-5)}.tax-log__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.tax-log__title{font-family:var(--font-display);font-size:var(--text-h4);font-weight:var(--weight-bold);color:var(--color-text-primary)}.tax-log__empty{padding:var(--space-6) 0;text-align:center}.tax-triplist{list-style:none}.tax-trip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle)}.tax-trip:last-child{border-bottom:none}.tax-inc{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle)}.tax-inc:last-child{border-bottom:none}.tax-inc__body{flex:1;min-width:0}.tax-inc__label{display:block;font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semi);color:var(--color-text-primary);min-width:0}.tax-inc__meta{display:flex;flex-wrap:wrap;gap:0 var(--space-2);margin-top:2px;min-width:0;font-size:var(--text-caption);color:var(--color-text-tertiary)}.tax-inc__client,.tax-inc__ref,.tax-inc__tag{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tax-inc__tag{padding:1px var(--space-2);border:1px solid var(--color-border-default);border-radius:var(--radius-full);color:var(--color-text-tertiary);font-weight:var(--weight-semi)}.tax-inc__gross{flex:0 0 auto;font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-bold);color:var(--color-text-primary);white-space:nowrap}.tax-inc__minor{display:none}.tax-inc__actions{flex:0 0 auto}.tax-trip__body{flex:1;min-width:0}.tax-trip__journey{display:flex;align-items:center;gap:var(--space-2);min-width:0}.tax-trip__route{font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semi);color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tax-trip__meta{display:flex;flex-wrap:wrap;gap:0 var(--space-2);margin-top:2px;min-width:0;font-size:var(--text-caption);color:var(--color-text-tertiary)}.tax-trip__purpose{flex:1 1 100%;order:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tax-trip__job{color:var(--color-text-tertiary)}.tax-trip__missing{color:var(--color-danger-ink)}.tax-trip__vehicle{white-space:nowrap}.tax-trip__distance{flex:0 0 auto;margin-left:auto;padding-left:var(--space-2);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-bold);color:var(--color-text-primary);white-space:nowrap;text-align:right}.tax-trip__actions{flex:0 0 auto;display:flex;align-items:center}.tax-ledger__head{display:none;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-default);font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary)}.tax-ledger__num{text-align:right}.tax-ledger__totals{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border-default);font-size:var(--text-body-sm);color:var(--color-text-secondary)}.tax-ledger__total-figure{font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-text-primary)}.tax-trip__action{flex:0 0 auto;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer}.tax-trip__action:hover{background:var(--color-surface-hover)}.tax-empty{padding:var(--space-8) var(--space-5);text-align:center}.tax-empty__title{font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.tax-empty__body{font-size:var(--text-body-sm);color:var(--color-text-secondary);line-height:1.5;max-width:44ch;margin:0 auto var(--space-4)}.tax-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);background:var(--color-surface-2);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-bold);cursor:pointer}.tax-btn--sm{padding:6px 12px;font-size:var(--text-caption);min-height:32px}.tax-btn--primary{background:var(--color-accent);border-color:transparent;color:var(--color-text-on-accent)}.tax-btn--wide{width:100%}.tax-linkbtn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-2);background:none;border:none;color:var(--color-accent-ink);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semi);cursor:pointer}.tax-mileage__summary{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}@container taxpane (min-width: 620px){.tax-ledger{--ledger-cols: 76px minmax(140px, 2.2fr) minmax(160px, 2.4fr) minmax(90px, 1fr) 104px 92px}.tax-ledger--novehicle{--ledger-cols: 76px minmax(140px, 2.4fr) minmax(160px, 2.6fr) 104px 92px}.tax-ledger__head,.tax-trip{display:grid;grid-template-columns:var(--ledger-cols);align-items:center;gap:var(--space-3)}.tax-trip__body,.tax-trip__meta{display:contents}.tax-trip__date{order:-1}.tax-trip__purpose,.tax-trip__vehicle,.tax-trip__date{font-size:var(--text-body-sm);color:var(--color-text-secondary)}.tax-trip__vehicle{overflow:hidden;text-overflow:ellipsis}.tax-trip__route{display:block;text-overflow:ellipsis;white-space:nowrap}.tax-ledger__totals{display:grid;grid-template-columns:var(--ledger-cols)}.tax-ledger__totals>:first-child{grid-column:1 / -3}.tax-ledger__total-figure{text-align:right}}.tax-card{padding:var(--space-5);text-align:left}.tax-card--link{display:block;width:100%;cursor:pointer}.tax-card--link:hover{border-color:var(--color-border-strong)}.tax-card__label{font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semi);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.tax-card__figure{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-text-primary);overflow-wrap:anywhere}.tax-card__figure--muted{color:var(--color-text-secondary)}.tax-card__sub{margin-top:var(--space-2);font-size:var(--text-body-sm);color:var(--color-text-secondary)}.tax-coming{padding:var(--space-5)}.tax-coming__title{font-family:var(--font-display);font-size:var(--text-h4);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.tax-coming__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.tax-coming__item{display:flex;flex-direction:column;gap:2px}.tax-coming__name{font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semi);color:var(--color-text-primary)}.tax-coming__blurb{font-size:var(--text-body-sm);color:var(--color-text-secondary);line-height:1.5}.tax-disclaimer{font-size:var(--text-caption);line-height:1.5;color:var(--color-text-tertiary)}@media (min-width: 1024px) and (pointer: fine){.tax-index{display:flex}.tax-index__blurb{display:none}.tax-index__item{align-items:center;padding:var(--space-2) var(--space-3);background:none;border-color:transparent;border-radius:var(--radius-md)}.tax-actionbar{bottom:var(--space-8)}.tax-hub__pane{padding-bottom:var(--space-10)}}@container taxpane (min-width: 620px){.tax-ledger--income{--ledger-cols: 150px minmax(120px, 3fr) 104px 92px 92px 44px}.tax-ledger--income .tax-ledger__head,.tax-ledger--income .tax-inc{display:grid;grid-template-columns:var(--ledger-cols);align-items:center;gap:var(--space-3)}.tax-ledger--income .tax-ledger__head{display:grid}.tax-ledger--income .tax-inc__body{display:contents}.tax-ledger--income .tax-inc__meta{order:-1;flex-direction:column;gap:0;margin-top:0;overflow:hidden}.tax-ledger--income .tax-inc__meta>*{max-width:100%}.tax-ledger--income .tax-inc__minor{display:block;font-size:var(--text-body-sm);color:var(--color-text-secondary);text-align:right}.tax-ledger--income .tax-inc__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tax-ledger--income .tax-inc__ref{display:none}.tax-ledger--income .tax-ledger__totals{display:grid;grid-template-columns:var(--ledger-cols)}.tax-ledger--income .tax-ledger__totals>:first-child{grid-column:1 / 3}}.tax-incmonth__head{position:sticky;top:0;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-default);font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary)}.tax-incmonth__sum{color:var(--color-text-primary);letter-spacing:0;text-transform:none}.tax-owed{list-style:none;margin:var(--space-3) 0 0;padding:0;min-width:0;border-top:1px solid var(--color-border-subtle)}.tax-owed__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2) 0;background:none;border:none;border-bottom:1px solid var(--color-border-subtle);color:inherit;font-family:var(--font-body);font-size:var(--text-body-sm);text-align:left;cursor:pointer}.tax-owed li:last-child .tax-owed__row{border-bottom:none}.tax-owed__row:hover{color:var(--color-text-primary)}.tax-owed__who{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary)}.tax-owed__ref{color:var(--color-text-tertiary)}.tax-owed__amount{flex:0 0 auto;font-family:var(--font-display);font-weight:var(--weight-bold);color:var(--color-text-primary);white-space:nowrap}.tax-expmonth__head{display:flex;justify-content:space-between;padding:14px 4px 8px;font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em}.tax-exp{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 4px;background:none;border:none;border-top:1px solid var(--color-border);text-align:left;cursor:pointer}.tax-exp__thumb{flex:0 0 auto;width:44px;height:44px;border-radius:8px;overflow:hidden;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center}.tax-exp__thumb img{width:100%;height:100%;object-fit:cover}.tax-exp__thumb--empty{border:1px dashed var(--color-border-strong);background:none}.tax-exp__body{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.tax-exp__label{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tax-exp__meta{display:flex;flex-wrap:wrap;gap:8px;font-size:var(--text-caption);color:var(--color-text-tertiary)}.tax-exp__tag{padding:1px var(--space-2);border:1px solid var(--color-border-default);border-radius:var(--radius-full);color:var(--color-text-tertiary);font-weight:var(--weight-semi)}.tax-exp__reason{font-size:var(--text-caption);color:var(--color-accent-ink);line-height:1.4}.tax-exp__gross,.tax-exp__claim{flex:0 0 auto;font-size:var(--text-body-sm);font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.tax-exp__claim{font-weight:var(--weight-semibold)}.tax-catrow{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-top:1px solid var(--color-border)}.tax-catrow__label{flex:1;min-width:0;font-size:var(--text-body-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tax-catrow__count{font-size:var(--text-caption);color:var(--color-text-tertiary)}.tax-catrow__figure{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-text-primary)}@container taxpane (min-width: 620px){.tax-ledger--expenses .tax-ledger__head,.tax-ledger--expenses .tax-exp{display:grid;grid-template-columns:56px minmax(120px,3fr) minmax(80px,1fr) minmax(80px,1fr);align-items:center;gap:12px}.tax-ledger--expenses .tax-ledger__head{display:grid;padding:8px 4px;font-size:var(--text-caption);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em}.tax-ledger--expenses .tax-exp__gross,.tax-ledger--expenses .tax-exp__claim{text-align:right}}:where(.clients-hub,.client-detail) :where(p,h1,h2,h3,h4,dl,dt,dd,ul,ol,li){margin:0}.clients-hub{--split-rail: 250px}.clients-section{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.clients-index{display:none;flex-direction:column;gap:var(--space-2)}.clients-hub--at-index .clients-index{display:flex}.clients-index__item{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-3) var(--space-4);background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.clients-index__item:hover{background:var(--color-surface-hover)}.clients-index__icon{display:inline-flex;margin-top:1px;color:var(--color-text-secondary)}.clients-index__text{display:flex;flex-direction:column;gap:2px;min-width:0}.clients-index__label{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semi);color:var(--color-text-primary)}.clients-index__blurb{font-size:var(--text-caption);line-height:1.45;color:var(--color-text-tertiary)}.clients-index__item.is-active{background:var(--color-accent-soft);border-color:var(--color-accent-tint-strong)}.clients-index__item.is-active .clients-index__label,.clients-index__item.is-active .clients-index__icon{color:var(--color-accent-ink)}.clients-index__pro{padding:1px 6px;background:var(--color-accent);border-radius:var(--radius-full);font-size:9px;font-weight:var(--weight-bold);letter-spacing:.05em;color:var(--color-text-on-accent)}.clients-hub__pane{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;container-type:inline-size;container-name:clientspane}.clients-hub__back{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;min-height:44px;padding:0 var(--space-2);background:none;border:none;color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semi);cursor:pointer}.clients-empty{padding:var(--space-8) var(--space-5);text-align:center}.clients-empty__title{font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.clients-empty__body{font-size:var(--text-body-sm);color:var(--color-text-secondary);line-height:1.5;max-width:44ch;margin:0 auto}.clients-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.clients-toolbar .clients-search{flex:1 1 220px;min-width:0}.clients-toolbar__add{flex:0 0 auto;white-space:nowrap}.clients-empty__cta{margin-top:var(--space-4)}.clients-search{display:flex;align-items:center;gap:var(--space-3);min-height:46px;padding:0 var(--space-4);background:var(--color-surface-1);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-default)}.clients-search.is-focused{border-color:var(--color-accent)}.clients-search__icon{display:inline-flex;flex:0 0 auto;color:var(--color-text-tertiary)}.clients-search__input{flex:1;min-width:0;background:none;border:none;outline:none;padding:var(--space-3) 0;color:var(--color-text-primary);font-size:var(--text-body);font-family:var(--font-body)}.clients-search__clear{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;margin:0 calc(var(--space-2) * -1);background:none;border:none;color:var(--color-text-tertiary);cursor:pointer}.clients-filter-tabs{display:flex;flex-wrap:wrap;gap:6px}.clients-filter-tab{display:flex;align-items:center;gap:4px;flex-shrink:0;min-height:44px;padding:0 14px;border:none;border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.clients-filter-tab--active{background:var(--color-accent);color:var(--color-text-on-accent)}.clients-filter-tab__count{font-size:10px;color:var(--color-text-tertiary)}.clients-filter-tab--active .clients-filter-tab__count{color:var(--color-text-on-accent);opacity:.7}.clients-list{display:flex;flex-direction:column;gap:var(--space-2)}.clients-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);min-height:44px;padding:var(--space-4);background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.clients-row:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.clients-row__avatar{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-bold)}.clients-row__name{flex:1 1 160px;min-width:0;font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-semi);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clients-row__amount{flex:0 0 auto;min-height:1em;font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-text-secondary)}.clients-row__amount.is-owed{color:var(--color-danger-ink)}.clients-row__meta{flex:1 0 100%;font-size:var(--text-caption);color:var(--color-text-tertiary)}@container clientspane (min-width: 560px){.clients-row{flex-wrap:nowrap;display:grid;grid-template-columns:36px minmax(140px,3fr) minmax(90px,1fr) minmax(140px,1.4fr);align-items:center}.clients-row__meta{flex:none;text-align:right}.clients-row__amount{text-align:right}}.clients-merge{padding:var(--space-5);border-color:var(--color-accent-tint-strong)}.clients-merge__title{font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.clients-merge__body{font-size:var(--text-body-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-4)}.clients-merge__error{font-size:var(--text-body-sm);color:var(--color-danger-ink);margin-bottom:var(--space-3)}.clients-merge__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.clients-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);background:var(--color-surface-2);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-bold);cursor:pointer}.clients-btn--primary{background:var(--color-accent);border-color:transparent;color:var(--color-text-on-accent)}.clients-btn--danger{color:var(--color-danger-ink)}.clients-btn--sm{min-height:36px;padding:0 var(--space-4)}.clients-btn:disabled{opacity:.6;cursor:default}@media (min-width: 1024px) and (pointer: fine){.clients-index{display:flex}.clients-index__blurb{display:none}.clients-index__item{align-items:center;padding:var(--space-2) var(--space-3);background:none;border-color:transparent;border-radius:var(--radius-md)}}.client-detail{display:flex;flex-direction:column;gap:var(--space-4)}.client-detail__back{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;min-height:44px;padding:0 var(--space-2);background:none;border:none;color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semi);cursor:pointer}.client-stat{padding:var(--space-5)}.client-stat__label{font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-semi);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.client-stat__figure{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--color-text-primary);overflow-wrap:anywhere}.client-stat__figure.is-owed{color:var(--color-danger-ink)}.client-detail__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.client-detail__tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border-subtle)}.client-detail__tab{min-height:44px;padding:0 var(--space-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-bold);cursor:pointer}.client-detail__tab.is-active{color:var(--color-accent-ink);border-bottom-color:var(--color-accent)}.client-jobs{display:flex;flex-direction:column;gap:var(--space-2)}.client-jobs__row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);min-height:44px;padding:var(--space-4);background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-decoration:none;color:inherit}.client-jobs__row:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.client-jobs__icon{flex:0 0 auto}.client-jobs__title{flex:1 1 200px;min-width:0;font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-semi);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-jobs__number{flex:0 0 auto;font-size:var(--text-caption);color:var(--color-text-tertiary)}.client-jobs__amount{flex:0 0 auto;font-family:var(--font-display);font-weight:var(--weight-bold);color:var(--color-text-primary)}.client-jobs__date{flex:1 0 100%;font-size:var(--text-caption);color:var(--color-text-tertiary)}@media (min-width: 1024px) and (pointer: fine){.client-jobs__date{flex:0 0 auto;margin-left:auto}}.client-details__list{display:flex;flex-direction:column;gap:var(--space-4)}.client-details__row dt{font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-semi);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.client-details__row dd{font-size:var(--text-body-sm);color:var(--color-text-primary);overflow-wrap:anywhere}.client-details__edit{margin-top:var(--space-5)}.client-details__delete{align-self:flex-start}.client-privacy{display:flex;flex-direction:column;gap:var(--space-4)}.client-privacy__intro{font-size:var(--text-body-sm);color:var(--color-text-secondary);line-height:1.5}.client-privacy__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.client-privacy__error{font-size:var(--text-body-sm);color:var(--color-danger-ink)}.cmdk-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;background:#0000009e;display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;animation:cmdkScrimIn var(--duration-fast) var(--ease-smooth)}.cmdk{width:min(92vw,560px);max-height:min(60vh,520px);display:flex;flex-direction:column;background:var(--color-surface-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:cmdkIn var(--duration-normal) var(--ease-smooth)}@keyframes cmdkScrimIn{0%{opacity:0}to{opacity:1}}@keyframes cmdkIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.cmdk-scrim,.cmdk{animation:none}}.cmdk__search{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.cmdk__search-icon{display:flex;color:var(--color-text-tertiary);flex-shrink:0}.cmdk__input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-h4)}.cmdk__input::placeholder{color:var(--color-text-tertiary)}.cmdk__results{overflow-y:auto;padding:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.cmdk__row{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-lg);cursor:pointer}.cmdk__row.active{background:var(--color-surface-3)}.cmdk__row-meta{flex:0 0 116px;font-family:var(--font-display);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk__row.active .cmdk__row-meta{color:var(--color-accent-ink)}.cmdk__row-label{flex:1;min-width:0;font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk__row-trailing{flex-shrink:0;font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-bold);color:var(--color-text-secondary)}.cmdk__empty{padding:var(--space-8) var(--space-5);text-align:center;font-size:var(--text-body-sm);color:var(--color-text-tertiary)}.cmdk__foot{display:flex;gap:var(--space-5);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-subtle);font-size:var(--text-caption);color:var(--color-text-tertiary);flex-shrink:0}.cmdk__foot span{display:flex;align-items:center;gap:6px}.cmdk__kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-2);font-family:var(--font-display);font-size:10px;font-weight:var(--weight-bold);color:var(--color-text-secondary)}