html{--page-gutter-x:0.875rem;--page-gutter-y:1rem;--page-gutter-x-sm:1.125rem;--page-gutter-y-sm:1.25rem;--panel-padding:0.75rem;--panel-padding-sm:0.875rem;--panel-padding-nested:0.625rem;--panel-padding-nested-sm:0.75rem;--panel-padding-lg:1rem;--panel-padding-lg-sm:1.125rem;--panel-nav-padding:0.625rem;--panel-nav-padding-lg:0.75rem}[data-theme=dark],[data-theme=light]{--primary:#44a8e6;--primary-hover:#2e90d6;--primary-cta-bg:linear-gradient(90deg,#327eca,#286cad);--primary-cta-hover:linear-gradient(90deg,#3a8ad6,#3273bd);--success:#22c55e;--warning:#f59e0b;--error:#ef4444}[data-theme=dark]{--bg:#0a2f38;--bg-base:#0a2f38;--bg-deep:#081f26;--app-bg:#071a1c;--bg-wash:rgba(68,168,230,.1);--surface:rgba(17,28,31,.64);--card:rgba(23,42,46,.65);--card-strong:rgba(23,42,46,.75);--border:rgba(100,177,234,.16);--border-hover:rgba(100,177,234,.25);--border-active:rgba(68,168,230,.3);--text:#ecfeff;--text-primary:#ecfeff;--muted:#94a3b8;--text-secondary:#99f6e4;--primary-soft:rgba(100,177,234,.18);--primary-glow:rgba(68,168,230,.3);--shadow-soft:0 8px 24px rgba(0,0,0,.25);--shadow-glow:0 0 20px rgba(68,168,230,.3);--shadow-glow-hover:0 0 30px rgba(68,168,230,.4);--shadow-card:0 2px 8px rgba(0,0,0,.2);--shadow-card-hover:0 8px 24px rgba(68,168,230,.25);--bg-gradient-1:radial-gradient(95% 95% at -20% -20%,rgba(27,99,113,.45) 0%,rgba(27,99,113,.45) 45%,rgba(20,70,85,.28) 60%,rgba(10,40,55,.22) 75%,transparent 100%);--bg-gradient-2:radial-gradient(120% 120% at 125% 125%,rgba(27,99,113,.55) 0%,rgba(27,99,113,.55) 45%,rgba(20,70,85,.34) 60%,rgba(10,40,55,.3) 78%,transparent 100%);--tooltip-bg:rgba(15,25,35,.35);--skeleton-bg:rgba(15,25,35,.3);--skeleton-bg-strong:rgba(15,25,35,.35);--divider:hsla(0,0%,100%,.05);--header-bg:linear-gradient(180deg,rgba(20,184,166,.26),rgba(11,18,20,0) 130%);--header-border:rgba(94,234,212,.3);--header-text:#ecfeff;--header-text-muted:#94a3b8;--sidebar-bg:#111c1f;--sidebar-border:#1f3a40;--sidebar-text:#ecfeff;--sidebar-text-muted:#94a3b8;--sidebar-active-bg:rgba(20,184,166,.2);--sidebar-active-text:#14b8a6;--sidebar-hover-bg:#172a2e;--picker-panel-bg:#111c1f;--picker-item-bg:#172a2e;--hairline:hsla(0,0%,100%,.06);--hairline-soft:hsla(0,0%,100%,.045);--client-search-bg:hsla(0,0%,100%,.04);--client-search-border:hsla(0,0%,100%,.06);--client-search-focus-border:hsla(0,0%,100%,.1);--client-search-focus-bg:hsla(0,0%,100%,.055);--client-active-bg:hsla(0,0%,100%,.04);--client-hover-bg:hsla(0,0%,100%,.06)}[data-theme=light]{--bg:#fff;--bg-base:#fff;--bg-deep:#f8fafc;--app-bg:#f8fafc;--bg-wash:rgba(68,168,230,.08);--surface:rgba(241,245,249,.95);--card:rgba(248,250,252,.98);--card-strong:#fff;--picker-panel-bg:#fff;--picker-item-bg:#f8fafc;--border:rgba(68,168,230,.3);--border-hover:rgba(68,168,230,.45);--border-active:rgba(68,168,230,.55);--text:#0f172a;--text-primary:#0f172a;--muted:#475569;--text-secondary:#0f766e;--primary-soft:rgba(68,168,230,.15);--primary-glow:rgba(68,168,230,.25);--shadow-soft:0 8px 24px rgba(0,0,0,.06);--shadow-glow:0 0 20px rgba(68,168,230,.2);--shadow-glow-hover:0 0 30px rgba(68,168,230,.3);--shadow-card:0 2px 8px rgba(0,0,0,.08);--shadow-card-hover:0 8px 24px rgba(68,168,230,.2);--bg-gradient-1:radial-gradient(95% 95% at -20% -20%,rgba(68,168,230,.12) 0%,rgba(68,168,230,.12) 45%,rgba(100,177,234,.08) 60%,rgba(46,144,214,.05) 75%,transparent 100%);--bg-gradient-2:radial-gradient(120% 120% at 125% 125%,rgba(68,168,230,.15) 0%,rgba(68,168,230,.15) 45%,rgba(100,177,234,.1) 60%,rgba(46,144,214,.08) 78%,transparent 100%);--tooltip-bg:hsla(0,0%,100%,.98);--skeleton-bg:rgba(241,245,249,.6);--skeleton-bg-strong:rgba(226,232,240,.8);--divider:rgba(68,168,230,.15);--header-bg:linear-gradient(180deg,rgba(68,168,230,.15),hsla(0,0%,100%,.95) 130%);--header-border:rgba(68,168,230,.25);--header-text:#0f172a;--header-text-muted:#475569;--hairline:rgba(0,0,0,.08);--hairline-soft:rgba(0,0,0,.06);--client-search-bg:rgba(0,0,0,.04);--client-search-border:rgba(0,0,0,.08);--client-search-focus-border:rgba(68,168,230,.4);--client-search-focus-bg:rgba(0,0,0,.03);--client-active-bg:rgba(0,0,0,.04);--client-hover-bg:rgba(0,0,0,.06);--sidebar-bg:rgba(248,250,252,.98);--sidebar-border:rgba(68,168,230,.25);--sidebar-text:#0f172a;--sidebar-text-muted:#475569;--sidebar-active-bg:rgba(68,168,230,.15);--sidebar-active-text:#0f766e;--sidebar-hover-bg:rgba(241,245,249,.8);--marketing-section-alt:rgba(241,245,249,.8);--marketing-shadow-card:0 4px 24px rgba(0,0,0,.06),0 0 0 1px rgba(68,168,230,.12);--marketing-shadow-card-hover:0 20px 40px rgba(0,0,0,.1),0 0 0 1px rgba(68,168,230,.2),0 0 40px rgba(68,168,230,.08)}:root{--radius-sm:12px;--radius-md:16px;--radius-lg:18px;--radius-xl:22px;--transition-default:all 300ms ease-in-out;--transition-smooth:all 400ms cubic-bezier(0.4,0,0.2,1);--app-bottom-nav:88px;--marketing-section-alt:rgba(15,35,42,.4);--marketing-shadow-card:0 4px 24px rgba(0,0,0,.12),0 0 0 1px rgba(68,168,230,.08);--marketing-shadow-card-hover:0 20px 40px rgba(0,0,0,.18),0 0 0 1px rgba(68,168,230,.15),0 0 40px rgba(68,168,230,.12);--marketing-radius-card:24px}