:root{--color-primary:#7f1d1d;--color-primary-hover:#671616;--color-secondary:#2563eb;--color-secondary-hover:#1d4ed8;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#06b6d4;--accent-purple:#8b5cf6;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-yellow:#f59e0b;--accent-orange:#f97316;--accent-pink:#ec4899;--accent-red:#ef4444;--color-background:#f5f7fb;--color-surface:#ffffff7a;--color-surface-strong:#ffffffa8;--color-text:#172033;--color-text-muted:#475569;--color-border:#ffffff59;--color-navbar-text:#334155;--color-surface-solid:#fff;--blur-amount:14px;--background-image:url(/assets/Care.png);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 16px 40px #0000001a;--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;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--transition-fast:.18s ease;--sidebar-width:260px;--topbar-height:72px}[data-theme=dark]{--color-background:#0f172a;--color-surface:#0f172a80;--color-surface-strong:#0f172aad;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-border:#ffffff1a;--color-navbar-text:var(--color-text-muted);--color-surface-solid:#1e293b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-background:#0f172a;--color-surface:#0f172a80;--color-surface-strong:#0f172aad;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-border:#ffffff1a;--color-navbar-text:var(--color-text-muted);--color-surface-solid:#1e293b}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-background);margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}body{color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400}.text-page-title{letter-spacing:-.01em;color:var(--color-text);margin:0;font-size:clamp(26px,2.6vw,32px);font-weight:700;line-height:1.15}.text-section-title{color:var(--color-text);font-size:clamp(20px,2vw,24px);font-weight:600}.text-card-title{color:var(--color-text);font-size:17px;font-weight:600}.text-body{color:var(--color-text);font-size:15px;font-weight:400}.text-label{color:var(--color-text-muted);font-size:13px;font-weight:500}.text-caption{color:var(--color-text-muted);font-size:12px;font-weight:400}.text-metric{color:var(--color-text);font-size:28px;font-weight:700}.on-background-text{color:#fffffff5;text-shadow:0 2px 12px #00000059}.on-background-text.text-body,.on-background-text .text-body{color:#ffffffd1}.app-background{z-index:-10;background-image:var(--background-image);background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--color-background);position:fixed;inset:0}.background-overlay{pointer-events:none;z-index:-7;position:fixed;inset:0;overflow:hidden}.background-scrim{z-index:-5;pointer-events:none;background:#00000080;position:fixed;inset:0}.background-overlay:before,.background-overlay:after{content:"";filter:blur(120px);opacity:.45;border-radius:50%;width:60vmax;height:60vmax;position:absolute}.background-overlay:before{background:var(--color-primary);top:-22vmax;right:-18vmax}.background-overlay:after{background:var(--color-secondary);bottom:-22vmax;left:-18vmax}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.glass-surface{background:var(--color-surface);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 1px 1px #0000000a, var(--shadow-md), inset 0 1px 0 #ffffff40}[data-theme=dark] .glass-surface{box-shadow:0 1px 1px #0003, var(--shadow-md), inset 0 1px 0 #ffffff1f}.glass-surface--strong{background:var(--color-surface-strong)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);white-space:nowrap;color:#fff;padding:4px 12px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.badge--success{background:var(--color-success);box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 1px #0003, 0 4px 10px color-mix(in srgb, var(--color-success) 60%, transparent)}.badge--warning{background:var(--color-warning);box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 1px #0003, 0 4px 10px color-mix(in srgb, var(--color-warning) 60%, transparent)}.badge--danger{background:var(--color-danger);box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 1px #0003, 0 4px 10px color-mix(in srgb, var(--color-danger) 60%, transparent)}.badge--info{background:var(--color-info);box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 1px #0003, 0 4px 10px color-mix(in srgb, var(--color-info) 60%, transparent)}.badge--primary{background:var(--color-primary);box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 1px #0003, 0 4px 10px color-mix(in srgb, var(--color-primary) 60%, transparent)}.badge--neutral{background:var(--color-text-muted);box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 1px #0003, 0 4px 10px color-mix(in srgb, var(--color-text-muted) 45%, transparent)}[data-theme=dark] .badge--success{box-shadow:inset 0 1px 0 #fff3, inset 0 -1px 1px #0000004d, 0 4px 10px color-mix(in srgb, var(--color-success) 60%, transparent)}[data-theme=dark] .badge--warning{box-shadow:inset 0 1px 0 #fff3, inset 0 -1px 1px #0000004d, 0 4px 10px color-mix(in srgb, var(--color-warning) 60%, transparent)}[data-theme=dark] .badge--danger{box-shadow:inset 0 1px 0 #fff3, inset 0 -1px 1px #0000004d, 0 4px 10px color-mix(in srgb, var(--color-danger) 60%, transparent)}[data-theme=dark] .badge--info{box-shadow:inset 0 1px 0 #fff3, inset 0 -1px 1px #0000004d, 0 4px 10px color-mix(in srgb, var(--color-info) 60%, transparent)}[data-theme=dark] .badge--primary{box-shadow:inset 0 1px 0 #fff3, inset 0 -1px 1px #0000004d, 0 4px 10px color-mix(in srgb, var(--color-primary) 60%, transparent)}[data-theme=dark] .badge--neutral{box-shadow:inset 0 1px 0 #fff3, inset 0 -1px 1px #0000004d, 0 4px 10px color-mix(in srgb, var(--color-text-muted) 45%, transparent)}.dropdown{display:inline-flex;position:relative}.dropdown--full-width{width:100%;display:flex}.dropdown__panel{min-width:220px;max-width:calc(100vw - 16px);padding:var(--space-2);z-index:1000;flex-direction:column;gap:2px;display:flex;position:fixed;overflow-y:auto}@media (width<=640px){.dropdown__panel--sheet{width:auto;left:var(--space-3)!important;right:var(--space-3)!important}}.ripple{opacity:.28;pointer-events:none;background:currentColor;border-radius:50%;animation:.5s ease-out forwards ripple-expand;position:absolute;transform:scale(0)}@keyframes ripple-expand{to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ripple{animation-duration:1ms}}.icon-button{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-text) 4%, transparent);width:44px;height:44px;color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden}.icon-button:hover{background:color-mix(in srgb, var(--color-text) 8%, transparent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.icon-button:active{box-shadow:var(--shadow-sm);transform:scale(.94)}@media (prefers-reduced-motion:reduce){.icon-button{transition:none}}.icon-button--utility{color:#fff;background:linear-gradient(135deg, var(--icon-button-accent), color-mix(in srgb, var(--icon-button-accent) 70%, black));box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 1px #0000002e, 0 6px 16px color-mix(in srgb, var(--icon-button-accent) 45%, transparent)}.icon-button--utility:hover{box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 1px #0000002e, 0 8px 20px color-mix(in srgb, var(--icon-button-accent) 55%, transparent)}.icon-button--utility:active{box-shadow:inset 0 3px 6px #0000004d}[data-theme=dark] .icon-button--utility{box-shadow:inset 0 1px 0 #ffffff38, inset 0 -1px 1px #0000004d, 0 6px 16px color-mix(in srgb, var(--icon-button-accent) 45%, transparent)}.icon-button--utility-language{--icon-button-accent:var(--accent-blue)}.icon-button--utility-theme{--icon-button-accent:var(--color-primary)}.language-menu__header{padding:var(--space-2) var(--space-3)}.language-menu__item{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;text-align:left;transition:background-color var(--transition-fast);background:0 0;border:none;font-size:14px;font-weight:500;display:flex}.language-menu__item:hover{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.language-menu__item svg{color:var(--color-primary);flex-shrink:0}.liquid-glass-brand-mark{width:36px;height:36px;transition:transform var(--transition-fast);flex-shrink:0;position:relative}.navbar__brand:hover .liquid-glass-brand-mark{transform:translateY(-1px)}.liquid-glass-brand-mark__letter{color:#fff;text-shadow:0 1px 3px #00000073;pointer-events:none;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.liquid-glass-brand-mark--fallback{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));box-shadow:0 6px 16px color-mix(in srgb, var(--color-primary) 45%, transparent)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;min-height:44px;box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 1px #00000026, var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);border:1px solid #0000;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}[data-theme=dark] .btn{box-shadow:inset 0 1px 0 #ffffff38, inset 0 -1px 1px #0000004d, var(--shadow-sm)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 1px #00000026, var(--shadow-md);transform:translateY(-1px)}[data-theme=dark] .btn:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff38, inset 0 -1px 1px #0000004d, var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(0)scale(.97);box-shadow:inset 0 3px 6px #0000004d}.btn--primary{background:var(--color-primary);color:#fff;box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 1px #00000038, 0 8px 20px color-mix(in srgb, var(--color-primary) 60%, transparent)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 1px #00000038, 0 10px 26px color-mix(in srgb, var(--color-primary) 72%, transparent)}.btn--primary:active:not(:disabled){box-shadow:inset 0 3px 6px #00000059}.btn--danger{background:var(--color-danger);color:#fff;box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 1px #00000038, 0 8px 20px color-mix(in srgb, var(--color-danger) 60%, transparent)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 85%, black);box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 1px #00000038, 0 10px 26px color-mix(in srgb, var(--color-danger) 72%, transparent)}.btn--danger:active:not(:disabled){box-shadow:inset 0 3px 6px #00000059}.btn--info{background:var(--color-info);color:#fff;box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 1px #00000038, 0 8px 20px color-mix(in srgb, var(--color-info) 60%, transparent)}.btn--info:hover:not(:disabled){background:color-mix(in srgb, var(--color-info) 85%, black);box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 1px #00000038, 0 10px 26px color-mix(in srgb, var(--color-info) 72%, transparent)}.btn--info:active:not(:disabled){box-shadow:inset 0 3px 6px #00000059}.btn--accent{background:var(--color-secondary);color:#fff;box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 1px #00000038, 0 8px 20px color-mix(in srgb, var(--color-secondary) 60%, transparent)}.btn--accent:hover:not(:disabled){background:var(--color-secondary-hover);box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 1px #00000038, 0 10px 26px color-mix(in srgb, var(--color-secondary) 72%, transparent)}.btn--accent:active:not(:disabled){box-shadow:inset 0 3px 6px #00000059}.btn--warning{background:var(--color-warning);color:#fff;box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 1px #00000038, 0 8px 20px color-mix(in srgb, var(--color-warning) 60%, transparent)}.btn--warning:hover:not(:disabled){background:color-mix(in srgb, var(--color-warning) 85%, black);box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 1px #00000038, 0 10px 26px color-mix(in srgb, var(--color-warning) 72%, transparent)}.btn--warning:active:not(:disabled){box-shadow:inset 0 3px 6px #00000059}.btn--success{background:var(--color-success);color:#fff;box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 1px #00000038, 0 8px 20px color-mix(in srgb, var(--color-success) 60%, transparent)}.btn--success:hover:not(:disabled){background:color-mix(in srgb, var(--color-success) 85%, black);box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -1px 1px #00000038, 0 10px 26px color-mix(in srgb, var(--color-success) 72%, transparent)}.btn--success:active:not(:disabled){box-shadow:inset 0 3px 6px #00000059}.btn--secondary{background:var(--color-surface);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border-color:var(--color-border);color:var(--color-text)}.btn--ghost{color:var(--color-text-muted);box-shadow:none;background:0 0}.btn--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--color-text) 6%, transparent);box-shadow:none;transform:none}.btn--ghost:active:not(:disabled){box-shadow:none}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label,.field__hint{padding-left:2px}.input{border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);background:#ffffff59;border:1px solid #64748b33;padding:12px 14px;font-size:16px}[data-theme=dark] .input{background:#0f172a59}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent);outline:none}.input::placeholder{color:var(--color-text-muted)}.input--readonly{color:var(--color-text-muted);cursor:default}.card{padding:var(--space-6)}.card--interactive{cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.card--interactive:hover,.card--interactive:focus-visible{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card--interactive:active{box-shadow:var(--shadow-sm);transform:translateY(0)scale(.99)}@media (prefers-reduced-motion:reduce){.card--interactive{transition:none}}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-5);background:#0f172a73;justify-content:center;align-items:center;animation:.18s modal-fade;display:flex;position:fixed;inset:0}.modal-panel.glass-surface{background:var(--color-surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.modal-panel{width:100%;max-width:520px;max-height:calc(100vh - var(--space-10));flex-direction:column;padding:0;animation:.22s modal-rise;display:flex;overflow:hidden}.modal-panel--lg{max-width:760px}.modal-panel__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-6) 0;margin-bottom:var(--space-5);display:flex}.modal-panel__scroll{padding:0 var(--space-6) var(--space-6);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-text) 25%, transparent) transparent;overflow-y:auto}.modal-panel__scroll::-webkit-scrollbar{width:8px}.modal-panel__scroll::-webkit-scrollbar-track{background:0 0}.modal-panel__scroll::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--color-text) 25%, transparent);border-radius:var(--radius-pill);background-clip:padding-box;border:2px solid #0000}.modal-panel__scroll::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--color-text) 40%, transparent);background-clip:padding-box}.modal-panel__body{gap:var(--space-4);flex-direction:column;display:flex}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal-panel{animation:none}}@media (width<=640px){.modal-panel{max-width:100%}}.profile-button{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-text) 4%, transparent);border-radius:50%;font-size:12px;font-weight:600}.icon-button.profile-button--active{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;box-shadow:var(--shadow-md);transition:background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-color:#0000}.icon-button.profile-button--active:hover{box-shadow:var(--shadow-lg)}.profile-button:hover{border-color:var(--color-primary)}.profile-button__photo{object-fit:cover;border-radius:50%;width:100%;height:100%}.navbar{top:var(--space-4);z-index:40;height:var(--topbar-height);align-items:center;gap:var(--space-4);padding:0 var(--space-5);margin:var(--space-4) var(--space-6) 0;grid-template-columns:1fr auto 1fr;display:grid;position:sticky}.navbar__left{align-items:center;gap:var(--space-2);grid-column:1;justify-self:start;min-width:0;display:flex}.navbar__brand{align-items:center;gap:var(--space-3);flex-shrink:0;text-decoration:none;display:flex}.navbar__brand-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;width:36px;height:36px;box-shadow:0 6px 16px color-mix(in srgb, var(--color-primary) 45%, transparent);transition:transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;font-weight:700;display:flex}.navbar__brand:hover .navbar__brand-mark{box-shadow:0 8px 20px color-mix(in srgb, var(--color-primary) 55%, transparent);transform:translateY(-1px)}.navbar__brand-wordmark{align-items:center;gap:var(--space-2);font-size:22px;font-weight:800;display:flex}.navbar__brand-beres{color:var(--color-secondary)}.navbar__brand-id{color:var(--color-primary)}.navbar__center{justify-self:center;align-items:center;gap:var(--space-1);grid-column:2;display:flex}.navbar__right{align-items:center;gap:var(--space-3);grid-column:3;justify-self:end;min-width:0;display:flex}.navbar__mobile-menu{display:none}.nav-item__chevron{opacity:.7;flex-shrink:0}.nav-item:hover{background:color-mix(in srgb, var(--accent-blue) 35%, transparent);color:var(--color-text);box-shadow:inset 0 1px 0 #fff6, inset 0 -1px 1px #0000001f, 0 5px 14px color-mix(in srgb, var(--accent-blue) 45%, transparent)}[data-theme=dark] .nav-item:hover{background:color-mix(in srgb, var(--accent-blue) 20%, transparent);color:var(--accent-blue);box-shadow:inset 0 1px 0 #ffffff29, inset 0 -1px 1px #00000040, 0 5px 14px color-mix(in srgb, var(--accent-blue) 45%, transparent)}.nav-item.active{background:color-mix(in srgb, var(--color-primary) 35%, transparent);color:var(--color-text);box-shadow:inset 0 1px 0 #fff6, inset 0 -1px 1px #0000001f, 0 5px 14px color-mix(in srgb, var(--color-primary) 45%, transparent)}[data-theme=dark] .nav-item.active{background:color-mix(in srgb, var(--color-primary) 20%, transparent);color:var(--color-primary);box-shadow:inset 0 1px 0 #ffffff29, inset 0 -1px 1px #00000040, 0 5px 14px color-mix(in srgb, var(--color-primary) 45%, transparent)}@media (width<=1024px){.navbar__center{display:none}.navbar__mobile-menu{display:block}}@media (width<=640px){.navbar{margin-left:var(--space-3);margin-right:var(--space-3);padding:0 var(--space-3)}.navbar__brand-badge{display:none}}@media (width<=480px){.navbar__brand-wordmark{display:none}}.app-shell{flex-direction:column;min-height:100vh;display:flex;position:relative}.app-shell__body{padding:var(--space-5) var(--space-6) var(--space-10);box-sizing:border-box;flex:1;width:100%;max-width:1440px;margin:0 auto}@media (width<=640px){.app-shell__body{padding:var(--space-4) var(--space-3) var(--space-8)}}.loading-state{align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-muted);justify-content:center;display:flex}.loading-state__spinner{border:2px solid color-mix(in srgb, var(--color-primary) 25%, transparent);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-state__spinner{animation-duration:1.4s}}.toast-stack{top:calc(var(--space-4) + var(--topbar-height) + var(--space-5));right:var(--space-6);z-index:1200;gap:var(--space-3);max-width:min(360px, calc(100vw - var(--space-6) * 2));flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:default;animation:.22s toast-in;display:flex}.toast__icon{flex-shrink:0;margin-top:2px}.toast--success .toast__icon{color:var(--color-success)}.toast--error .toast__icon{color:var(--color-danger)}.toast--info .toast__icon{color:var(--color-info)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@media (width<=640px){.toast-stack{left:var(--space-4);right:var(--space-4);top:calc(var(--space-3) + var(--topbar-height) + var(--space-4));max-width:none}}.auth-page{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative}.auth-card{width:100%;max-width:460px;padding:var(--space-8);gap:var(--space-5);flex-direction:column;display:flex}.auth-card__brand{justify-content:center;align-items:center;gap:var(--space-3);font-size:30px;font-weight:800;display:flex}.auth-card__brand-beres{color:var(--color-secondary)}.auth-card__brand-id{color:var(--color-primary)}.auth-card__tagline{text-align:center;color:var(--color-text-muted);margin:calc(var(--space-5) * -1) 0 0}.auth-card__brand--watermark{opacity:.55;justify-content:flex-start;gap:var(--space-2);font-size:13px;font-weight:600}.auth-card__business-name{color:var(--color-text);margin:0;font-size:28px;font-weight:800}.auth-card__form{gap:var(--space-4);flex-direction:column;display:flex}.auth-card__submit{justify-content:center;width:100%}.auth-card__divider{align-items:center;gap:var(--space-3);color:var(--color-text-muted);letter-spacing:.04em;font-size:12px;font-weight:600;display:flex}.auth-card__divider:before,.auth-card__divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-card__google{background:var(--color-surface-solid);width:100%;color:var(--color-text);justify-content:center}.auth-card__signup{text-align:center;color:var(--color-text-muted);margin:0;font-size:14px}.auth-card__link{color:var(--color-primary);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.database-page{flex-direction:column;min-height:100vh;display:flex;position:relative}.database-page__header{margin:var(--space-4) var(--space-6) 0;padding:var(--space-3) var(--space-5);justify-content:space-between;align-items:center;display:flex}.database-page__brand{align-items:center;gap:var(--space-3);display:flex}.database-page__brand-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;width:36px;height:36px;box-shadow:0 6px 16px color-mix(in srgb, var(--color-primary) 45%, transparent);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.database-page__brand-wordmark{align-items:center;gap:var(--space-2);font-size:18px;font-weight:800;display:flex}.database-page__brand-beres{color:var(--color-secondary)}.database-page__brand-id{color:var(--color-primary)}.database-page__account-trigger{gap:var(--space-2)}.database-page__account-name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.database-page__body{padding:var(--space-6);flex:1;width:100%;max-width:1200px;margin:0 auto}.database-page__card{padding:var(--space-6)}.database-page__card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.database-page__hint{margin-top:var(--space-1);max-width:640px}.database-row__actions{gap:var(--space-2);justify-content:flex-end;display:flex}.nav-item{align-items:center;gap:var(--space-2);padding:8px var(--space-3);border-radius:var(--radius-md);color:var(--color-navbar-text);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast);background:0 0;border:none;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:color-mix(in srgb, var(--color-text) 8%, transparent)}.profile-menu__header{padding:var(--space-2) var(--space-3)}.profile-menu__item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;text-align:left;transition:background-color var(--transition-fast);background:0 0;border:none;font-size:14px;font-weight:500;text-decoration:none;display:flex}.profile-menu__item:hover{background:color-mix(in srgb, var(--color-text) 8%, transparent)}.profile-menu__item--danger{color:var(--color-danger)}.profile-menu__item--danger:hover{background:color-mix(in srgb, var(--color-danger) 10%, transparent)}.empty-state{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);color:var(--color-text-muted);flex-direction:column;display:flex}.empty-state__icon{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-primary) 12%, transparent);width:56px;height:56px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.empty-state__description{max-width:42ch;margin:0}.data-table-container{gap:var(--space-2);flex-direction:column;display:flex}.data-table__hint{color:var(--color-text-muted)}.data-table-wrap{border-radius:var(--radius-xl);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:560px}.data-table thead th{text-align:left;padding:var(--space-4) var(--space-5);letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap;font-size:12px;font-weight:600}.data-table tbody td{padding:var(--space-4) var(--space-5);color:var(--color-text);border-bottom:1px solid var(--color-border);font-size:14px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr.data-table__row--clickable{cursor:pointer}.data-table tbody tr.data-table__row--clickable:hover{background:color-mix(in srgb, var(--color-primary) 5%, transparent)}.data-table tbody tr.data-table__row--clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.data-table tbody tr{transition:none}}.combobox-trigger{justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);width:100%;color:var(--color-text);cursor:pointer;text-align:left;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);background:#ffffff59;border:1px solid #64748b33;padding:12px 14px;font-size:14px;display:flex}[data-theme=dark] .combobox-trigger{background:#0f172a59}.combobox-trigger:disabled{cursor:not-allowed;opacity:.6}.combobox-trigger:focus-visible,.combobox-trigger[aria-expanded=true]{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent);outline:none}.combobox-trigger__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.combobox-trigger--placeholder .combobox-trigger__label{color:var(--color-text-muted)}.combobox-trigger__chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.combobox__panel{min-width:220px;padding:var(--space-2);gap:var(--space-2);flex-direction:column;min-height:0;display:flex}.combobox__search{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-muted);background:#ffffff59;border:1px solid #64748b33;flex-shrink:0;padding:8px 10px;display:flex}[data-theme=dark] .combobox__search{background:#0f172a59}.combobox__search input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:16px}.combobox__search input::placeholder{color:var(--color-text-muted)}.combobox__list{flex-direction:column;flex:auto;gap:2px;min-height:0;max-height:240px;display:flex;overflow-y:auto}.combobox__option{border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast);padding:9px 12px;font-size:14px}.combobox__option:hover,.combobox__option--highlighted{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.combobox__option--active{background:color-mix(in srgb, var(--color-primary) 16%, transparent);color:var(--color-primary);font-weight:600}.combobox__empty{padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:13px}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar--photo{object-fit:cover}.avatar--initials{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;font-weight:700;line-height:1}.menu-tile-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.menu-tile{justify-content:center;align-items:center;gap:var(--space-3);min-height:200px;padding:var(--space-6);border-radius:var(--radius-2xl);color:var(--color-text);cursor:pointer;background:var(--color-surface);-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));border:1px solid var(--color-border);box-shadow:0 1px 1px #0000000a, var(--shadow-md), inset 0 1px 0 #ffffff40;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.menu-tile:before{content:"";background:radial-gradient(circle at 15% 10%, color-mix(in srgb, var(--tile-accent) 20%, transparent), transparent 65%);pointer-events:none;position:absolute;inset:0}.menu-tile:hover{border-color:color-mix(in srgb, var(--tile-accent) 40%, var(--color-border));box-shadow:0 1px 1px #0000000f, var(--shadow-lg), inset 0 1px 0 #ffffff4d, 0 0 0 1px color-mix(in srgb, var(--tile-accent) 18%, transparent);transform:translateY(-4px)}.menu-tile:active{transform:translateY(-1px)}.menu-tile__icon-badge{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--tile-accent), color-mix(in srgb, var(--tile-accent) 65%, black));color:#fff;width:64px;height:64px;box-shadow:0 8px 18px color-mix(in srgb, var(--tile-accent) 40%, transparent), inset 0 1px 0 #ffffff59;transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.menu-tile:hover .menu-tile__icon-badge{transform:translateY(-2px)scale(1.05)}.menu-tile__label{text-align:center;color:var(--color-text);font-size:16px;font-weight:600;position:relative}.menu-tile--disabled{cursor:default;opacity:.6}.menu-tile--disabled:hover{border-color:var(--color-border);box-shadow:0 1px 1px #0000000a, var(--shadow-md), inset 0 1px 0 #ffffff40;transform:none}.menu-tile--disabled:hover .menu-tile__icon-badge{transform:none}.menu-tile__badge{top:var(--space-3);right:var(--space-3);position:absolute}.menu-tile__badge--lock{background:color-mix(in srgb, var(--color-text) 10%, transparent);width:28px;height:28px;color:var(--color-text-muted);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;justify-content:center;align-items:center;display:flex}.menu-tile--purple{--tile-accent:var(--accent-purple)}.menu-tile--blue{--tile-accent:var(--accent-blue)}.menu-tile--cyan{--tile-accent:var(--accent-cyan)}.menu-tile--green{--tile-accent:var(--accent-green)}.menu-tile--yellow{--tile-accent:var(--accent-yellow)}.menu-tile--orange{--tile-accent:var(--accent-orange)}.menu-tile--pink{--tile-accent:var(--accent-pink)}.menu-tile--red{--tile-accent:var(--accent-red)}@media (prefers-reduced-motion:reduce){.menu-tile,.menu-tile__icon-badge{transition:none}}.breadcrumbs{margin-bottom:var(--space-1);flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;display:flex}.breadcrumbs__item{align-items:center;gap:4px;display:inline-flex}.breadcrumbs__separator{color:#ffffff73;flex-shrink:0}a.breadcrumbs__link{color:#ffffffbf;text-shadow:0 1px 6px #00000059;transition:color var(--transition-fast);text-decoration:none}a.breadcrumbs__link:hover{color:#fff;text-decoration:underline}.breadcrumbs__current{color:#ffffffe6;text-shadow:0 1px 6px #00000059;font-weight:500}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-header__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.bento-grid{gap:var(--space-5);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.bento-item--span-3{grid-column:span 3}.bento-item--span-4{grid-column:span 4}.bento-item--span-6{grid-column:span 6}.bento-item--span-8{grid-column:span 8}.bento-item--span-12{grid-column:span 12}@media (width<=1024px){.bento-item--span-3,.bento-item--span-4{grid-column:span 6}.bento-item--span-8{grid-column:span 12}}@media (width<=640px){.bento-item--span-3,.bento-item--span-4,.bento-item--span-6,.bento-item--span-8,.bento-item--span-12{grid-column:span 12}}.record-detail__fields{gap:var(--space-3);flex-direction:column;display:flex}.record-detail__field{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.record-detail__field:last-child{border-bottom:none;padding-bottom:0}.record-detail__footer{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.record-detail__footer-left,.record-detail__footer-right{gap:var(--space-3);flex-wrap:wrap;display:flex}.currency-input{border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);background:#ffffff59;border:1px solid #64748b33;align-items:center;display:flex}[data-theme=dark] .currency-input{background:#0f172a59}.currency-input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent)}.currency-input__prefix{color:var(--color-text-muted);-webkit-user-select:none;user-select:none;padding-left:14px;font-size:16px}.currency-input__field.input{background:0 0;border:none;flex:1;min-width:0;padding:12px 14px 12px 6px}.currency-input__field.input:focus{box-shadow:none;outline:none}.datetime-picker{gap:var(--space-3);padding:var(--space-2);flex-direction:column;width:280px;max-width:calc(100vw - 32px);display:flex}.datetime-picker__nav{justify-content:space-between;align-items:center;display:flex}.datetime-picker__month{text-transform:capitalize}.datetime-picker__weekdays,.datetime-picker__days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datetime-picker__weekdays span{text-transform:uppercase;text-align:center;color:var(--color-text-muted);padding-bottom:var(--space-1);font-size:11px;font-weight:600}.datetime-picker__day{aspect-ratio:1;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:13px;display:flex}.datetime-picker__day:hover{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.datetime-picker__day--muted{color:var(--color-text-muted);opacity:.55}.datetime-picker__day--today{box-shadow:inset 0 0 0 1px var(--color-primary)}.datetime-picker__day--selected{background:var(--color-primary);color:var(--color-on-primary,#fff);font-weight:600}.datetime-picker__time{justify-content:center;align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid #64748b33;display:flex}.datetime-picker__time-field{text-align:center;font-variant-numeric:tabular-nums;width:52px;padding:8px}.datetime-picker__time-sep{color:var(--color-text-muted);font-weight:600}.datetime-picker__actions{justify-content:flex-end;gap:var(--space-2);display:flex}@media (width<=640px){.datetime-picker{width:100%}}.search-input{align-items:center;display:flex;position:relative}.search-input__icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:14px}.search-input input{width:100%;padding-left:40px}.master-data-page__toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.master-data-page__search{flex:1;min-width:220px;max-width:360px}.appointment-service-picker{gap:var(--space-2);align-items:flex-end;display:flex}.appointment-service-picker__select{flex:1;min-width:0}@media (width<=480px){.appointment-service-picker{align-items:stretch;gap:var(--space-3);flex-direction:column}}.calendar-page__toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.calendar-page__view-switcher{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-text) 6%, transparent);gap:2px;padding:3px;display:inline-flex}.calendar-page__view-btn{color:var(--color-text-muted);padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;font-size:13px;font-weight:600}.calendar-page__view-btn:hover{color:var(--color-text)}.calendar-page__view-btn.active{background:var(--color-primary);color:#fff}.calendar-page__nav{justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.calendar-page__heading{text-align:center;min-width:220px}.calendar-page__agenda{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.calendar-page__agenda-row{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color var(--transition-fast);grid-template-columns:90px 1fr 1.4fr 1fr auto;display:grid}.calendar-page__agenda-row:hover{background:color-mix(in srgb, var(--color-text) 5%, transparent)}.calendar-page__agenda-row:last-child{border-bottom:none}.calendar-page__agenda-time{color:var(--color-text);font-weight:600}.calendar-page__agenda-contact{font-weight:500}.calendar-page__agenda-services,.calendar-page__agenda-staff{color:var(--color-text-muted);font-size:13px}.calendar-page__week-grid{gap:var(--space-2);grid-template-columns:repeat(7,1fr);display:grid}.calendar-page__week-col{gap:var(--space-2);border-radius:var(--radius-md);min-height:200px;padding:var(--space-2);background:color-mix(in srgb, var(--color-text) 3%, transparent);flex-direction:column;display:flex}.calendar-page__week-col--today{background:color-mix(in srgb, var(--color-primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 30%, transparent)}.calendar-page__week-col-header{padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:center;gap:2px;display:flex}.calendar-page__week-col-day{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:11px}.calendar-page__week-col-date{font-size:18px;font-weight:700}.calendar-page__week-col-body{gap:var(--space-1);flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.calendar-page__week-empty{color:var(--color-text-muted);text-align:center;padding-top:var(--space-2);font-size:12px}.calendar-page__week-chip{border-radius:var(--radius-sm);width:100%;padding:var(--space-1) var(--space-2);background:var(--color-surface-strong);cursor:pointer;text-align:left;transition:background-color var(--transition-fast);border:none;flex-direction:column;align-items:flex-start;gap:1px;display:flex}.calendar-page__week-chip:hover{background:color-mix(in srgb, var(--color-primary) 15%, var(--color-surface-strong))}.calendar-page__week-chip-time{color:var(--color-primary);font-size:11px;font-weight:700}.calendar-page__week-chip-contact{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:500;overflow:hidden}@media (width<=768px){.calendar-page__agenda-row{grid-template-columns:70px 1fr auto}.calendar-page__agenda-services,.calendar-page__agenda-staff{display:none}.calendar-page__week-grid{grid-template-columns:repeat(7,minmax(90px,1fr));overflow-x:auto}}.calendar-page__month-weekdays{gap:var(--space-2);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);text-align:center;grid-template-columns:repeat(7,1fr);font-size:11px;display:grid}.calendar-page__month-grid{gap:var(--space-2);grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(90px,auto);display:grid}.calendar-page__month-cell{border-radius:var(--radius-md);padding:var(--space-2);background:color-mix(in srgb, var(--color-text) 3%, transparent);cursor:pointer;gap:var(--space-1);transition:background-color var(--transition-fast);flex-direction:column;display:flex}.calendar-page__month-cell:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}.calendar-page__month-cell--outside{opacity:.4}.calendar-page__month-cell--today{background:color-mix(in srgb, var(--color-primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 30%, transparent)}.calendar-page__month-cell-date{align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.calendar-page__month-dot{background:var(--color-primary);border-radius:50%;width:6px;height:6px;display:none}.calendar-page__month-cell-items{flex-direction:column;gap:2px;display:flex}.calendar-page__month-chip{background:var(--color-surface-strong);width:100%;color:var(--color-text);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border:none;border-radius:4px;padding:2px 4px;font-size:10px;display:block;overflow:hidden}.calendar-page__month-chip:hover{background:color-mix(in srgb, var(--color-primary) 20%, var(--color-surface-strong))}.calendar-page__month-more{color:var(--color-text-muted);padding:0 4px;font-size:10px}@media (width<=768px){.calendar-page__month-grid{grid-auto-rows:minmax(60px,auto)}.calendar-page__month-chip,.calendar-page__month-more{display:none}.calendar-page__month-dot{display:inline-block}}.barcode-scanner-overlay{z-index:1000;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.barcode-scanner-overlay__header{top:var(--space-4);left:var(--space-4);right:var(--space-4);z-index:1;justify-content:space-between;display:flex;position:absolute}.barcode-scanner-overlay__button{color:#fff;background:#0f172a8c}.barcode-scanner-overlay__video{object-fit:cover;width:100%;height:100%}.barcode-scanner-overlay__frame{border:3px solid var(--color-primary);border-radius:var(--radius-lg);pointer-events:none;width:min(78vw,420px);height:min(46vw,220px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2000px #00000059}.barcode-scanner-overlay__hint{bottom:var(--space-8);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:#0f172a8c;position:absolute;left:50%;transform:translate(-50%)}.barcode-scanner-overlay__error{text-align:center;color:#fff;max-width:360px;padding:var(--space-6)}.fast-cashier-camera-button{display:none}@media (width<=1024px){.fast-cashier-camera-button{display:inline-flex}}.scan-barcode-button{display:none}@media (width<=1024px){.scan-barcode-button{display:inline-flex}}.checkbox{align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.checkbox__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.checkbox__box{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-surface);width:20px;height:20px;-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:inset 0 1px 3px #0000001f}.checkbox__icon{color:#fff;opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);transform:scale(.5)}.checkbox:hover .checkbox__box{border-color:var(--color-primary)}.checkbox__input:checked+.checkbox__box{background:var(--color-primary);border-color:var(--color-primary);box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 1px #0003, 0 4px 10px color-mix(in srgb, var(--color-primary) 55%, transparent)}[data-theme=dark] .checkbox__input:checked+.checkbox__box{box-shadow:inset 0 1px 0 #ffffff38, inset 0 -1px 1px #0000004d, 0 4px 10px color-mix(in srgb, var(--color-primary) 55%, transparent)}.checkbox__input:checked+.checkbox__box .checkbox__icon{opacity:1;transform:scale(1)}.checkbox__input:indeterminate+.checkbox__box{background:var(--color-primary);border-color:var(--color-primary);box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 1px #0003, 0 4px 10px color-mix(in srgb, var(--color-primary) 55%, transparent)}[data-theme=dark] .checkbox__input:indeterminate+.checkbox__box{box-shadow:inset 0 1px 0 #ffffff38, inset 0 -1px 1px #0000004d, 0 4px 10px color-mix(in srgb, var(--color-primary) 55%, transparent)}.checkbox__icon--indeterminate{opacity:1;transform:scale(1)}.checkbox__input:focus-visible+.checkbox__box{outline:2px solid var(--color-primary);outline-offset:2px}.checkbox__input:disabled+.checkbox__box{opacity:.5;cursor:not-allowed}.checkbox:active .checkbox__box{transform:scale(.92)}@media (prefers-reduced-motion:reduce){.checkbox__box,.checkbox__icon{transition:none}}.public-booking-card{max-width:560px;max-height:calc(100vh - var(--space-10));overflow-y:auto}.public-booking__error,.public-booking__confirmation{gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.public-booking__confirmation-detail{padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);text-align:left;flex-direction:column;gap:2px;display:flex}.public-booking__service-picker{gap:var(--space-2);align-items:flex-end;display:flex}.public-booking__service-picker-select{flex:1;min-width:0}@media (width<=480px){.public-booking__service-picker{align-items:stretch;gap:var(--space-3);flex-direction:column}}.queue-display{color:#f8fafc;min-height:100vh;padding:var(--space-8) var(--space-10);box-sizing:border-box;gap:var(--space-8);background:linear-gradient(160deg,#0f172a,#1e293b);flex-direction:column;display:flex}.queue-display__header{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid #ffffff1f;flex-wrap:wrap;display:flex}.queue-display__sound-banner{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-primary) 30%, #1e293b);color:#f8fafc;cursor:pointer;border:none;font-size:18px;font-weight:600;display:flex}.queue-display__sound-banner:hover{background:color-mix(in srgb, var(--color-primary) 40%, #1e293b)}.queue-display__brand-block{flex-direction:column;gap:2px;display:flex}.queue-display__brand{color:#ffffff73;font-size:13px;font-weight:600}.queue-display__brand-id{color:var(--color-primary)}.queue-display__business-name{color:#fffffff2;font-size:30px;font-weight:800}.queue-display__title{margin:0;font-size:40px;font-weight:800}.queue-display__empty{color:#ffffff8c;text-align:center;padding:var(--space-10) 0;font-size:24px}.queue-display__active-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.queue-display__active-card{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8);border-radius:var(--radius-2xl);background:color-mix(in srgb, var(--color-primary) 22%, #1e293b);border:2px solid var(--color-primary);box-shadow:0 0 40px color-mix(in srgb, var(--color-primary) 35%, transparent);flex-direction:column;transition:background-color .5s,border-color .5s,box-shadow .5s;animation:.5s cubic-bezier(.34,1.56,.64,1) both queue-card-enter;display:flex}.queue-display__active-card--called{animation:.5s cubic-bezier(.34,1.56,.64,1) both queue-card-enter,1.8s ease-in-out .5s infinite queue-card-pulse}.queue-display__active-card--serving{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 20%, #1e293b);box-shadow:0 0 40px color-mix(in srgb, var(--color-success) 30%, transparent)}.queue-display__active-card--leaving{animation:.4s ease-in both queue-card-leave}@keyframes queue-card-enter{0%{opacity:0;transform:scale(.85)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes queue-card-leave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes queue-card-pulse{0%,to{box-shadow:0 0 40px color-mix(in srgb, var(--color-primary) 35%, transparent)}50%{box-shadow:0 0 64px color-mix(in srgb, var(--color-primary) 60%, transparent)}}@media (prefers-reduced-motion:reduce){.queue-display__active-card,.queue-display__active-card--called,.queue-display__active-card--leaving,.queue-display__waiting-chip{animation:none}}.queue-display__active-number{font-size:96px;font-weight:800;line-height:1}.queue-display__active-name{font-size:28px;font-weight:600}.queue-display__active-room{border-radius:var(--radius-lg);color:#ffffffd9;background:#ffffff1f;padding:2px 10px;font-size:15px;font-weight:600}.queue-display__active-status{text-transform:uppercase;letter-spacing:.08em;color:#ffffffb3;font-size:16px}.queue-display__waiting{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.queue-display__waiting-title{color:#ffffffbf;margin:0;font-size:20px;font-weight:700}.queue-display__waiting-grid{gap:var(--space-3);flex-wrap:wrap;display:flex}.queue-display__waiting-chip{align-items:baseline;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:#ffffff14;border:1px solid #ffffff29;animation:.4s ease-out both queue-card-enter;display:flex}.queue-display__waiting-chip-number{font-size:28px;font-weight:700}.queue-display__waiting-chip-name{color:#ffffffbf;font-size:18px;font-weight:500}@media (width<=640px){.queue-display{padding:var(--space-4)}.queue-display__title{font-size:28px}.queue-display__active-number{font-size:64px}.queue-display__business-name{font-size:16px}}