:root{--bp-tablet:768px;--bp-desktop:1280px;--color-white:#fff;--color-white-rgb:255, 255, 255;--color-gray-25:#faf9f7;--color-gray-50:#f2f0ec;--color-gray-100:#e6e3dd;--color-gray-150:#dedede;--color-gray-200:#c9c9c9;--color-gray-300:#adadad;--color-gray-400:#8f8f8f;--color-gray-500:#4d4d4d;--color-gray-600:#404040;--color-gray-700:#333;--color-gray-800:#262626;--color-gray-900:#0d0d0d;--color-gray-950:#080808;--color-accent-50:#fffbeb;--color-accent-100:#fff5cc;--color-accent-300:#ffe066;--color-accent-500:#f5c400;--color-accent-500-rgb:245, 196, 0;--color-accent-600:#cca300;--color-accent-700:#a38300;--color-accent-contrast:#0d0d0d;--color-success-50:#e9f8ee;--color-success-500:#16a34a;--color-success-600:#15803d;--color-warning-50:#fff4e0;--color-warning-500:#f29f04;--color-warning-600:#cc8503;--color-danger-50:#fdecea;--color-danger-400:#f2645a;--color-danger-500:#dc2626;--color-danger-500-rgb:220, 38, 38;--color-danger-600:#b91c1c;--color-info-50:#e6f4fb;--color-info-500:#0284c7;--color-info-600:#0369a1;--color-neutral-500:#6b6963;--surface-page:var(--color-gray-50);--surface-raised:var(--color-white);--surface-sunken:var(--color-gray-25);--surface-overlay:#22222273;--surface-scrim:#2229;--surface-nav:var(--color-gray-900);--surface-nav-hover:#ffffff0f;--surface-nav-active:#ffffff1a;--surface-glass:var(--color-white);--surface-glass-border:var(--border-default);--blur-material:none;--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-tertiary:var(--color-gray-400);--text-on-accent:var(--color-accent-contrast);--text-on-dark:#fffffff0;--text-on-dark-muted:#ffffff80;--text-danger:var(--color-danger-600);--text-link:#856a00;--border-subtle:#22222214;--border-default:#22222224;--border-strong:#22222238;--border-on-dark:#ffffff1f;--border-focus:var(--color-accent-500);--space-1:.25rem;--space-2:.375rem;--space-3:.5rem;--space-4:.75rem;--space-5:.875rem;--space-6:1rem;--space-8:1.25rem;--space-10:1.5rem;--space-12:2rem;--space-16:2.5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.5rem;--radius-xl:.625rem;--radius-2xl:.75rem;--radius-full:9999px;--font-sans:"Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Menlo", Consolas, monospace;--text-xs:clamp(.6875rem, .665rem + .1vw, .75rem);--text-sm:clamp(.75rem, .7rem + .1vw, .8125rem);--text-base:clamp(.8125rem, .75rem + .15vw, .875rem);--text-md:clamp(.875rem, .8125rem + .2vw, .9375rem);--text-lg:clamp(.9375rem, .9rem + .3vw, 1.125rem);--text-xl:clamp(1.1875rem, 1.0625rem + .5vw, 1.4375rem);--text-2xl:clamp(1.4375rem, 1.25rem + 1vw, 2rem);--text-3xl:clamp(1.8rem, 1.5rem + 1.4vw, 2.5rem);--tracking-tight:0em;--tracking-snug:0em;--tracking-normal:.005em;--tracking-wide:.04em;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.15;--line-height-snug:1.35;--line-height-normal:1.5;--shadow-xs:0 1px 2px #0f0d0c0f;--shadow-sm:0 1px 2px #0f0d0c14;--shadow-md:0 2px 6px #0f0d0c1a;--shadow-lg:0 8px 16px #0f0d0c24;--shadow-xl:0 12px 24px #0f0d0c29;--shadow-focus-ring:0 0 0 4px var(--color-accent-100);--shadow-focus-ring-on-dark:0 0 0 3px var(--color-accent-300);--shadow-inner-hairline:inset 0 0 0 1px #ffffff80;--duration-fast:.12s;--duration-base:.16s;--duration-slow:.22s;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-spring:cubic-bezier(0, 0, .2, 1);--sidebar-width:15.5rem;--topbar-height:3.75rem;--content-max-width:72rem;--touch-target-min:2.75rem;--z-sticky:10;--z-nav:40;--z-overlay:50;--z-modal:60;--chart-series-1:var(--color-accent-500);--chart-series-2:#eb6834;--chart-series-3:#1baf7a;--chart-series-4:#eda100;--chart-series-5:#e87ba4;--chart-series-other:var(--color-gray-400);--chart-gridline:var(--color-gray-150);--chart-axis:var(--color-gray-300);--chart-crosshair:var(--color-gray-300);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--surface-page:var(--color-gray-950);--surface-raised:var(--color-gray-900);--surface-sunken:var(--color-gray-800);--surface-overlay:#000000a6;--surface-nav:var(--color-gray-950);--surface-nav-hover:#ffffff0e;--surface-nav-active:#ffffff17;--surface-glass:var(--color-gray-900);--surface-glass-border:var(--border-default);--text-primary:#fffffff0;--text-secondary:#ffffff94;--text-tertiary:#ffffff61;--border-subtle:#ffffff14;--border-default:#ffffff21;--border-strong:#fff3;--color-accent-300:#ffe98f;--color-accent-50:#f5c40029;--color-accent-100:#f5c40042;--text-link:#ffe680;--color-success-50:#16a34a29;--color-warning-50:#f29f0429;--color-danger-50:#dc262629;--color-info-50:#0284c729;--chart-series-2:#d95926;--chart-series-3:#199e70;--chart-series-4:#c98500;--chart-series-5:#d55181;--chart-series-other:var(--color-gray-600);--chart-gridline:var(--color-gray-800);--chart-axis:var(--color-gray-700);--chart-crosshair:var(--color-gray-700);--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 2px #00000073;--shadow-md:0 2px 8px #00000073;--shadow-lg:0 8px 20px #00000080;--shadow-xl:0 14px 28px #0000008c;--shadow-inner-hairline:inset 0 0 0 1px #ffffff0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);letter-spacing:var(--tracking-normal);background:var(--surface-page);color:var(--text-primary);font-synthesis:none;font-feature-settings:"ss01", "cv01", "cv11";text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;transition:background-color var(--duration-slow) var(--ease-standard)}img,picture,video{max-width:100%;display:block}a{color:var(--text-link);transition:color var(--duration-fast) var(--ease-standard);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--tracking-snug);color:var(--text-primary)}button,input,select,textarea{color:inherit;font-family:inherit}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm);transition:outline-offset var(--duration-fast) var(--ease-out)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.loading{padding:var(--space-8);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.error{color:var(--text-danger);font-size:var(--text-sm)}.state-panel{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-12) var(--space-6);border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);color:var(--text-secondary);font-size:var(--text-sm);animation:fade-in var(--duration-base) var(--ease-standard);flex-direction:column;display:flex}.state-panel-icon{border-radius:var(--radius-full);width:2.75rem;height:2.75rem;color:var(--text-tertiary);justify-content:center;align-items:center;display:inline-flex}.state-panel-icon svg{width:1.5rem;height:1.5rem}.state-panel-title{color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-md);letter-spacing:var(--tracking-snug)}.state-panel--error .state-panel-icon{background:var(--color-danger-50);color:var(--color-danger-600)}.state-panel--error .state-panel-title{color:var(--text-danger)}.state-panel--empty .state-panel-icon{background:var(--surface-sunken);color:var(--text-tertiary)}.state-panel--warning{border-color:var(--color-warning-500);background:var(--color-warning-50)}.state-panel--warning .state-panel-icon{background:var(--color-warning-50);color:var(--color-warning-600)}.state-panel--warning .state-panel-title{color:var(--text-primary)}.state-panel .btn{margin-top:var(--space-1)}.spinner{border-radius:var(--radius-full);border:2px solid var(--border-default);border-top-color:var(--color-accent-500);flex-shrink:0;width:1.25rem;height:1.25rem;animation:.7s linear infinite spin;display:inline-block}.spinner-lg{border-width:2.5px;width:2rem;height:2rem}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:var(--surface-sunken);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, rgba(var(--color-white-rgb), .45), transparent);animation:shimmer 1.6s var(--ease-standard) infinite;position:absolute;inset:0;transform:translate(-100%)}@media (prefers-color-scheme:dark){.skeleton:after{background:linear-gradient(90deg, transparent, rgba(var(--color-white-rgb), .06), transparent)}}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);height:15.5rem}.skeleton-row{border-radius:var(--radius-sm);height:3.25rem;margin-bottom:var(--space-2)}.skeleton-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}@media (prefers-reduced-motion:reduce){.spinner,.skeleton:after{animation:none}}.dashboard{min-height:100dvh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--surface-nav);-webkit-backdrop-filter:var(--blur-material);backdrop-filter:var(--blur-material);color:var(--text-on-dark);padding:var(--space-6) 0;z-index:var(--z-nav);border-inline-end:1px solid var(--border-on-dark);transition:transform var(--duration-slow) var(--ease-spring);flex-direction:column;flex-shrink:0;display:flex;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);padding:0 var(--space-6) var(--space-6);color:var(--color-white);display:flex}.sidebar-brand:before{content:"";border-radius:var(--radius-full);background:var(--color-accent-500);width:.5rem;height:.5rem;box-shadow:0 0 0 4px var(--color-accent-100), 0 0 12px 2px var(--color-accent-500);flex-shrink:0}.sidebar-nav{gap:var(--space-1);padding:0 var(--space-3);flex-direction:column;display:flex}.nav-link{align-items:center;gap:var(--space-3);min-height:var(--touch-target-min);padding:0 var(--space-4);border-radius:var(--radius-md);color:var(--text-on-dark-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-normal);text-align:left;width:100%;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-out);background:0 0;border:none;text-decoration:none;display:flex;position:relative}.nav-link:hover{background:var(--surface-nav-hover);color:var(--text-on-dark);text-decoration:none}.nav-link:active{transform:scale(.98)}.nav-link.active{background:rgba(var(--color-accent-500-rgb), .14);color:var(--color-accent-300);font-weight:var(--font-weight-semibold);box-shadow:inset 3px 0 0 var(--color-accent-500)}.nav-link.active:hover{background:rgba(var(--color-accent-500-rgb), .2)}.nav-link:focus-visible{outline-color:var(--color-accent-300);outline-offset:2px}.nav-link-icon{opacity:.85;flex-shrink:0}.nav-link.active .nav-link-icon{opacity:1}.sidebar-divider{background:var(--border-on-dark);height:1px;margin:var(--space-4) var(--space-6)}.sidebar-footer{margin-top:auto}.user-menu{padding:0 var(--space-3) var(--space-2);position:relative}.user-menu-trigger{align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-on-dark);cursor:pointer;text-align:left;transition:background-color var(--duration-base) var(--ease-standard), transform var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.user-menu-trigger:hover{background:var(--surface-nav-hover)}.user-menu-trigger:active{transform:scale(.98)}.user-menu-trigger:focus-visible{outline:2px solid var(--color-accent-300);outline-offset:2px}.user-menu-trigger-email{min-width:0;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-on-dark);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.user-menu-avatar{border-radius:var(--radius-full);background:var(--color-accent-500);width:2rem;height:2rem;color:var(--text-on-accent);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.user-menu-chevron{color:var(--text-on-dark-muted);transition:transform var(--duration-base) var(--ease-standard);flex-shrink:0}.user-menu-chevron-open{transform:rotate(180deg)}.user-menu-panel{inset-inline:var(--space-3);bottom:calc(100% + var(--space-2));z-index:var(--z-nav);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-2);animation:user-menu-in var(--duration-base) var(--ease-out);position:absolute}@keyframes user-menu-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.user-menu-header{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-3);display:flex}.user-menu-header .user-menu-avatar{background:var(--color-accent-500);color:var(--text-on-accent)}.user-menu-header-text{flex-direction:column;min-width:0;display:flex}.user-menu-label{font-size:var(--text-xs);color:var(--text-tertiary)}.user-menu-company{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-company-skeleton{width:8rem;height:1.125rem;margin-bottom:var(--space-1)}.user-menu-email{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-email-secondary{font-size:var(--text-xs);font-weight:var(--font-weight-regular);color:var(--text-tertiary)}.user-menu-items{gap:var(--space-1);flex-direction:column;display:flex}.user-menu-item{align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-target-min);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;border:none;display:flex}.user-menu-item-icon{color:var(--text-secondary);flex-shrink:0;display:inline-flex}.user-menu-item:hover{background:var(--surface-sunken)}.user-menu-item:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.user-menu-item:disabled{opacity:.6;cursor:not-allowed}.user-menu-item-danger,.user-menu-item-danger .user-menu-item-icon{color:var(--text-danger)}.user-menu-item-danger:hover{background:var(--color-danger-50)}.user-menu-divider{background:var(--border-default);height:1px;margin:var(--space-2) var(--space-1)}.topbar{align-items:center;gap:var(--space-3);height:var(--topbar-height);padding-inline:var(--space-4);background:var(--surface-glass);-webkit-backdrop-filter:var(--blur-material);backdrop-filter:var(--blur-material);border-bottom:1px solid var(--border-subtle);z-index:var(--z-nav);display:none;position:sticky;top:0}.topbar-brand{font-size:var(--text-md);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-snug);color:var(--text-primary)}.menu-toggle{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.menu-toggle:hover{background:var(--surface-sunken)}.menu-toggle:active{transform:scale(.94)}.menu-toggle svg{width:1.25rem;height:1.25rem}.sidebar-overlay{background:var(--surface-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:calc(var(--z-nav) - 1);animation:fade-in var(--duration-base) var(--ease-standard);border:none;padding:0;display:none;position:fixed;inset:0}.main-content{min-width:0;padding:var(--space-8);flex:1;margin-inline-start:var(--sidebar-width)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=767px){.dashboard{flex-direction:column}.topbar{display:flex}.sidebar{width:min(var(--sidebar-width), 85vw);box-shadow:var(--shadow-lg);transform:translate(-100%)}.dashboard.nav-open .sidebar{transform:translate(0)}.dashboard.nav-open .sidebar-overlay{display:block}.main-content{padding:var(--space-4);margin-inline-start:0}}@media (width>=768px) and (width<=1279px){.main-content{padding:var(--space-6)}}.page{max-width:var(--content-max-width);margin-inline:auto}.page-header{gap:var(--space-4);min-height:calc(var(--touch-target-min) + 2 * var(--space-1) + 2px);margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.page-header h2{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);font-weight:var(--font-weight-bold)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-raised);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-normal);color:var(--text-primary);box-shadow:var(--shadow-xs);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-spring);text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-sunken);border-color:var(--border-strong);box-shadow:var(--shadow-sm);text-decoration:none}.btn:active{box-shadow:var(--shadow-xs);transform:scale(.97)}.btn-primary{background:var(--color-accent-500);color:var(--text-on-accent);border-color:var(--color-accent-500);box-shadow:0 1px 2px rgba(var(--color-accent-500-rgb), .2), 0 6px 16px rgba(var(--color-accent-500-rgb), .24)}.btn-primary:hover{background:var(--color-accent-600);border-color:var(--color-accent-600);box-shadow:0 2px 4px rgba(var(--color-accent-500-rgb), .24), 0 10px 22px rgba(var(--color-accent-500-rgb), .3)}.btn-success{color:var(--color-success-600);border-color:color-mix(in srgb, var(--color-success-500) 38%, transparent);box-shadow:none;background:0 0}.btn-success:hover,.btn-success:focus-visible{color:color-mix(in srgb, var(--color-success-600) 88%, black);background:color-mix(in srgb, var(--color-success-500) 12%, var(--color-success-50));border-color:color-mix(in srgb, var(--color-success-500) 60%, transparent)}.btn-danger{color:var(--text-secondary);box-shadow:none;background:0 0;border-color:#0000}.btn-danger:not(.btn-icon){color:var(--color-danger-600);border-color:color-mix(in srgb, var(--color-danger-500) 38%, transparent)}.btn-danger:not(.btn-icon):hover,.btn-danger:not(.btn-icon):focus-visible{color:color-mix(in srgb, var(--color-danger-600) 88%, black);background:color-mix(in srgb, var(--color-danger-500) 12%, var(--color-danger-50));border-color:color-mix(in srgb, var(--color-danger-500) 60%, transparent)}.btn-sm{min-height:2.25rem;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-icon{isolation:isolate;min-width:var(--touch-target-min);min-height:var(--touch-target-min);font-size:var(--text-md);box-shadow:none;background:0 0;border-color:#0000;padding:0;line-height:1;position:relative}.btn-icon:hover,.btn-icon:focus-visible{box-shadow:none;background:0 0;border-color:#0000}.btn-icon:before{content:"";inset:var(--space-2);z-index:-1;border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);background:0 0;border:1px solid #0000;position:absolute}.btn-icon:hover:before,.btn-icon:focus-visible:before{background:var(--surface-sunken);border-color:var(--border-subtle)}.btn-icon.btn-danger:hover,.btn-icon.btn-danger:focus-visible{color:color-mix(in srgb, var(--color-danger-600) 88%, black)}.btn-icon.btn-danger:hover:before,.btn-icon.btn-danger:focus-visible:before{background:color-mix(in srgb, var(--color-danger-500) 12%, var(--color-danger-50));border-color:color-mix(in srgb, var(--color-danger-500) 60%, transparent)}button:disabled,.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-normal);text-transform:capitalize;border:1px solid #0000;line-height:1.4;display:inline-flex}.badge:before{content:"";border-radius:var(--radius-full);background:currentColor;flex-shrink:0;width:.375rem;height:.375rem}.badge-active,.badge-confirmed{background:var(--color-success-50);color:var(--color-success-600)}.badge-inactive,.badge-completed{background:var(--color-gray-100);color:var(--color-gray-600)}.badge-maintenance,.badge-pending_approval{background:var(--color-warning-50);color:color-mix(in srgb, var(--color-warning-600) 72%, black)}.badge-pending_email_verification{background:var(--color-gray-100);color:var(--color-gray-600)}.badge-qty{background:color-mix(in srgb, var(--color-gray-700) 10%, var(--color-gray-100));color:var(--color-gray-700);border-color:color-mix(in srgb, var(--color-gray-700) 30%, transparent)}.badge-qty:before{content:none}.badge-active-status{background:var(--color-info-50);color:var(--color-info-600)}.badge-cancelled{background:var(--color-danger-50);color:var(--color-danger-600)}.badge-fulfillment-pickup{background:var(--color-gray-100);color:var(--color-gray-600)}.badge-fulfillment-delivery{background:var(--color-info-50);color:var(--color-info-600)}@media (prefers-color-scheme:dark){.badge-active,.badge-confirmed{color:color-mix(in srgb, var(--color-success-600) 80%, white)}.badge-inactive,.badge-completed,.badge-pending_email_verification{background:var(--color-gray-800);color:var(--color-gray-300)}.badge-qty,.badge-fulfillment-pickup{background:color-mix(in srgb, var(--color-gray-300) 14%, var(--color-gray-800));color:var(--color-gray-300);border-color:color-mix(in srgb, var(--color-gray-300) 30%, transparent)}.badge-active-status{color:color-mix(in srgb, var(--color-info-600) 75%, white)}.badge-fulfillment-delivery{color:color-mix(in srgb, var(--color-info-500) 60%, white)}.badge-cancelled{color:color-mix(in srgb, var(--color-danger-600) 65%, white)}.btn-success{color:color-mix(in srgb, var(--color-success-500) 60%, white)}.btn-success:hover,.btn-success:focus-visible{color:color-mix(in srgb, var(--color-success-500) 75%, white)}.btn-danger:not(.btn-icon){color:color-mix(in srgb, var(--color-danger-500) 60%, white)}.btn-danger:hover,.btn-danger:focus-visible{color:color-mix(in srgb, var(--color-danger-500) 75%, white)}}.booking-fulfillment{align-items:flex-start;gap:var(--space-1);margin-top:var(--space-1);flex-direction:column;display:flex}.booking-delivery-address{color:var(--text-secondary);max-width:16rem}.machine-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}.machine-card{background:var(--surface-raised);border-radius:var(--radius-lg);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.machine-card-clickable{cursor:pointer}.machine-card-clickable:hover{box-shadow:var(--shadow-lg);border-color:var(--border-default);transform:translateY(-3px)}.machine-card-clickable:active{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.machine-card-clickable:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.machine-thumb{aspect-ratio:16/10;object-fit:cover;background:var(--surface-sunken);width:100%}.machine-info{padding:var(--space-4);flex:1}.machine-info h3{font-size:var(--text-md);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-snug);margin-bottom:var(--space-1)}.machine-category{color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--font-weight-medium)}.machine-price{font-weight:var(--font-weight-bold);color:var(--text-primary);margin:var(--space-2) 0;font-size:var(--text-md);letter-spacing:var(--tracking-snug)}.machine-badge-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.machine-actions{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);gap:var(--space-2);display:flex}.page-header-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.view-toggle{gap:var(--space-1);padding:var(--space-1);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:inline-flex}.view-toggle-option{min-height:var(--touch-target-min);padding:0 var(--space-4);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-normal);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.view-toggle-option:hover{color:var(--text-primary)}.view-toggle-option:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.view-toggle-option.is-selected{background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-xs)}.view-toggle-option:disabled{opacity:.5;cursor:not-allowed}.machine-tree{gap:var(--space-3);flex-direction:column;display:flex}.machine-tree-node{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.machine-tree-category{align-items:center;gap:var(--space-3);min-height:var(--touch-target-min);padding:var(--space-3) var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-standard);display:flex}.machine-tree-category:hover{background:var(--surface-sunken)}.machine-tree-category:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.tree-caret{color:var(--text-tertiary);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tree-caret-open{transform:rotate(90deg)}.machine-tree-category-name{font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-snug);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.machine-tree-count{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);flex-shrink:0}.machine-tree-children{border-top:1px solid var(--border-subtle);animation:fade-in var(--duration-base) var(--ease-standard)}.machine-tree-leaf{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-8);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.machine-tree-leaf:first-child{border-top:none}.machine-tree-leaf-thumb{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-md);object-fit:cover;background:var(--surface-sunken);flex-shrink:0}.machine-tree-leaf-thumb-placeholder{border:1px solid var(--border-subtle)}.machine-tree-leaf-name{min-width:4rem;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:8rem;overflow:hidden}.machine-tree-leaf-meta{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.machine-tree-leaf-actions{gap:var(--space-2);display:flex}@media (width<=767px){.machine-tree-leaf{padding-inline-start:var(--space-5)}.machine-tree-leaf-name{flex-basis:6rem}.machine-tree-leaf-meta{flex-basis:100%;justify-content:space-between;padding-inline-start:calc(var(--space-12) + var(--space-3))}}@media (width>=1280px){.machine-tree-leaf-thumb{width:var(--space-16);height:var(--space-16)}}.machine-form{max-width:40rem}.machine-form section{background:var(--surface-raised);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);padding:var(--space-6);margin-bottom:var(--space-4)}.machine-form h3{font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-snug);margin-bottom:var(--space-4);font-size:var(--text-md)}.form-row{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr;display:grid}.form-row>label,.form-row>.field,.field>label.field-label{margin-bottom:0}@media (width>=768px){.form-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-row-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1280px){.form-row-4{grid-template-columns:repeat(4,minmax(0,1fr))}}label{gap:var(--space-1);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);flex-direction:column;display:flex}input,select,textarea{min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--surface-sunken);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);width:100%}textarea{min-height:6rem}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236b6963' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;cursor:pointer;background-size:.625rem;padding-inline-end:var(--space-8)}@media (prefers-color-scheme:dark){select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238a867e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}select:disabled{cursor:not-allowed;background-image:none}select option{padding:var(--space-2) var(--space-3);background:var(--surface-raised);color:var(--text-primary)}.field{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.field-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.field-label-row{align-items:center;gap:var(--space-1);display:flex}.field-label-row>label{margin-bottom:0}.field-checkbox{align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);margin-bottom:var(--space-2);display:flex}.field-checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;min-height:0;accent-color:var(--color-accent-500);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin:0;padding:0}.field-checkbox input[type=checkbox]:hover{accent-color:var(--color-accent-600)}.field-checkbox label{font-size:var(--text-base);color:var(--text-primary);cursor:pointer;margin:0;line-height:1.125rem;display:block}.select-root{width:100%;position:relative}.select-trigger{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--surface-sunken);color:var(--text-primary);cursor:pointer;text-align:start;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);font-family:inherit;display:flex}.select-trigger:hover{border-color:var(--border-strong)}.select-trigger:focus-visible,.select-trigger[aria-expanded=true]{border-color:var(--border-focus);background-color:var(--surface-raised);box-shadow:var(--shadow-focus-ring);outline:none}.select-trigger:disabled{background:var(--surface-sunken);color:var(--text-tertiary);cursor:not-allowed}.select-trigger-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-trigger-placeholder{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-trigger-icon{width:.625rem;height:.375rem;color:var(--text-tertiary);background-color:currentColor;flex-shrink:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.select-panel{z-index:var(--z-dropdown,30);inset-inline:0;top:calc(100% + var(--space-2));max-height:16rem;padding:var(--space-2);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:select-panel-in var(--duration-fast) var(--ease-out);outline:none;margin:0;list-style:none;position:absolute;overflow-y:auto}@keyframes select-panel-in{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.select-option{align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard);display:flex}.select-option-active{background:var(--surface-sunken)}.select-option-check{text-align:center;width:1rem;color:var(--color-accent-500);font-size:var(--text-sm);flex-shrink:0}.select-option-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar{--cal-gap:.1875rem;--cal-cell-min:2.25rem;--cal-max-width:21rem;max-width:var(--cal-max-width);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--space-3);margin-inline:auto}.cal-nav{margin-bottom:var(--space-2);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);letter-spacing:var(--tracking-snug);justify-content:space-between;align-items:center;display:flex}.cal-nav button{background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-sm);min-width:2.25rem;min-height:2.25rem;color:var(--text-primary);cursor:pointer;font-size:var(--text-md);transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}@media (width<=767px){.cal-nav button{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.calendar{--cal-cell-min:2.5rem}}.cal-nav button:hover{background:var(--surface-page)}.cal-nav button:active{transform:scale(.94)}.cal-nav button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.cal-grid{gap:var(--cal-gap);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cal-head{text-align:center;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);padding-bottom:var(--space-2)}.cal-day{aspect-ratio:1;width:100%;min-height:var(--cal-cell-min);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;margin:0 auto;display:flex}.cal-day-available{color:var(--text-primary);background:0 0}.cal-day-disabled{color:var(--text-tertiary);text-decoration:line-through;-webkit-text-decoration-color:var(--color-gray-300);text-decoration-color:var(--color-gray-300);background:0 0}.cal-day.cal-today{box-shadow:inset 0 0 0 1.5px var(--color-accent-500);color:var(--color-accent-600);font-weight:var(--font-weight-semibold)}.cal-day-btn{cursor:pointer;border:none;font-family:inherit}.cal-day-btn.cal-day-available:hover{background:var(--surface-sunken)}.cal-day-btn:focus-visible{box-shadow:var(--shadow-focus-ring);outline:none}.cal-day.cal-selected{background:var(--color-accent-500);color:var(--text-on-accent);box-shadow:none;font-weight:var(--font-weight-semibold)}.datepicker{gap:var(--space-1);flex-direction:column;width:100%;display:flex;position:relative}.datepicker-trigger{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-primary);font-size:var(--text-base);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);font-family:inherit;display:flex}.datepicker-trigger:hover{border-color:var(--border-strong)}.datepicker-trigger:focus-visible,.datepicker-trigger[aria-expanded=true]{border-color:var(--border-focus);background-color:var(--surface-raised);box-shadow:var(--shadow-focus-ring);outline:none}.datepicker-placeholder{color:var(--text-tertiary)}.datepicker-icon{color:var(--text-tertiary);flex-shrink:0;display:inline-flex}.datepicker-popover{z-index:var(--z-dropdown,30);top:calc(100% + var(--space-2));width:max(100%,17.5rem);animation:datepicker-in var(--duration-base) var(--ease-out);position:absolute;left:0}.datepicker-popover .calendar{box-shadow:var(--shadow-lg);margin-bottom:0}@keyframes datepicker-in{0%{opacity:0;transform:translateY(-.25rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=400px){.datepicker-popover{width:max(90vw,17.5rem);left:50%;transform:translate(-50%)}}.select-option-selected{background:var(--color-accent-500);color:var(--text-on-accent);font-weight:var(--font-weight-semibold)}.select-option-selected .select-option-check{color:var(--text-on-accent)}.select-option-selected.select-option-active{background:var(--color-accent-500)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);background-color:var(--surface-raised);box-shadow:var(--shadow-focus-ring);outline:none}input:disabled,select:disabled,textarea:disabled,input[aria-disabled=true],select[aria-disabled=true],textarea[aria-disabled=true]{background:var(--surface-sunken);color:var(--text-tertiary);cursor:not-allowed}.day-toggle-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.day-toggle{width:var(--touch-target-min);height:var(--touch-target-min);padding:var(--space-2) var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-spring);flex:none;justify-content:center;align-items:center;display:inline-flex}.day-toggle:hover{background:var(--surface-sunken);border-color:var(--border-strong)}.day-toggle:active{transform:scale(.97)}.day-toggle:focus-visible{box-shadow:var(--shadow-focus-ring);border-color:var(--border-focus);outline:none}.day-toggle[aria-pressed=true]{background:var(--color-accent-500);border-color:var(--color-accent-500);color:var(--text-on-accent)}.day-toggle[aria-pressed=true]:hover{background:var(--color-accent-600);border-color:var(--color-accent-600)}.day-toggle:disabled{opacity:.5;cursor:not-allowed}@media (width<=374px){.day-toggle{flex:1 1 calc(50% - var(--space-2))}}.switch{min-width:var(--touch-target-min);min-height:var(--touch-target-min);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.switch-track{width:var(--space-16);height:var(--space-10);padding:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-sunken);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);display:block;position:relative}.switch-thumb{width:calc(var(--space-10) - 2 * var(--space-1) - 2px);height:calc(var(--space-10) - 2 * var(--space-1) - 2px);border-radius:var(--radius-full);background:var(--surface-raised);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);display:block;transform:translate(0)}.switch:hover .switch-track{border-color:var(--border-strong)}.switch:focus-visible{outline:none}.switch:focus-visible .switch-track{box-shadow:var(--shadow-focus-ring);border-color:var(--border-focus)}.switch[data-checked=true] .switch-track{background:var(--color-accent-500);border-color:var(--color-accent-500)}.switch[data-checked=true]:hover .switch-track{background:var(--color-accent-600);border-color:var(--color-accent-600)}.switch[data-checked=true] .switch-thumb{transform:translateX(calc(var(--space-16) - var(--space-10)))}.switch:disabled{opacity:.5;cursor:not-allowed}.photo-upload{gap:var(--space-3);flex-direction:column;display:flex}.photo-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.photo-item{border-radius:var(--radius-md);box-shadow:var(--shadow-xs);aspect-ratio:5/4;transition:opacity var(--duration-fast) var(--ease-standard), outline-color var(--duration-fast) var(--ease-standard);position:relative;overflow:hidden}.photo-item--dragging{opacity:.4}.photo-item--drag-over{outline:2px solid var(--color-accent-500);outline-offset:-2px}.photo-item img{object-fit:cover;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-sizing:border-box;width:100%;height:100%;display:block}.photo-item-remove{top:var(--space-1);right:var(--space-1);background:var(--surface-scrim);width:1.75rem;height:1.75rem;-webkit-backdrop-filter:var(--blur-material);backdrop-filter:var(--blur-material);color:var(--color-white);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-spring);border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute}.photo-item-remove svg{width:.875rem;height:.875rem}.photo-item-remove:hover{background:var(--color-danger-600)}.photo-item-remove:active{transform:scale(.92)}.photo-item-remove:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.photo-item-remove:disabled{opacity:.5;cursor:not-allowed}.photo-item-grip{bottom:var(--space-1);left:var(--space-1);background:var(--surface-scrim);width:1.75rem;height:1.75rem;-webkit-backdrop-filter:var(--blur-material);backdrop-filter:var(--blur-material);color:var(--color-white);border-radius:var(--radius-full);cursor:grab;transition:background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-spring);border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute}.photo-item-grip svg{width:.875rem;height:.875rem}.photo-item-grip:hover:not(:disabled){background:var(--color-accent-600)}.photo-item-grip:active:not(:disabled){cursor:grabbing;transform:scale(.92)}.photo-item-grip:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.photo-item-grip:disabled{opacity:.35;cursor:not-allowed}@media (width<=480px){.photo-item-grip{width:var(--touch-target-min);height:var(--touch-target-min);background:0 0}.photo-item-grip:before{content:"";position:absolute;inset:0}.photo-item-grip svg{z-index:1;filter:drop-shadow(0 1px 2px #0d0e118c);position:relative}}.dropzone{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-8) var(--space-4);border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-sunken);color:var(--text-secondary);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);flex-direction:column;display:flex}.dropzone:hover{border-color:var(--color-accent-500);background:var(--color-accent-50);color:var(--color-accent-600)}.dropzone:focus-visible{border-color:var(--color-accent-500);box-shadow:var(--shadow-focus-ring);outline:none}.dropzone--dragging{border-color:var(--color-accent-500);background:var(--color-accent-50);color:var(--color-accent-600);box-shadow:var(--shadow-focus-ring)}.dropzone--disabled{cursor:not-allowed;opacity:.6}.dropzone--uploading{cursor:default;border-style:solid;border-color:var(--border-subtle);background:var(--surface-raised)}.dropzone--error{border-color:var(--color-danger-500);background:var(--color-danger-50)}.dropzone-icon{border-radius:var(--radius-full);background:var(--surface-raised);width:2.75rem;height:2.75rem;color:var(--text-tertiary);box-shadow:var(--shadow-xs);transition:color var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}.dropzone-icon svg{width:1.375rem;height:1.375rem}.dropzone:hover .dropzone-icon,.dropzone--dragging .dropzone-icon{color:var(--color-accent-600)}.dropzone-text{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:var(--tracking-normal);margin:0}.dropzone-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.dropzone-progress{border-radius:var(--radius-full);background:var(--surface-sunken);width:100%;max-width:16rem;height:.375rem;overflow:hidden}.dropzone-progress-fill{background:var(--color-accent-500);border-radius:var(--radius-full);height:100%;transition:width var(--duration-base) var(--ease-out)}.photo-upload-max-reached{min-height:var(--touch-target-min);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-sunken);text-align:center;justify-content:center;align-items:center;margin:0;display:flex}.dropzone-error-text{margin:0}@media (prefers-reduced-motion:reduce){.dropzone,.photo-item,.photo-item-remove,.photo-item-grip,.dropzone-progress-fill{transition:none}}@media (width<=480px){.dropzone{padding:var(--space-6) var(--space-3)}}.form-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}@media (width<=480px){.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.inline-category-create{gap:var(--space-2);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);margin-top:calc(-1 * var(--space-2));margin-bottom:var(--space-4);flex-direction:column;display:flex}.inline-category-create input{margin-bottom:0}.inline-category-create-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width>=768px){.inline-category-create{flex-direction:row;align-items:center}.inline-category-create input{flex:1;min-width:12.5rem}}.category-create-form{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.category-create-form input{flex:1;min-width:12.5rem}.category-list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.category-row{align-items:center;gap:var(--space-3);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xs);transition:box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);flex-wrap:wrap;display:flex}.category-row:hover{box-shadow:var(--shadow-sm);border-color:var(--border-default)}.category-reorder{gap:var(--space-1);display:flex}.category-name{font-weight:var(--font-weight-semibold);flex:1;min-width:7.5rem}.category-actions{gap:var(--space-2);margin-left:auto;display:flex}.category-edit-form{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1;display:flex}.category-edit-form input{flex:1;min-width:10rem;margin-bottom:0}@media (width<=480px){.category-row{flex-direction:column;align-items:stretch}.category-actions{justify-content:flex-end;margin-left:0}}.table-scroll{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);width:100%;box-shadow:var(--shadow-xs);overflow-x:auto}.bookings-table{border-collapse:collapse;background:var(--surface-raised);width:100%;min-width:40rem}.bookings-table th{z-index:var(--z-sticky);background:var(--surface-sunken);padding:var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap;position:sticky;top:0}.bookings-table td{padding:var(--space-4);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);vertical-align:top;transition:background-color var(--duration-fast) var(--ease-standard)}.bookings-table td small{color:var(--text-secondary);font-size:var(--text-xs)}.bookings-table tr:hover td{background:var(--surface-sunken)}.row-actions{align-items:center;gap:var(--space-3);display:flex}.row-actions-primary{min-height:var(--touch-target-min);min-width:6.5rem;padding:var(--space-2) var(--space-4);background:var(--color-gray-100);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard);border:none;justify-content:center;align-items:center;display:inline-flex}.row-actions-primary:hover,.row-actions-primary:focus-visible{background:var(--color-gray-150)}.row-actions-primary:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.row-actions-menu-root{position:relative}.row-actions-kebab{color:var(--text-secondary)}.row-actions-panel{right:0;top:calc(100% + var(--space-1));z-index:var(--z-dropdown,30);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:10rem;box-shadow:var(--shadow-xl);padding:var(--space-2);gap:var(--space-1);animation:user-menu-in var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:absolute}.row-actions-item{align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-target-min);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;border:none;display:flex}.row-actions-item-icon{color:var(--text-secondary);flex-shrink:0;display:inline-flex}.row-actions-item:hover,.row-actions-item:focus-visible{background:var(--surface-sunken)}.row-actions-item:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.row-actions-item:disabled{opacity:.6;cursor:not-allowed}.row-actions-item-danger,.row-actions-item-danger .row-actions-item-icon{color:var(--text-danger)}.row-actions-item-danger:hover,.row-actions-item-danger:focus-visible{background:var(--color-danger-50)}.bookings-pagination{align-items:center;gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.bookings-load-more{width:100%}@media (width>=768px){.bookings-load-more{width:auto;min-width:12rem}}.bookings-pagination-end{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.cal-status-legend{gap:var(--space-4);margin:0 0 var(--space-4);padding:var(--space-2) 0;flex-wrap:nowrap;list-style:none;display:flex;overflow-x:auto}.cal-status-legend-item{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;display:inline-flex}.cal-status-legend-glyph{width:var(--space-4);height:var(--space-4);color:var(--cal-entry-fg,var(--text-tertiary));justify-content:center;align-items:center;line-height:1;display:inline-flex}.cal-status-legend-glyph svg{width:100%;height:100%}.bookings-filter-bar{gap:var(--space-4);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);flex-direction:column;display:flex}.bookings-filter-row label{margin-bottom:0}.bookings-filter-clear{align-self:flex-start;width:100%}@media (width>=768px){.bookings-filter-clear{align-self:flex-end;width:auto}}.login-page{background:radial-gradient(60% 50% at 15% 8%, var(--color-accent-100) 0%, transparent 60%), radial-gradient(50% 45% at 88% 92%, var(--color-accent-50) 0%, transparent 65%), var(--surface-page);min-height:100dvh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-card{background:var(--surface-glass);-webkit-backdrop-filter:var(--blur-material);backdrop-filter:var(--blur-material);border-radius:var(--radius-2xl);border:1px solid var(--surface-glass-border);padding:var(--space-8) var(--space-6);width:100%;max-width:24rem;box-shadow:var(--shadow-xl), var(--shadow-inner-hairline);animation:login-card-in var(--duration-slow) var(--ease-spring)}@keyframes login-card-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card h1{font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);text-align:center;letter-spacing:var(--tracking-tight)}.login-card form{gap:var(--space-4);flex-direction:column;display:flex}.login-card button[type=submit]{background:var(--color-accent-500);color:var(--text-on-accent);min-height:var(--touch-target-min);padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-normal);cursor:pointer;box-shadow:0 1px 2px rgba(var(--color-accent-500-rgb), .2), 0 8px 20px rgba(var(--color-accent-500-rgb), .3);transition:background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-spring);border:none}.login-card button[type=submit]:hover{background:var(--color-accent-600);box-shadow:0 2px 4px rgba(var(--color-accent-500-rgb), .24), 0 12px 26px rgba(var(--color-accent-500-rgb), .36)}.login-card button[type=submit]:active{transform:scale(.97)}.login-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.signup-steps{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.step{border-radius:var(--radius-full);border:2px solid var(--border-default);width:1.75rem;height:1.75rem;font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step.active{border-color:var(--color-accent-500);color:var(--color-accent-600);background:var(--color-accent-50)}.step.done{border-color:var(--color-success-500);color:var(--color-white);background:var(--color-success-500)}.step-line{background:var(--border-default);flex:1;max-width:2.5rem;height:2px}.signup-subtitle{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-5);margin-top:calc(-1 * var(--space-3))}.signup-link{text-align:center;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}.login-forgot-link{text-align:right;margin:calc(-1 * var(--space-2)) 0 0;font-size:var(--text-sm)}.login-forgot-link a{color:var(--text-secondary)}.login-forgot-link a:hover,.login-forgot-link a:focus-visible{color:var(--color-accent-600)}.verify-email-card{text-align:center}.verify-email-icon{width:3rem;height:3rem;margin:0 auto var(--space-4);border-radius:var(--radius-full);background:var(--color-accent-50);color:var(--color-accent-600);justify-content:center;align-items:center;display:inline-flex}.verify-email-icon svg{width:1.5rem;height:1.5rem}.verify-email-status{font-size:var(--text-sm);color:var(--color-success-600);margin:0 0 var(--space-4)}.verify-email-resend{width:100%}.link-button{min-height:var(--touch-target-min);font-size:var(--text-sm);color:var(--text-secondary);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;text-decoration:underline;display:inline-flex}.link-button:hover,.link-button:focus-visible{color:var(--color-accent-600)}.field-error{font-size:var(--text-xs);color:var(--text-danger);margin-top:var(--space-2)}.confirm-dialog-overlay{z-index:var(--z-modal);padding:var(--space-4);background:var(--surface-overlay);-webkit-backdrop-filter:var(--blur-material);backdrop-filter:var(--blur-material);animation:fade-in var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:26rem;box-shadow:var(--shadow-xl);padding:var(--space-6);animation:confirm-dialog-in var(--duration-base) var(--ease-spring)}@keyframes confirm-dialog-in{0%{opacity:0;transform:translateY(.5rem)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.confirm-dialog-overlay,.confirm-dialog{animation:none}}.confirm-dialog-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-snug);color:var(--text-primary)}.confirm-dialog-description{margin-top:var(--space-2);font-size:var(--text-sm);line-height:var(--line-height-normal);color:var(--text-secondary)}.confirm-dialog-confirmation-field{margin-top:var(--space-4)}.confirm-dialog-confirmation-input{width:100%}.confirm-dialog-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.confirm-dialog-actions .btn{min-width:5.5rem}@media (width<=767px){.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-actions .btn{width:100%}}.upgrade-modal-icon{width:2.75rem;height:2.75rem;margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--color-accent-50);color:var(--color-accent-600);justify-content:center;align-items:center;display:flex}.upgrade-modal-tier-picker{margin:var(--space-4) 0 0;gap:var(--space-2);border:none;flex-direction:column;padding:0;display:flex}.upgrade-modal-tier-option{align-items:center;gap:var(--space-3);min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-150);border-radius:var(--radius-md);cursor:pointer;display:flex}.upgrade-modal-tier-option:has(input:checked){border-color:var(--color-accent-500);background:var(--color-accent-50)}.upgrade-modal-tier-option:focus-within{box-shadow:var(--shadow-focus-ring)}.upgrade-modal-tier-option input[type=radio]{width:1.125rem;height:1.125rem;accent-color:var(--color-accent-500);flex-shrink:0}.upgrade-modal-tier-option-name{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.upgrade-modal-tier-option-cap{font-size:var(--text-sm);color:var(--text-secondary);margin-left:auto}.upgrade-modal-benefits{margin:var(--space-4) 0 0;padding-left:var(--space-5);gap:var(--space-2);font-size:var(--text-sm);line-height:var(--line-height-normal);color:var(--text-secondary);flex-direction:column;display:flex}.machine-quota-badge{min-height:2.75rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;display:inline-flex}.machine-quota-badge-full{background:var(--color-warning-50);color:var(--color-warning-600)}@media (prefers-color-scheme:dark){.machine-quota-badge{background:var(--color-gray-800)}}.btn-danger-solid{background:var(--color-danger-500);color:var(--color-white);border-color:var(--color-danger-500);box-shadow:0 1px 2px rgba(var(--color-danger-500-rgb), .24), 0 6px 16px rgba(var(--color-danger-500-rgb), .24)}.btn-danger-solid:hover{background:var(--color-danger-600);border-color:var(--color-danger-600);box-shadow:0 2px 4px rgba(var(--color-danger-500-rgb), .28), 0 10px 22px rgba(var(--color-danger-500-rgb), .3)}.field-hint{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-2);font-family:inherit}.field-error+.field-hint{margin-top:var(--space-1)}.info-tooltip{display:inline-flex;position:relative}.info-tooltip-trigger{border-radius:var(--radius-full);width:1.125rem;height:1.125rem;color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.info-tooltip-trigger:before{content:"";width:var(--touch-target-min);height:var(--touch-target-min);position:absolute;inset:50%;transform:translate(-50%,-50%)}.info-tooltip-trigger:hover,.info-tooltip-trigger:focus-visible{color:var(--text-secondary)}.info-tooltip-trigger:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.info-tooltip-bubble{bottom:calc(100% + var(--space-2));z-index:var(--z-overlay);width:max-content;max-width:min(16rem, calc(100vw - var(--space-8)));padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-gray-900);color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-weight-regular);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-out), visibility var(--duration-fast) var(--ease-standard);line-height:1.4;position:absolute;left:0;transform:translateY(4px)}.info-tooltip-bubble[data-open]{opacity:1;visibility:visible;transform:translateY(0)}@media (prefers-color-scheme:dark){.info-tooltip-bubble{background:var(--color-gray-800)}}.field-tooltip-anchor{display:inline-flex;position:relative}.field-tooltip-anchor:hover .field-tooltip-bubble,.field-tooltip-anchor:focus-within .field-tooltip-bubble{opacity:1;visibility:visible;transform:translateY(0)}.settings-domain-form .field-tooltip-anchor:has(input){flex:1;min-width:12.5rem}.field-tooltip-anchor:has(input) input{flex:1;width:100%;min-width:0}.field-tooltip-bubble{bottom:calc(100% + var(--space-2));left:0}.ai-generate-row{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.ai-generate-btn{flex-shrink:0}.settings-section{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--space-6);margin-bottom:var(--space-6)}.settings-section h3{margin:0 0 var(--space-2);font-size:var(--text-lg,var(--text-md))}.settings-section-intro{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-4);max-width:100%}.settings-section--danger{border-color:color-mix(in srgb, var(--color-danger-500) 38%, transparent)}.settings-danger-warning{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-50);color:var(--text-danger);font-size:var(--text-sm);line-height:var(--line-height-normal);margin-bottom:var(--space-4);align-items:flex-start;display:flex}.settings-danger-warning-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.settings-domain-form{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.settings-domain-form input{flex:1;min-width:12.5rem}.settings-domain-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.settings-domain-row{align-items:center;gap:var(--space-3);min-height:var(--touch-target-min);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:0 var(--space-4);display:flex}.settings-domain-value{font-size:var(--text-sm);color:var(--text-primary);word-break:break-all;flex:1}.settings-domain-value-empty{color:var(--text-secondary);font-style:italic}.settings-owner-line{min-height:var(--touch-target-min);color:var(--text-secondary);font-size:var(--text-sm);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:0 var(--space-4);margin:0 0 var(--space-3);align-items:center;display:flex}.settings-owner-toggle-row{justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.settings-owner-toggle-row .switch{flex-shrink:0}.settings-owner-line-disabled{color:var(--text-tertiary)}#notifications .form-actions{margin-top:var(--space-5)}.settings-theme-form{gap:var(--space-5);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=768px){.settings-theme-form{gap:var(--space-6);grid-template-columns:1fr 1fr}}.settings-theme-main{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.settings-theme-status{min-height:1.25em;font-size:var(--text-sm);color:var(--text-secondary);margin:0}.settings-theme-status:empty{display:none}.settings-theme-fields{gap:var(--space-4);grid-template-columns:1fr;display:grid}.settings-color-field{align-items:center;gap:var(--space-2);display:flex}.settings-color-swatch{width:var(--touch-target-min);height:var(--touch-target-min);padding:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-sunken);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);flex:none}.settings-color-swatch:hover{border-color:var(--border-strong)}.settings-color-swatch:focus-visible{box-shadow:var(--shadow-focus-ring);border-color:var(--border-focus);outline:none}.settings-color-hex-input{min-width:0;min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-base);flex:0 120px}.settings-color-hex-input[aria-invalid=true]{border-color:var(--color-danger-500)}.settings-theme-preview-label{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.settings-widget-preview{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.settings-widget-preview-frame{--preview-bg:var(--surface-page);gap:var(--space-3);width:100%;padding:var(--space-4);background:var(--preview-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:background-color var(--duration-fast) var(--ease-standard);flex-direction:column;display:flex}.settings-widget-preview-grid{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.settings-widget-preview-header{min-height:var(--space-8,2rem);align-items:center;display:flex}.settings-widget-preview-brand{font-size:var(--text-md);font-weight:var(--font-weight-bold);color:var(--text-primary)}.settings-widget-preview-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);flex-direction:column;display:flex;overflow:hidden}.settings-widget-preview-thumb{aspect-ratio:4/3;background:var(--surface-sunken);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.settings-widget-preview-thumb-img{object-fit:cover;width:100%;height:100%}.settings-widget-preview-body{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:var(--space-3);display:flex}.settings-widget-preview-heading{min-width:0}.settings-widget-preview-name{font-weight:var(--font-weight-semibold);font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.settings-widget-preview-category{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--text-secondary)}.settings-widget-preview-price{--preview-accent:var(--color-accent-600);font-weight:var(--font-weight-bold);font-size:var(--text-sm);color:var(--preview-accent);white-space:nowrap;flex-shrink:0;margin:0}.settings-embed-framework-field{max-width:20rem;margin-bottom:var(--space-3)}.settings-embed-block{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.settings-embed-code{width:100%;padding:var(--space-4);background:var(--color-gray-900);color:var(--text-on-dark);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--line-height-normal,1.6);white-space:pre;margin:0;overflow-x:auto}.settings-embed-block .btn{align-items:center;gap:var(--space-2);display:inline-flex}.billing-usage-line{font-size:var(--text-md);font-weight:var(--font-weight-medium);margin-bottom:var(--space-3)}.billing-usage-bar{border-radius:var(--radius-full);background:var(--surface-sunken);width:100%;max-width:24rem;height:.5rem;margin-bottom:var(--space-2);overflow:hidden}.billing-usage-bar-fill{background:var(--color-accent-500);border-radius:var(--radius-full);height:100%;transition:width var(--duration-base) var(--ease-out)}.billing-usage-bar-fill--limit{background:var(--color-warning-500)}.billing-usage-warning{color:var(--text-danger)}@media (prefers-reduced-motion:reduce){.billing-usage-bar-fill{transition:none}}.badge-tier-free{background:var(--color-gray-150);color:var(--text-secondary)}.badge-tier-pro{background:var(--color-accent-50);color:var(--color-accent-600)}.badge-tier-unlimited{background:var(--color-success-50);color:var(--color-success-600)}.subscription-banner{align-items:flex-start;gap:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-warning-500);background:var(--color-warning-50);color:var(--text-primary);margin-bottom:var(--space-6);display:flex}.subscription-banner-icon{color:var(--color-warning-600);flex-shrink:0;display:flex}.subscription-banner-icon svg{width:1.25rem;height:1.25rem}.subscription-banner--page{padding:var(--space-6)}.subscription-banner-body{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.subscription-banner-title{font-size:var(--text-md,1rem);margin:0;font-weight:600}.subscription-banner-text{font-size:var(--text-sm);color:var(--text-secondary);max-width:60ch;margin:0}.subscription-banner-cta{margin-top:var(--space-2);align-self:flex-start}.subscription-banner--global{padding:var(--space-4);flex-wrap:wrap;align-items:center}.subscription-banner--global .subscription-banner-text{color:var(--text-primary);flex:16rem}.subscription-banner-link{min-height:2.75rem;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-warning-600);text-underline-offset:2px;flex-shrink:0;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}.subscription-banner-link:hover,.subscription-banner-link:focus-visible{color:var(--color-warning-500)}.subscription-banner-link:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}@media (width>=768px){.subscription-banner--global{flex-wrap:nowrap}}.billing-plans-grid{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=768px){.billing-plans-grid{grid-template-columns:repeat(3,1fr)}}.billing-plan-card{padding:var(--space-6);border:1px solid var(--border-subtle,var(--color-gray-150));border-radius:var(--radius-lg);background:var(--surface-raised);flex-direction:column;display:flex;position:relative}.billing-plan-card--current{border-color:var(--color-accent-500);box-shadow:0 0 0 1px var(--color-accent-500)}.billing-plan-card-badge{margin-bottom:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-accent-50);color:var(--color-accent-600);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);align-self:flex-start}.billing-plan-card-name{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.billing-plan-card-price{margin:var(--space-2) 0 0;font-size:var(--text-xl,1.5rem);font-weight:var(--font-weight-bold);color:var(--text-primary)}.billing-plan-card-cap{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.billing-plan-card-features{margin:var(--space-4) 0 0;padding-left:var(--space-5);gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);flex-direction:column;flex:1;display:flex}.billing-plan-card-cta{margin-top:var(--space-5);width:100%;min-height:2.75rem}.analytics-filter-bar{gap:var(--space-4);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);flex-direction:column;display:flex}.analytics-filter-row label{margin-bottom:0}.analytics-filter-clear{align-self:flex-start;width:100%}@media (width>=768px){.analytics-filter-clear{align-self:flex-end;width:auto}}.stat-tile-row{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.stat-tile-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-tile{gap:var(--space-2);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--space-5) var(--space-6);flex-direction:column;display:flex}.stat-tile-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.stat-tile-value{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);font-variant-numeric:proportional-nums}.stat-tile-icon{color:var(--text-tertiary)}.analytics-panel{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6)}.analytics-panel-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.analytics-panel-title{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-4)}.analytics-panel-header .analytics-panel-title{margin-bottom:0}.analytics-panel-empty{color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-6) 0;text-align:center}.analytics-breakdown-toggle{gap:var(--space-2);flex-wrap:wrap;display:flex}.analytics-breakdown-toggle .btn{min-height:var(--touch-target-min)}.analytics-breakdown-toggle .btn.is-selected{background:var(--color-accent-500);border-color:var(--color-accent-500);color:var(--text-on-accent)}.analytics-top-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=1280px){.analytics-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-top-grid .analytics-panel{margin-bottom:0}}.chart-viz-root{width:100%;position:relative}.chart-svg{aspect-ratio:720/240;touch-action:pan-y;width:100%;height:auto;overflow:visible}.chart-gridline{stroke:var(--chart-gridline);stroke-width:1px}.chart-line{stroke:var(--chart-series-1);stroke-linecap:round;stroke-linejoin:round}.chart-marker{fill:var(--chart-series-1);stroke:var(--surface-raised);stroke-width:2px}.chart-crosshair{stroke:var(--chart-crosshair);stroke-width:1px}.chart-x-axis{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);justify-content:space-between;display:flex}.chart-tooltip-region{height:0;position:relative}.chart-tooltip{top:calc(-1 * var(--space-8));background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;z-index:1;flex-direction:column;align-items:center;gap:0;display:flex;position:absolute;transform:translate(-50%)}.chart-tooltip-label{color:var(--text-secondary)}.chart-tooltip-value{color:var(--text-primary);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.chart-legend{gap:var(--space-2) var(--space-4);margin:var(--space-4) 0 0;font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap;padding:0;list-style:none;display:flex}.chart-legend-item{align-items:center;gap:var(--space-2);display:flex}.chart-legend-swatch{border-radius:var(--radius-full);flex-shrink:0;width:.625rem;height:.625rem}.ranked-bar-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ranked-bar-row{align-items:center;gap:var(--space-3);display:flex}.ranked-bar-rank{border-radius:var(--radius-full);background:var(--surface-sunken);width:1.5rem;height:1.5rem;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ranked-bar-main{flex:1;min-width:0}.ranked-bar-labels{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.ranked-bar-name{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranked-bar-value{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.ranked-bar-secondary{font-weight:var(--font-weight-regular);color:var(--text-secondary)}.ranked-bar-track{border-radius:var(--radius-full);background:var(--color-accent-50);height:.5rem;overflow:hidden}.ranked-bar-fill{border-radius:var(--radius-full);background:var(--color-accent-500);height:100%;transition:width var(--duration-base) var(--ease-standard)}@media (width<=767px){.analytics-panel-header{flex-direction:column;align-items:stretch}.analytics-breakdown-toggle{justify-content:stretch}.analytics-breakdown-toggle .btn{flex:1}}.month-cal-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.month-cal-nav{align-items:center;gap:var(--space-3);display:flex}.month-cal-label{text-align:center;min-width:9rem;font-weight:var(--font-weight-semibold);font-size:var(--text-md);letter-spacing:var(--tracking-snug);font-variant-numeric:tabular-nums}.month-cal{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--space-3)}.month-cal-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}.month-cal-head,.month-cal-pad{display:none}.month-cal-day{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface-page);min-height:var(--touch-target-min);flex-direction:column;display:flex}.month-cal-day-today{background:rgba(var(--color-accent-500-rgb), .08);border-color:var(--border-subtle);box-shadow:inset 0 2px 0 var(--color-accent-500)}.month-cal-day-header{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.month-cal-day-weekday{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-normal)}.month-cal-day-number{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.month-cal-day-today .month-cal-day-number{color:var(--color-accent-600)}.month-cal-day-empty{font-size:var(--text-xs);color:var(--text-tertiary)}.month-cal-day-entries{gap:var(--space-2);max-height:11rem;padding-right:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.month-cal-entry{list-style:none;position:relative}.month-cal-entry-trigger{align-items:center;gap:var(--space-1);width:100%;min-height:var(--touch-target-min);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--cal-entry-bg,var(--surface-raised));color:var(--cal-entry-fg,var(--text-primary));font:inherit;text-align:left;cursor:pointer;transition:filter var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);border:1px solid #0000;display:flex}.month-cal-entry-trigger:hover{filter:brightness(.97)}.month-cal-entry-trigger:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.month-cal-entry-trigger[aria-expanded=true]{border-color:var(--color-accent-500);box-shadow:var(--shadow-xs)}.month-cal-entry-glyph{width:var(--space-4);height:var(--space-4);color:currentColor;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.month-cal-entry-glyph svg{width:100%;height:100%}.month-cal-entry-machine{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:inherit;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cal-status-confirmed{--cal-entry-bg:var(--color-success-50);--cal-entry-fg:var(--color-success-600)}.cal-status-active{--cal-entry-bg:var(--color-info-50);--cal-entry-fg:var(--color-info-600)}.cal-status-completed{--cal-entry-bg:var(--color-gray-100);--cal-entry-fg:var(--color-gray-600)}.cal-status-pending_approval{--cal-entry-bg:var(--color-warning-50);--cal-entry-fg:color-mix(in srgb, var(--color-warning-600) 72%, black)}.cal-status-pending_email_verification{--cal-entry-bg:var(--color-gray-100);--cal-entry-fg:var(--color-gray-600)}.cal-status-cancelled{--cal-entry-bg:var(--color-danger-50);--cal-entry-fg:var(--color-danger-600)}@media (prefers-color-scheme:dark){.cal-status-confirmed{--cal-entry-fg:color-mix(in srgb, var(--color-success-600) 80%, white)}.cal-status-completed,.cal-status-pending_email_verification{--cal-entry-bg:var(--color-gray-800);--cal-entry-fg:var(--color-gray-300)}.cal-status-active{--cal-entry-fg:color-mix(in srgb, var(--color-info-600) 75%, white)}.cal-status-cancelled{--cal-entry-fg:color-mix(in srgb, var(--color-danger-600) 65%, white)}}.month-cal-entry-popover{z-index:var(--z-overlay);width:max-content;min-width:16rem;max-width:min(22rem,100vw - 2rem);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border-default);box-shadow:var(--shadow-xl);animation:fade-in var(--duration-base) var(--ease-out);position:fixed}.month-cal-entry-popover-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);display:flex}.month-cal-entry-popover-close{width:var(--touch-target-min);height:var(--touch-target-min);margin:calc(var(--touch-target-min) * -.3) calc(var(--touch-target-min) * -.3) calc(var(--touch-target-min) * -.3) 0;border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.month-cal-entry-popover-close:hover{background:var(--border-default);color:var(--text-primary)}.month-cal-entry-popover-close:active{transform:scale(.94)}.month-cal-entry-popover-close:focus-visible{box-shadow:var(--shadow-focus-ring);outline:none}.month-cal-entry-popover-body{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.month-cal-entry-popover-row{gap:var(--space-1);flex-direction:column;display:flex}.month-cal-entry-popover-body dt{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-normal);margin:0}.month-cal-entry-popover-body dd{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);word-break:break-word;margin:0;line-height:1.4}@media (width>=768px){.month-cal-grid{gap:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr))}.month-cal-head{text-align:center;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);padding-bottom:var(--space-2);display:block}.month-cal-pad{display:block}.month-cal-day{min-height:8rem}.month-cal-day-weekday{display:none}.month-cal-day-entries{max-height:7rem}.month-cal-entry-trigger{padding:var(--space-1);min-height:2rem}}@media (width>=1280px){.month-cal-day{min-height:9.5rem}.month-cal-day-entries{max-height:8.5rem}}