@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-main:#000;--surface-main:#141414d9;--surface-strong:#1e1e1ef2;--surface-hover:#2d2d2d;--surface-border:#d4af3740;--text-main:#fff;--text-sub:#ffffffd9;--text-muted:#ffffff8c;--primary:#d4af37;--primary-hover:#e5c158;--primary-glow:#d4af3726;--primary-glow-hover:#d4af3766;--accent:#f9f1d8;--warning-bg:#f59e0b1f;--danger:#ef4444;--danger-bg:#ef44441f;--info:#3b82f6;--info-bg:#3b82f61f;--bg-color:#080b14;--bg-secondary:#0d1117;--surface:#ffffff0a;--success:#10b981;--success-bg:#10b9811f;--warning:#f59e0b;--sidebar-width:245px;--header-height:64px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--radius-pill:9999px;--radius-card:24px;--radius-card-sm:20px;--radius-card-lg:32px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-purple:0 4px 20px #8b5cf64d;--overlay-bg:#0009;--surface-card:#121218a6;--surface-card-solid:#18181f;--border-subtle:#ffffff14;--border-light:#ffffff1f;--shadow-color:#00000080;--kiosk-bg:#0c0c10}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-main:#fdfbf7;--bg-color:#fcf9f2;--bg-secondary:#f4efe1;--surface:#fdfbf7bf;--surface-main:#fdfbf7f2;--surface-strong:#fdfbf7;--surface-hover:#f4efe1;--surface-border:#d4af3759;--text-main:#1a1814;--text-sub:#4a443a;--text-muted:#827866;--primary-glow:#d4af3733;--primary-hover:#b8972e;--accent:#8b6d1b;--overlay-bg:#0000004d;--surface-card:#fdfbf7d9;--surface-card-solid:#fff;--border-subtle:#00000014;--border-light:#0000001f;--shadow-color:#0000001a;--kiosk-bg:var(--bg-main)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:92%}html,body,button,input,select,textarea,optgroup{font-family:Inter,system-ui,-apple-system,sans-serif!important}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 50% at 20% 10%,#d4af370d,#0000),radial-gradient(60% 40% at 80% 80%,#ffffff05,#0000);min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s;font-family:Inter,system-ui,-apple-system,sans-serif!important}.font-mono,[class*=font-mono]{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;font-family:Inter,system-ui,-apple-system,sans-serif!important}a{color:inherit;text-decoration:none}.glass{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);transition:background .3s,border-color .3s,box-shadow .3s}.page-title{letter-spacing:-.03em;font-size:1.75rem;font-weight:700}.section-title{font-size:1.1rem;font-weight:600}.text-sm{font-size:.8125rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.wrap{flex-wrap:wrap}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.pt-2{padding-top:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.w-16{width:4rem}.h-16{height:4rem}.rounded-lg{border-radius:16px}.rounded-full{border-radius:9999px}.text-center{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-main{color:var(--text-main)}.text-sub{color:var(--text-sub)}.text-muted{color:var(--text-muted)}.tracking-widest{letter-spacing:.1em}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#000;background:linear-gradient(135deg,#d4af37,#aa8529);box-shadow:0 4px 20px #d4af3740}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #d4af3766}.btn-secondary{background:var(--surface-strong);color:var(--text-main);border:1px solid var(--surface-border)}.btn-secondary:hover{background:var(--surface-hover)}.btn-ghost{color:var(--text-sub);background:0 0}.btn-ghost:hover{background:var(--surface-hover);color:var(--text-main)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #ef444433}.btn-success{background:var(--success-bg);color:var(--success);border:1px solid #10b98133}.btn-sm{padding:.375rem .875rem;font-size:.8125rem}.btn-icon{color:var(--text-sub);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:.5rem;transition:all .2s;display:flex}.btn-icon:hover{background:var(--surface-hover);color:var(--text-main)}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:.2rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-purple{background:var(--primary-glow);color:var(--accent)}.badge-muted{background:var(--surface-strong);color:var(--text-sub)}.badge-amber{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b59}.badge-teal{color:#5eead4;background:#14b8a62e;border:1px solid #14b8a659}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:.75rem!important}.ml-4{margin-left:1rem!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:.75rem!important}.mr-4{margin-right:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-0\.5,.py-0-5{padding-top:.125rem!important;padding-bottom:.125rem!important}.bg-surface-hover{background:var(--surface-hover)!important}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--surface-border);background:var(--surface-strong);white-space:nowrap;text-align:left;padding:.875rem 1.25rem;font-size:.75rem;font-weight:600}.data-table td{border-bottom:1px solid var(--surface-border);vertical-align:middle;text-align:left;padding:1rem 1.25rem;font-size:.875rem}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.search-input-wrap{background:var(--surface-main);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:flex}.search-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.search-input-wrap input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:.875rem}.search-input-wrap input::placeholder{color:var(--text-muted)}.divider{background:var(--surface-border);height:1px;margin:1rem 0}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-md{width:40px;height:40px;font-size:.875rem}.avatar-lg{width:48px;height:48px;font-size:1rem}.avatar-xl{width:64px;height:64px;font-size:1.5rem}.avatar-purple{box-shadow:0 4px 14px #8b5cf666;color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important}.avatar-teal{box-shadow:0 4px 14px #14b8a666;color:#fff!important;background:linear-gradient(135deg,#14b8a6,#0f766e)!important}.avatar-rose{box-shadow:0 4px 14px #f43f5e66;color:#fff!important;background:linear-gradient(135deg,#f43f5e,#be123c)!important}.avatar-amber{box-shadow:0 4px 14px #f59e0b66;color:#fff!important;background:linear-gradient(135deg,#f59e0b,#b45309)!important}.avatar-green{box-shadow:0 4px 14px #10b98166;color:#fff!important;background:linear-gradient(135deg,#10b981,#047857)!important}.avatar-blue{box-shadow:0 4px 14px #3b82f666;color:#fff!important;background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}.avatar-gold{box-shadow:0 4px 14px #d4af3766;color:#000!important;background:linear-gradient(135deg,#e5c158,#aa8529)!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-up{animation:.35s forwards fadeUp}.anim-delay-1{opacity:0;animation-delay:50ms}.anim-delay-2{opacity:0;animation-delay:.1s}.anim-delay-3{opacity:0;animation-delay:.15s}.anim-delay-4{opacity:0;animation-delay:.2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=768px){.page-title{font-size:1.4rem}}.side-panel-overlay{z-index:1050;opacity:0;pointer-events:none;background:#00000080;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.side-panel-overlay.open{opacity:1;pointer-events:auto}.side-panel{background:var(--surface-strong);z-index:1100;flex-direction:column;width:400px;max-width:100vw;height:100vh;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-400px;box-shadow:-4px 0 24px #00000080}.side-panel.open{right:0}.panel-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.panel-title{margin:0;font-size:1.125rem;font-weight:600}.panel-body{flex:1;padding:1.5rem;overflow-y:auto}.panel-card{border-radius:var(--radius-lg);flex-direction:column;align-items:center;margin-bottom:1.5rem;padding:2rem 1rem;display:flex}.panel-avatar{background:var(--primary-glow);width:64px;height:64px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.5rem;font-weight:700;display:flex}.panel-client-name{margin:0;font-size:1.25rem;font-weight:700}.panel-info-group{flex-direction:column;gap:1rem;display:flex}.info-row{align-items:flex-start;gap:1rem;display:flex}.info-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.info-text{flex-direction:column;display:flex}.info-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.75rem;font-weight:600}.info-value{color:var(--text-main);margin-top:2px;font-size:.875rem;font-weight:500}.hover-text-primary:hover{color:var(--primary)}input[type=number],input[type=number].form-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-moz-appearance:textfield;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='20' viewBox='0 0 14 20'%3E%3Cpath d='M2.5 7.5 L7 3 L11.5 7.5' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 12.5 L7 17 L11.5 12.5' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:calc(100% - 8px)!important;background-repeat:no-repeat!important;background-size:14px 20px!important;padding-right:28px!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;opacity:0!important;box-shadow:none!important;cursor:pointer!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:100%!important;margin:0!important;padding:0!important}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;opacity:0!important;box-shadow:none!important;cursor:pointer!important;background:0 0!important;border:none!important;outline:none!important;width:28px!important;height:100%!important;margin:0!important;padding:0!important}[data-theme=light] input[type=number],[data-theme=light] input[type=number].form-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='20' viewBox='0 0 14 20'%3E%3Cpath d='M2.5 7.5 L7 3 L11.5 7.5' fill='none' stroke='%231a1814' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 12.5 L7 17 L11.5 12.5' fill='none' stroke='%231a1814' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}.card,.stat-card,.panel-card,.dash-toolbar-card,.ready-to-bill-banner,.client-exec-card,.client-card-dossier,.tier-progression-card,.att-exec-card,.att-staff-photo-card,.kiosk-card,.kiosk-staff-card,.staff-card,.public-booking-card,.wellness-lock-card,.clients-main-card,.attendance-main-card{border-radius:var(--radius-card,20px)!important}.client-pref-card,.client-loyalty-card,.client-hospitality-card,.client-alert-card,.client-formula-box,.client-package-item,.tier-rule-card,.category-select-card,.linked-appt-card{border-radius:var(--radius-card-sm,16px)!important}.modal-box,.modal-content{border-radius:var(--radius-card-lg,24px)!important}.category-tab-btn,.cat-btn,.appt-category-tab,.appt-category-tabs,.appt-category-count,.att-tab-btn,.att-tab-pill,.staff-edit-tab,.global-search-tab-pill,.client-tab-btn,.client-tier-pill,.client-stylist-pill,.client-recency-chip,.btn-tier-rules,.btn-card-action,.client-card-action-btn,.client-action-icon-btn,.client-card-icon-btn,.client-quick-contact-btn,.view-toggle-btn,.clients-view-toggle,.clients-quick-filter,.search-box-clients,.kiosk-branch-pill,.kiosk-clock-pill,.kiosk-back-btn,.kiosk-mode-btn,.kiosk-status-pill,.badge-pill,.filter-chip,.tab-pill,.badge-tier-vip,.badge-tier-gold,.badge-tier-regular,.badge-tier-new{border-radius:9999px!important}.toast-container{z-index:9999;position:fixed;bottom:2rem;right:2rem}.toast-message{border-radius:var(--radius-md);color:var(--bg-main);background:var(--primary);align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;display:flex;box-shadow:0 4px 12px #d4af374d}.toast-info{background:var(--text-main);color:var(--bg-main);box-shadow:0 4px 12px #ffffff1a}.sidebar{width:var(--sidebar-width);border-top:none;border-bottom:none;border-left:none;border-right:1px solid var(--surface-border);z-index:100;border-radius:0;flex-direction:column;height:100vh;padding:1.25rem .875rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:.875rem;padding:.5rem .5rem 1.5rem;display:flex}.brand-logo{border-radius:var(--radius-md);color:#000;background:linear-gradient(135deg,#d4af37,#aa8529);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 20px #d4af3740}.brand-text{flex-direction:column;display:flex}.brand-name{letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.brand-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:500}.sidebar-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.5rem;padding:0 .5rem;font-size:.65rem;font-weight:700}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--text-sub);align-items:center;gap:.875rem;padding:.625rem .75rem;transition:all .2s;display:flex;position:relative}.nav-link:hover{background:var(--surface-hover);color:var(--text-main)}.nav-link.active{color:var(--primary);background:linear-gradient(135deg,#d4af372e,#d4af370d);border:1px solid #d4af3733}.nav-link.active .nav-icon-wrap{background:var(--primary-glow);color:var(--primary)}.nav-icon-wrap{background:var(--surface);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.nav-labels{flex-direction:column;flex:1;display:flex}.nav-main{font-size:.875rem;font-weight:600}.nav-sub{color:var(--text-muted);font-size:.7rem}.nav-arrow{color:var(--text-muted);opacity:0;transition:opacity .2s}.nav-link:hover .nav-arrow{opacity:1}.sidebar-footer{flex-direction:column;margin-top:auto;display:flex}.lang-toggle{background:var(--surface-strong);border:1px solid var(--surface-border);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;margin-bottom:.5rem;padding:.5rem;font-family:Inter,sans-serif;transition:all .2s;display:flex}.lang-toggle:hover{background:var(--primary-glow);border-color:var(--primary);color:var(--primary)}.salon-info{border-radius:var(--radius-md);align-items:center;gap:.75rem;margin-top:.5rem;padding:.75rem;display:flex}.header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;gap:1.25rem;min-height:58px;margin-bottom:1.25rem;padding:.5rem 0 1rem;display:flex}.header-left{flex:1;align-items:center;gap:1rem;max-width:520px;display:flex}.header-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.header-search{width:100%;max-width:440px;position:relative}@media (width>=1300px){.header-search{max-width:480px}}.global-search-kbd{border-radius:var(--radius-xs,4px);background:var(--border-subtle);border:1px solid var(--border-light);color:var(--text-muted);pointer-events:none;padding:.15rem .4rem;font-size:.68rem;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.global-search-clear{color:var(--text-muted);position:absolute;top:50%;right:8px;transform:translateY(-50%)}.global-search-clear:hover{color:var(--text-main)}.global-search-popout{z-index:1050;flex-direction:column;width:540px;max-width:90vw;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;background:var(--surface-card-solid)!important;border-radius:var(--radius-md)!important;box-shadow:0 20px 50px var(--shadow-color), 0 0 25px #d4af371a!important;border:1px solid #d4af3759!important}.global-search-tabs{border-bottom:1px solid var(--surface-border);background:var(--shadow-color);gap:.35rem;padding:.65rem .85rem;display:flex;overflow-x:auto}.global-search-tab-pill{border-radius:var(--radius-full);background:var(--border-subtle);border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.global-search-tab-pill:hover{background:var(--border-light);color:var(--text-main)}.global-search-tab-pill.active{background:var(--primary-glow);border-color:var(--primary);color:var(--primary)}.global-search-tab-count{opacity:.85;font-size:.65rem}.global-search-results-list{max-height:380px;overflow-y:auto}.global-search-item{border-bottom:1px solid var(--border-subtle);cursor:pointer;align-items:center;gap:.85rem;padding:.75rem 1rem;transition:background .15s;display:flex}.global-search-item:last-child{border-bottom:none}.global-search-item:hover{background:#d4af3714}.global-search-item-icon{border-radius:var(--radius-sm);background:var(--border-subtle);border:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.global-search-item-info{flex:1;min-width:0}.global-search-item-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.global-search-item-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.global-search-item-badge{flex-shrink:0;padding:.08rem .4rem;font-size:.68rem}.global-search-item-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.75rem;overflow:hidden}.global-search-arrow{opacity:.4;transition:opacity .15s,transform .15s}.global-search-item:hover .global-search-arrow{opacity:1;color:var(--primary);transform:translate(2px)}.global-search-empty{text-align:center;padding:2.5rem 1.5rem}.global-search-footer{border-top:1px solid var(--surface-border);background:var(--surface-card);justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.header-date{border-radius:var(--radius-md);white-space:nowrap;flex-direction:column;align-items:flex-end;padding:.4rem .875rem;display:flex}.time{font-size:.9375rem;font-weight:700}.notif-btn{position:relative}.notif-dot{background:var(--danger);border:2px solid var(--bg-color);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.user-chip{cursor:pointer;border-radius:40px;align-items:center;gap:.625rem;padding:.375rem .875rem .375rem .375rem;transition:background .2s;display:flex}.user-chip:hover{background:var(--surface-hover)}.user-chip-info{flex-direction:column;display:flex}.popout-item{border-bottom:1px solid var(--surface-border);transition:background .15s}.popout-item:last-child{border-bottom:none}.popout-item:hover{background:var(--surface-hover)}.notif-popout{z-index:1050;flex-direction:column;width:440px;max-width:95vw;animation:.2s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;background:var(--surface-card-solid,var(--surface-card,#141417))!important;border-radius:var(--radius-lg,16px)!important;box-shadow:0 24px 60px var(--shadow-color), 0 0 30px #d4af371f!important;border:1px solid #d4af374d!important}.notif-header{border-bottom:1px solid var(--surface-border);background:var(--surface-strong);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.15rem;display:flex}.notif-header-left{align-items:center;gap:.65rem;display:flex}.notif-header-icon-wrap{border-radius:var(--radius-sm,8px);width:32px;height:32px;color:var(--primary,#d4af37);background:#d4af3726;justify-content:center;align-items:center;display:flex}.notif-header-title{color:var(--text-main);letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.notif-header-actions{align-items:center;gap:.4rem;display:flex}.notif-tool-btn{border-radius:var(--radius-sm,6px);background:var(--border-subtle);border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.notif-tool-btn:hover{background:var(--border-light);color:var(--text-main);border-color:#d4af374d}.notif-tool-btn.primary{color:var(--primary,#d4af37);background:#d4af371f;border-color:#d4af3759}.notif-tool-btn.primary:hover{color:var(--primary,#d4af37);background:#d4af3738}.notif-icon-btn{border-radius:var(--radius-sm,6px);background:var(--border-subtle);border:1px solid var(--border-light);width:28px;height:28px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.notif-icon-btn:hover{background:var(--border-light);color:var(--text-main)}.notif-icon-btn.danger:hover{color:var(--danger,#ef4444);background:#ef44441f;border-color:#ef444459}.notif-tabs-bar{border-bottom:1px solid var(--surface-border);background:var(--shadow-color,#0003);scrollbar-width:none;gap:.35rem;padding:.6rem .85rem;display:flex;overflow-x:auto}.notif-tabs-bar::-webkit-scrollbar{display:none}.notif-tab-pill{border-radius:var(--radius-full,9999px);background:var(--border-subtle);border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;padding:.28rem .65rem;font-size:.72rem;font-weight:600;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.notif-tab-pill:hover{background:var(--border-light);color:var(--text-main)}.notif-tab-pill.active{border-color:var(--primary,#d4af37);color:var(--primary,#d4af37);background:#d4af3726;box-shadow:0 0 12px #d4af3733}.notif-tab-count{background:var(--border-subtle);color:inherit;border-radius:9999px;padding:.05rem .35rem;font-size:.65rem;font-weight:700}.notif-tab-pill.active .notif-tab-count{background:var(--primary,#d4af37);color:#000}.notif-push-banner{border-radius:var(--radius-sm,10px);background:linear-gradient(135deg,#d4af3714 0%,#d4af3705 100%);border:1px solid #d4af3740;justify-content:space-between;align-items:center;gap:.75rem;margin:.65rem .85rem .25rem;padding:.65rem .85rem;display:flex}.notif-push-banner-content{color:var(--text-main);align-items:center;gap:.6rem;font-size:.75rem;line-height:1.3;display:flex}.notif-push-banner-btn{border-radius:var(--radius-full);background:var(--primary,#d4af37);color:#000;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.25rem;padding:.25rem .65rem;font-size:.72rem;font-weight:700;transition:transform .15s,filter .15s;display:inline-flex}.notif-push-banner-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.notif-list{overscroll-behavior:contain;max-height:380px;overflow-y:auto}.notif-card{border-bottom:1px solid var(--border-subtle);cursor:pointer;align-items:flex-start;gap:.85rem;padding:.85rem 1.15rem;transition:all .15s;display:flex;position:relative}.notif-card:last-child{border-bottom:none}.notif-card.unread{background:#d4af370a}.notif-card:hover{background:var(--surface-hover)}.notif-card.unread:hover{background:#d4af3714}.notif-card-icon-wrap{border-radius:var(--radius-sm,10px);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s;display:flex;position:relative}.notif-card:hover .notif-card-icon-wrap{transform:scale(1.05)}.notif-card-body{flex:1;min-width:0}.notif-card-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.notif-card-title-group{align-items:center;gap:.4rem;min-width:0;display:flex}.notif-card-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:700;overflow:hidden}.notif-unread-dot{background:var(--primary,#d4af37);width:6px;height:6px;box-shadow:0 0 6px var(--primary,#d4af37);border-radius:50%;flex-shrink:0}.notif-card-badge{border-radius:var(--radius-full);flex-shrink:0;padding:.08rem .4rem;font-size:.625rem;font-weight:600}.notif-card-text{color:var(--text-sub);word-break:break-word;margin-bottom:.35rem;font-size:.75rem;line-height:1.45}.notif-card-footer{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.6875rem;display:flex}.notif-card-time{align-items:center;gap:.3rem;font-family:inherit;display:flex}.notif-card-actions{opacity:.7;align-items:center;gap:.35rem;transition:opacity .15s;display:flex}.notif-card:hover .notif-card-actions{opacity:1}.notif-card-action-btn{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.notif-card-action-btn:hover{background:var(--border-light);color:var(--text-main);border-color:var(--border-light)}.notif-card-action-btn.delete:hover{color:var(--danger,#ef4444);background:#ef44441f;border-color:#ef444440}.notif-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.notif-empty-icon-wrap{width:54px;height:54px;color:var(--primary,#d4af37);background:#d4af371a;border:1px solid #d4af3733;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}.notif-empty-title{color:var(--text-main);margin-bottom:.25rem;font-size:.875rem;font-weight:700}.notif-empty-desc{color:var(--text-muted);max-width:240px;font-size:.75rem}.notif-footer-bar{border-top:1px solid var(--surface-border);background:var(--surface-card);color:var(--text-muted);justify-content:space-between;align-items:center;padding:.65rem 1.15rem;font-size:.72rem;display:flex}.app-layout{min-height:100vh;display:flex}.main-area{margin-left:var(--sidebar-width);flex:1;min-height:100vh;overflow-x:hidden}.main-inner{max-width:1440px;padding:1.25rem 1.75rem}.card{border-radius:var(--radius-card,20px);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.card-action{align-items:center;gap:.5rem;display:flex}.card-body{flex:1;padding:1.5rem}.card-body.no-pad{padding:0}.modal-overlay{background:var(--overlay-bg,#000000b3);-webkit-backdrop-filter:blur(8px);z-index:2000;box-sizing:border-box;overscroll-behavior:contain;touch-action:none;justify-content:center;align-items:center;width:100%;height:100dvh;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-strong,var(--surface-card));border-radius:var(--radius-card-lg,24px);border:1px solid var(--surface-border,var(--border-subtle));width:100%;max-width:min(480px,100% - 2rem);box-shadow:var(--shadow-lg,0 20px 50px #00000080);box-sizing:border-box;overscroll-behavior:contain;touch-action:auto;flex-direction:column;max-height:min(92vh,100dvh - 2rem);margin:auto;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--surface-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--text-main);margin:0;font-size:1.125rem;font-weight:600}.modal-body{flex:1;padding:1.5rem;overflow:hidden auto}.form-group{margin-bottom:1rem}.form-label{color:var(--text-sub);margin-bottom:.5rem;font-size:.8125rem;font-weight:500;display:block}.form-input,.form-select{box-sizing:border-box;background:var(--surface);border:1px solid var(--surface-border);width:100%;height:42px;color:var(--text-main);border-radius:20px;padding:.625rem 1.25rem;font-family:Inter,sans-serif;font-size:.875rem;transition:all .2s}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.modal-footer{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.dashboard{flex-direction:column;gap:1.5rem;display:flex}.dash-toolbar-card{border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface);flex-direction:column;gap:.875rem;padding:1.125rem 1.35rem;display:flex;box-shadow:0 4px 20px #0000000a}.dash-toolbar-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.dash-filter-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.dash-filter-icon{color:var(--accent);align-items:center;gap:.4rem;display:flex}.dash-pills-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.dash-pill-btn{background:var(--surface-hover);color:var(--text-sub);cursor:pointer;border:1px solid #0000;border-radius:20px;padding:.35rem .85rem;font-size:.8125rem;font-weight:500;transition:all .2s}.dash-pill-btn:hover{background:var(--surface-border);color:var(--text-main);transform:translateY(-1px)}.dash-pill-btn.active{background:var(--primary);color:var(--text-main);border-color:var(--primary);box-shadow:0 2px 8px var(--primary-glow);font-weight:600}.btn-privacy-toggle{background:var(--surface-hover);color:var(--text-sub);border:1px solid var(--surface-border);cursor:pointer;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-privacy-toggle:hover{background:var(--surface-border);color:var(--text-main)}.btn-privacy-toggle.hidden-mode{color:#ef4444;background:#ef44441f;border-color:#ef444440}.custom-date-box{border-radius:var(--radius-md);background:var(--surface-hover);border:1px dashed var(--surface-border);padding:.85rem 1rem}.custom-date-inputs{flex-wrap:wrap;align-items:flex-end;gap:.875rem;display:flex}.date-input-field{flex-direction:column;gap:.25rem;display:flex}.date-input-field input[type=date]{border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--surface);color:var(--text-main);padding:.35rem .65rem;font-size:.8125rem}.dash-filter-status{border-top:1px solid var(--surface-border);flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.4rem;display:flex}.filter-stat-badge{background:var(--surface-hover);color:var(--text-muted);border:1px solid var(--surface-border);border-radius:12px;margin-left:auto;padding:.15rem .6rem;font-size:.75rem;font-weight:600}.quick-actions-section{border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface);flex-direction:column;gap:1rem;padding:1.25rem 1.35rem;display:flex;box-shadow:0 4px 20px #0000000a}.quick-actions-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;display:grid}.quick-action-btn{text-align:center;border-radius:var(--radius-md);background:var(--surface-hover);border:1px solid var(--surface-border);cursor:pointer;flex-direction:column;align-items:center;gap:.6rem;padding:.85rem .5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.quick-action-btn:hover{border-color:var(--accent);background:var(--surface);transform:translateY(-3px);box-shadow:0 6px 16px #00000014}.qa-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.quick-action-btn:hover .qa-icon-wrap{transform:scale(1.08)}.qa-purple{color:#8b5cf6;background:#8b5cf626}.qa-teal{color:#14b8a6;background:#14b8a626}.qa-amber{color:#f59e0b;background:#f59e0b26}.qa-green{color:#22c55e;background:#22c55e26}.qa-gold{color:#d4af37;background:#d4af372e}.qa-rose{color:#f43f5e;background:#f43f5e26}.qa-blue{color:#3b82f6;background:#3b82f626}.qa-indigo{color:#6366f1;background:#6366f126}.qa-emerald{color:#10b981;background:#10b98126}.qa-text{flex-direction:column;gap:.15rem;display:flex}.qa-title{color:var(--text-main);font-size:.8125rem;font-weight:600;line-height:1.2}.qa-module{color:var(--text-muted);font-size:.6875rem}.dash-attendance-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--surface-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.35rem;transition:all .2s;display:flex;box-shadow:0 4px 20px #0000000a}.dash-attendance-card:hover{border-color:#22c55e59;box-shadow:0 6px 24px #22c55e14}.dash-att-left{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.dash-att-icon-badge{width:36px;height:36px;color:var(--success);background:#22c55e1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash-att-title{color:var(--text-main);letter-spacing:-.01em;font-size:.875rem;font-weight:700}.dash-att-stats{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dash-att-chip{border:1px solid #0000;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.75rem;font-weight:500;display:inline-flex}.dash-att-chip.present{color:#16a34a;background:#22c55e1a;border-color:#22c55e40}.dash-att-chip.leave{color:#d97706;background:#f59e0b1a;border-color:#f59e0b40}.dash-att-chip.missing{background:var(--surface-hover);color:var(--text-muted);border-color:var(--surface-border)}.dash-att-btn{color:var(--text-main);background:var(--surface-hover);border:1px solid var(--surface-border);cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.dash-att-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow);transform:translate(2px)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.stat-card{border-radius:var(--radius-lg);text-align:center;border:1px solid var(--surface-border);flex-direction:column;align-items:center;gap:.75rem;padding:1.35rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.stat-top{flex-direction:column-reverse;align-items:center;gap:.75rem;width:100%;display:flex}.stat-label-row{justify-content:center;align-items:center;gap:.4rem;display:flex;position:relative}.stat-label{color:var(--text-sub);font-size:.875rem;font-weight:600;display:block}.stat-card-eye-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;transition:all .15s;display:inline-flex}.stat-card-eye-btn:hover{color:var(--accent);background:var(--surface-hover)}.stat-value{letter-spacing:-.03em;color:var(--text-main);font-size:1.85rem;font-weight:800}.stat-masked-text{letter-spacing:.2em;color:var(--text-muted);font-size:1.5rem;font-weight:700}.stat-change{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.dash-content{grid-template-columns:1.6fr 1fr;align-items:start;gap:1.5rem;display:grid}.dash-side{flex-direction:column;gap:1.5rem;display:flex}.apt-list{flex-direction:column;gap:.35rem;height:280px;max-height:280px;padding-right:.35rem;display:flex;overflow:hidden auto}.apt-list::-webkit-scrollbar{width:5px}.staff-perf-list::-webkit-scrollbar{width:5px}.apt-list::-webkit-scrollbar-track{background:0 0}.staff-perf-list::-webkit-scrollbar-track{background:0 0}.apt-list::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}.staff-perf-list::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}.apt-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.staff-perf-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.apt-row{border-radius:var(--radius-md);align-items:center;gap:1rem;padding:.875rem;transition:background .15s;display:flex}.apt-row:hover{background:var(--surface-hover)}.apt-time{color:var(--text-sub);align-items:center;gap:.375rem;min-width:95px;font-size:.8125rem;font-weight:600;display:flex}.apt-info{flex:1;align-items:center;gap:.75rem;display:flex}.empty-dash-list{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;margin:auto;padding:1.5rem 1rem;display:flex}.services-list{flex-direction:column;gap:1rem;display:flex}.service-row{flex-direction:column;display:flex}.progress-track{background:var(--surface-border);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--primary);height:100%;box-shadow:0 0 8px var(--primary-glow);border-radius:3px;transition:width 1s ease-out}.staff-perf-list{flex-direction:column;gap:.75rem;height:280px;max-height:280px;padding-right:.35rem;display:flex;overflow:hidden auto}.staff-perf-row{border-radius:var(--radius-sm);align-items:center;gap:.75rem;padding:.625rem;transition:background .15s;display:flex}.staff-perf-row:hover{background:var(--surface-hover)}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.dash-content,.stats-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.dash-toolbar-top{flex-direction:column;align-items:flex-start}}.appointments-page{flex-direction:column;gap:1.5rem;display:flex}.appt-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.appt-date{font-size:1rem}.appt-filters{gap:.375rem;display:flex}.appt-summary{gap:.5rem;display:flex}.row-completed{opacity:.55}.row-active{border-left:3px solid var(--primary)}@media (width<=768px){.appt-toolbar{flex-direction:column;align-items:flex-start}}.appt-category-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.appt-category-tabs{background:var(--surface,var(--border-subtle));border:1px solid var(--border,var(--border-light));border-radius:14px;gap:4px;padding:4px;display:flex}.appt-category-tab{color:var(--text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.45rem .95rem;font-size:.85rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.appt-category-tab:hover{color:var(--text,#fff);background:var(--surface-hover,var(--border-subtle))}.appt-category-tab.active{background:var(--primary-glow,#d4af3726);color:var(--primary,#d4af37);font-weight:600;box-shadow:0 2px 8px #00000026}.appt-category-tab.active.tab-salon{color:#c084fc;background:#a855f726}.appt-category-tab.active.tab-beauty{color:#fb7185;background:#f43f5e26}.appt-category-count{background:var(--border-subtle);color:var(--text-muted,#9ca3af);border-radius:10px;justify-content:center;align-items:center;padding:1px 7px;font-size:.72rem;font-weight:600;display:inline-flex}.appt-category-tab.active .appt-category-count{background:var(--border-light);color:inherit}.category-select-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.35rem;display:grid}.category-select-card{border-radius:var(--radius-card-sm,16px);border:1px solid var(--border,var(--border-light));background:var(--surface,var(--border-subtle));cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;padding:.75rem .9rem;transition:all .2s;display:flex}.category-select-card:hover{border-color:var(--primary,#d4af37);background:var(--surface-hover,var(--border-subtle));transform:translateY(-1px)}.category-select-card.active-salon{background:#a855f71f;border-color:#a855f7;box-shadow:0 0 12px #a855f740}.category-select-card.active-beauty{background:#f43f5e1f;border-color:#f43f5e;box-shadow:0 0 12px #f43f5e40}.category-select-icon{background:var(--border-subtle);width:34px;height:34px;color:var(--text,#fff);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.category-select-card.active-salon .category-select-icon{color:var(--text-main);background:#a855f7}.category-select-card.active-beauty .category-select-icon{color:var(--text-main);background:#f43f5e}.category-select-info{flex-direction:column;display:flex}.category-name{color:var(--text,#fff);font-size:.9rem;font-weight:600}.category-desc{color:var(--text-muted,#9ca3af);margin-top:1px;font-size:.72rem}.badge-rose{color:#fb7185;background:#f43f5e24;border:1px solid #f43f5e4d}.badge-purple{color:#c084fc;background:#a855f724;border:1px solid #a855f74d}.appt-client-search-wrap{width:100%;position:relative}.appt-client-dropdown{background:var(--surface-card-solid);border-radius:var(--radius-md);box-shadow:0 16px 36px var(--shadow-color);z-index:1050;border:1px solid #d4af3759;max-height:260px;padding:.375rem 0;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.appt-client-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);align-items:center;gap:.375rem;padding:.5rem .875rem .25rem;font-size:.72rem;font-weight:700;display:flex}.appt-client-item{cursor:pointer;border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:.25rem;padding:.625rem .875rem;transition:background .15s;display:flex}.appt-client-item:last-child{border-bottom:none}.appt-client-item:hover{background:#d4af371f}.appt-client-item-top{justify-content:space-between;align-items:center;display:flex}.appt-client-name{color:var(--text-main);font-size:.875rem;font-weight:600}.appt-client-phone{color:var(--text-sub);font-size:.78rem}.appt-client-item-sub{color:var(--text-muted);font-size:.72rem}.appt-client-empty{text-align:center;color:var(--text-muted);padding:.875rem;font-size:.82rem}.row-cancelled{background:#ef44440a}.row-cancelled:hover{background:#ef444414!important}.hover-bg-danger-subtle:hover{color:#ef4444!important;background:#ef444426!important}.cancellation-alert-box{border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef44444d}.quick-reason-btn:hover{border-color:var(--primary)!important;color:var(--primary)!important}.cancel-appt-modal-form{flex-direction:column;gap:.75rem;display:flex}.cancel-modal-banner{border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef444438;align-items:center;gap:.65rem;padding:.5rem .8rem;display:flex}.cancel-banner-icon{color:#ef4444;flex-shrink:0}.cancel-banner-text{align-items:center;display:flex}.cancel-banner-sub{color:#ef4444;margin:0;font-size:.76rem;line-height:1.3}.cancel-appt-summary-card{border-radius:var(--radius-md);background:var(--surface-hover);border:1px solid var(--surface-border);flex-direction:column;gap:.45rem;padding:.65rem .85rem;display:flex}.cancel-card-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding-bottom:.45rem;display:flex}.cancel-card-client{color:var(--text-main);font-size:.88rem;font-weight:600}.cancel-card-service{color:var(--text-muted);font-size:.75rem}.cancel-card-grid{grid-template-columns:repeat(2,1fr);gap:.35rem .85rem;display:grid}.cancel-grid-item{flex-direction:column;gap:.1rem;display:flex}.cancel-item-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.68rem;font-weight:600}.cancel-item-val{color:var(--text-main);font-size:.8rem;font-weight:500}.cancel-reason-textarea{box-sizing:border-box;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-sm);width:100%;min-height:56px;color:var(--text-main);resize:vertical;padding:.45rem .7rem;font-family:Inter,sans-serif;font-size:.8125rem;line-height:1.4;transition:all .2s;height:56px!important}.cancel-reason-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.cancel-reason-textarea.border-danger{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.cancel-reason-error{color:#ef4444;align-items:center;gap:.4rem;margin-top:.35rem;font-size:.75rem;font-weight:500;display:flex}.cancel-quick-section{flex-direction:column;gap:.35rem;display:flex}.cancel-quick-label{color:var(--text-sub);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.cancel-quick-grid{flex-wrap:wrap;gap:.35rem;display:flex}.cancel-quick-chip{border:1px solid var(--surface-border);background:var(--surface);color:var(--text-sub);cursor:pointer;border-radius:20px;align-items:center;padding:.28rem .65rem;font-size:.73rem;font-weight:500;transition:all .18s;display:inline-flex}.cancel-quick-chip:hover{border-color:var(--primary);color:var(--text-main);background:var(--surface-hover)}.cancel-quick-chip.selected{background:var(--primary-glow);color:var(--primary);border-color:var(--primary);font-weight:600}.cancel-modal-footer{border-top:1px solid var(--surface-border);justify-content:flex-end;align-items:center;gap:.65rem;padding-top:.65rem;display:flex}.cancel-modal-btn{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem 1.05rem;font-size:.825rem;font-weight:600;transition:all .2s;display:inline-flex}.clients-page{flex-direction:column;gap:1.5rem;display:flex}.client-executive-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.client-exec-card{border-radius:var(--radius-card,20px);border:1px solid var(--surface-border);flex-direction:column;gap:.5rem;padding:1.1rem 1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.client-exec-card:before{content:"";background:0 0;height:2px;transition:background .2s;position:absolute;top:0;left:0;right:0}.client-exec-card:hover{box-shadow:0 6px 20px var(--shadow-color);border-color:#d4af374d;transform:translateY(-2px)}.client-exec-card:hover:before{background:var(--primary)}.client-exec-top{justify-content:space-between;align-items:center;display:flex}.client-exec-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.75rem;font-weight:700}.client-exec-icon-wrap{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.icon-purple{color:#c084fc;background:#a855f71f;border:1px solid #a855f740}.icon-amber{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40}.icon-teal{color:#2dd4bf;background:#2dd4bf1f;border:1px solid #2dd4bf40}.icon-green{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e40}.client-exec-main{justify-content:space-between;align-items:baseline;gap:.5rem;margin-top:.2rem;display:flex}.client-exec-value{letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1.1}.client-exec-badge{border-radius:var(--radius-full);padding:.15rem .45rem;font-size:.68rem;font-weight:600}.client-exec-footer{border-top:1px solid var(--border-subtle);margin-top:.2rem;padding-top:.45rem}.client-category-tabs{border-bottom:1px solid var(--surface-border);background:var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.85rem 1.25rem;display:flex;overflow-x:auto}.category-tab-btn{background:var(--border-subtle);border:1px solid var(--border-light);color:var(--text-sub);cursor:pointer;white-space:nowrap;align-items:center;gap:.45rem;padding:.45rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;border-radius:9999px!important}.category-tab-btn:hover{background:var(--border-subtle);color:var(--text-main);border-color:#d4af3759;transform:translateY(-1px)}.category-tab-btn.active{background:var(--primary-glow);color:var(--primary);border-color:var(--primary);box-shadow:0 0 14px #d4af3740}.category-tab-count{opacity:.9;background:var(--border-subtle);border-radius:9999px;margin-left:.2rem;padding:.1rem .45rem;font-size:.72rem}.category-tab-btn.active .category-tab-count{color:var(--primary);background:#d4af3733}.btn-tier-rules{color:var(--primary);cursor:pointer;background:#d4af3714;border:1px solid #d4af3740;align-items:center;gap:.4rem;margin-left:auto;padding:.45rem .85rem;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex;border-radius:9999px!important}.btn-tier-rules:hover{border-color:var(--primary);background:#d4af372e;transform:translateY(-1px)}.clients-advanced-toolbar{border-bottom:1px solid var(--surface-border);background:#12121866;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.clients-search-input{flex:1;min-width:260px;position:relative}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-search-btn:hover{color:var(--text-main)}.clients-quick-filter{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--surface-border);align-items:center;gap:.4rem;padding:.35rem .65rem;display:flex}.clients-select-control{color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.8rem}.clients-select-control option{background:var(--surface-card-solid);color:var(--text-main)}.clients-view-toggle{background:var(--border-subtle);border:1px solid var(--surface-border);border-radius:var(--radius-sm);align-items:center;padding:2px;display:inline-flex}.view-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.35rem .55rem;transition:all .15s;display:flex}.view-toggle-btn:hover{color:var(--text-main)}.view-toggle-btn.active{background:var(--surface-hover);color:var(--primary)}.clients-actions-group{align-items:center;gap:.5rem;display:flex}.clients-bulk-bar{background:linear-gradient(90deg,#d4af372e 0%,#141418f2 100%);border-bottom:1px solid #d4af3759;justify-content:space-between;align-items:center;padding:.65rem 1.25rem;display:flex;box-shadow:0 4px 12px #00000040}.bulk-badge{border-radius:var(--radius-full);background:var(--primary);width:22px;height:22px;color:var(--text-main);justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex}.checkbox-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.selected-row{background:#d4af370d!important}.clients-data-table{border-collapse:separate;border-spacing:0;width:100%}.clients-data-table th{letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--surface-border);background:var(--border-subtle);white-space:nowrap;vertical-align:middle;padding:.85rem .5rem;font-size:.72rem;font-weight:700}.clients-data-table td{border-bottom:1px solid var(--surface-border);vertical-align:middle;white-space:nowrap;padding:.85rem .5rem;font-size:.86rem}.clients-data-table tbody tr{transition:background .15s}.clients-data-table tbody tr:hover{background:#ffffff09}.client-table-profile-cell{cursor:pointer;align-items:center;gap:.75rem;width:fit-content;text-decoration:none;display:flex}.client-avatar-badge{border-radius:var(--radius-full,50%);border:1px solid var(--border-light);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.92rem;font-weight:700;display:flex;box-shadow:0 2px 8px #00000040}.client-table-info{flex-direction:column;min-width:0;display:flex}.client-table-name{color:var(--text-main);align-items:center;gap:.35rem;font-size:.91rem;font-weight:700;transition:color .15s;display:flex}.client-table-profile-cell:hover .client-table-name{color:var(--primary)}.client-table-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:170px;margin-top:2px;font-size:.73rem;overflow:hidden}.client-contact-cell{align-items:center;gap:.5rem;display:flex}.client-phone-mono{font-feature-settings:"tnum" 1;color:var(--text-main);letter-spacing:0;font-family:inherit;font-size:.81rem;font-weight:500}.client-contact-actions{align-items:center;gap:.35rem;display:inline-flex}.client-quick-contact-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:inline-flex}.client-quick-contact-btn.wa{color:#25d366;background:#25d3661f;border:1px solid #25d36640}.client-quick-contact-btn.wa:hover{color:#4ade80;background:#25d36640;transform:scale(1.08)}.client-quick-contact-btn.phone{background:var(--border-subtle);color:var(--text-sub);border:1px solid var(--border-light)}.client-quick-contact-btn.phone:hover{background:var(--border-light);color:var(--text-main);transform:scale(1.08)}.client-stylist-pill{color:var(--primary);white-space:nowrap;background:#d4af3714;border:1px solid #d4af3738;border-radius:8px;align-items:center;gap:.45rem;padding:.28rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.client-visits-cell{flex-direction:column;align-items:flex-start;gap:.22rem;display:flex}.client-visits-count{color:var(--text-main);font-size:.86rem;font-weight:700}.client-recency-chip{color:var(--text-muted);background:var(--border-subtle);border:1px solid var(--border-subtle);white-space:nowrap;border-radius:6px;align-items:center;gap:.3rem;padding:.15rem .45rem;font-size:.71rem;display:inline-flex}.client-recency-chip.today{color:#4ade80;background:#22c55e1f;border-color:#22c55e59;font-weight:600}.client-spend-cell{flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.client-spend-val{color:var(--primary);letter-spacing:-.01em;font-size:.94rem;font-weight:800}.client-spend-sub{color:var(--text-muted);font-size:.72rem;font-weight:500}.client-tier-pill{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;width:fit-content;padding:.28rem .7rem;font-size:.74rem;font-weight:700;display:inline-flex}.client-tier-pill.tier-vip{color:#e9d5ff;background:linear-gradient(135deg,#a855f733 0%,#ec489933 100%);border:1px solid #a855f773;box-shadow:0 0 10px #a855f726}.client-tier-pill.tier-gold{color:#fde68a;background:linear-gradient(135deg,#f59e0b33 0%,#d9770633 100%);border:1px solid #f59e0b73;box-shadow:0 0 10px #f59e0b26}.client-tier-pill.tier-regular{color:#a5f3fc;background:linear-gradient(135deg,#06b6d426 0%,#3b82f626 100%);border:1px solid #06b6d459}.client-tier-pill.tier-new{color:#a7f3d0;background:linear-gradient(135deg,#10b98126 0%,#22c55e26 100%);border:1px solid #10b98159}.client-table-actions{justify-content:flex-end;align-items:center;gap:.4rem;display:inline-flex}.client-action-icon-btn{cursor:pointer;background:var(--border-subtle);width:30px;height:30px;color:var(--text-sub);border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.client-action-icon-btn.book{color:#38bdf8;background:#06b6d414;border-color:#06b6d440}.client-action-icon-btn.book:hover{color:#7dd3fc;background:#06b6d433;transform:translateY(-1px);box-shadow:0 2px 8px #06b6d440}.client-action-icon-btn.bill{color:var(--primary);background:#d4af371a;border-color:#d4af3759}.client-action-icon-btn.bill:hover{transform:translateY(-1px);box-shadow:0 2px 10px #d4af3773;color:#000!important;background:linear-gradient(135deg,#e5c158,#c89f2d)!important;border-color:#f6db88!important}.client-action-icon-btn.bill:hover svg{color:#000!important;stroke:#000!important}.client-action-icon-btn.edit:hover{background:var(--border-light);color:var(--text-main);border-color:var(--border-light);transform:translateY(-1px)}.client-action-icon-btn.delete:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d;transform:translateY(-1px)}.clients-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;padding:1.25rem;display:grid}.client-card-dossier{border-radius:var(--radius-card,20px);border:1px solid var(--surface-border);cursor:pointer;background:var(--surface-card);flex-direction:column;gap:.85rem;padding:1.15rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.client-card-dossier:hover{box-shadow:0 8px 24px var(--shadow-color);border-color:#d4af3766;transform:translateY(-3px)}.client-card-dossier.selected{border-color:var(--primary);background:#d4af370f}.client-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.client-avatar-glow{border:1.5px solid #d4af3780;box-shadow:0 0 14px #d4af3733}.client-card-metrics-strip{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.65rem .75rem;display:grid}.client-card-metric{flex-direction:column;gap:.15rem;display:flex}.client-card-metric-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.65rem;font-weight:600}.client-card-metric-val{color:var(--text-main);font-size:.85rem;font-weight:700}.client-card-progress-wrap{flex-direction:column;display:flex}.client-card-progress-track{background:var(--border-subtle);border-radius:999px;width:100%;height:5px;overflow:hidden}.client-card-progress-fill{border-radius:999px;height:100%;transition:width .4s}.client-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.95rem;display:flex}.client-card-contact-group{align-items:center;gap:.45rem;display:flex}.client-card-icon-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.client-card-icon-btn.wa{color:#25d366;background:#25d3661f;border:1px solid #25d36640}.client-card-icon-btn.wa:hover{color:#4ade80;background:#25d36640;transform:scale(1.05)}.client-card-icon-btn.phone{background:var(--border-subtle);color:var(--text-sub);border:1px solid var(--border-light)}.client-card-icon-btn.phone:hover{background:var(--border-light);color:var(--text-main);transform:scale(1.05)}.client-card-btn-group{align-items:center;gap:.85rem;display:flex}.client-card-action-btn{border-radius:var(--radius-sm,8px);cursor:pointer;border:1px solid #0000;align-items:center;gap:.45rem;padding:.52rem 1.05rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.client-card-action-btn.book{background:var(--border-subtle);border-color:var(--border-light);color:var(--text-main)}.client-card-action-btn.book:hover{background:var(--border-light);border-color:var(--primary);color:var(--text-main)}.client-card-action-btn.bill{background:linear-gradient(135deg,#d4af37,#b8972e);border:1px solid #d4af3780;font-weight:700;box-shadow:0 2px 8px #d4af3740;color:#000!important}.client-card-action-btn.bill svg{color:#000!important;stroke:#000!important}.client-card-action-btn.bill:hover{transform:translateY(-1px);color:#000!important;background:linear-gradient(135deg,#e5c158,#c89f2d)!important;border-color:#f6db88!important;box-shadow:0 4px 16px #d4af3780!important}.client-card-action-btn.bill:hover svg{color:#000!important;stroke:#000!important}.client-profile-modal-body{flex-direction:column;gap:1.25rem;display:flex}.client-profile-header{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:linear-gradient(135deg,#d4af3714 0%,#141418cc 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.client-profile-identity{align-items:center;gap:1rem;display:flex}.client-profile-avatar{border-radius:var(--radius-full);background:var(--primary-glow);width:58px;height:58px;color:var(--primary);border:2px solid var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex;box-shadow:0 0 16px #d4af3740}.client-profile-name{color:var(--text-main);align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1.3rem;font-weight:700;display:flex}.client-profile-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.825rem;display:flex}.client-profile-meta a{color:inherit;text-decoration:none;transition:color .15s}.client-profile-meta a:hover{color:var(--primary)}.client-profile-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.client-metrics-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.client-metric-pill{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--surface-border);flex-direction:column;gap:.25rem;padding:.85rem 1rem;transition:transform .15s,border-color .15s;display:flex}.client-metric-pill:hover{border-color:#d4af3759;transform:translateY(-2px)}.client-metric-top{justify-content:space-between;align-items:center;display:flex}.client-metric-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.72rem;font-weight:600}.client-metric-val{color:var(--text-main);margin-top:.15rem;font-size:1.25rem;font-weight:700}.client-tabs-nav{border-bottom:1px solid var(--surface-border);gap:.35rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.client-tab-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.client-tab-btn:hover{color:var(--text-main);background:var(--surface-hover)}.client-tab-btn.active{color:var(--primary);background:var(--primary-glow);border-bottom:2px solid var(--primary)}.client-tab-body{padding-top:.5rem}.client-hist-table-wrap{border-radius:var(--radius-sm);border:1px solid var(--surface-border);max-height:340px;overflow-x:auto}.client-hist-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.client-hist-table th{background:var(--surface-strong);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--surface-border);white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.client-hist-table td{border-bottom:1px solid var(--surface-border);color:var(--text-main);vertical-align:middle;padding:.75rem 1rem}.client-hist-table tr:last-child td{border-bottom:none}.client-hist-stylist{border-radius:var(--radius-full);color:var(--primary);white-space:nowrap;background:#d4af371f;border:1px solid #d4af374d;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.client-pref-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.client-pref-card{border-radius:var(--radius-card-sm,16px);background:var(--surface);border:1px solid var(--surface-border);padding:1rem}.client-pref-title{text-transform:uppercase;color:var(--primary);align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.8rem;font-weight:700;display:flex}.client-pref-card p{color:var(--text-sub);margin:0;font-size:.875rem;line-height:1.4}.client-alert-card{background:#f59e0b0d;border-color:#f59e0b59}.client-formula-box{border-radius:var(--radius-card-sm,16px);background:var(--surface);border:1px solid var(--surface-border);margin-top:.85rem;padding:1rem}.formula-textarea{background:var(--bg-card);border:1px solid var(--surface-border);border-radius:var(--radius-sm);width:100%;min-height:85px;color:var(--text-main);resize:vertical;margin-top:.5rem;margin-bottom:.75rem;padding:.75rem;font-family:inherit;font-size:.875rem}.formula-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);outline:none}.client-loyalty-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.client-loyalty-card{border-radius:var(--radius-card-sm,16px);background:linear-gradient(135deg,#d4af371a 0%,#8b5cf614 100%);border:1px solid #d4af374d;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.client-package-item{border-radius:var(--radius-card-sm,16px);background:var(--surface);border:1px solid var(--surface-border);margin-bottom:.5rem;padding:.85rem}.client-notes-layout{grid-template-columns:300px 1fr;gap:1rem;display:grid}.client-hospitality-card{border-radius:var(--radius-card-sm,16px);background:var(--surface);border:1px solid var(--surface-border);flex-direction:column;padding:1rem;display:flex}.client-notes-ledger{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--surface-border);flex-direction:column;padding:1rem;display:flex}.client-notes-list{flex-direction:column;gap:.65rem;max-height:240px;display:flex;overflow-y:auto}.client-note-bubble{border-radius:var(--radius-sm);background:var(--border-subtle);border:1px solid var(--border-subtle);padding:.65rem .85rem}.tier-progression-card{border-radius:var(--radius-card-sm,16px);background:linear-gradient(135deg,#d4af3714 0%,#a855f70d 100%);border:1px solid #d4af374d;margin:1rem 0;padding:1rem 1.25rem;box-shadow:0 4px 15px #0003}.tier-progression-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.tier-progress-track{background:var(--border-subtle);border-radius:999px;width:100%;height:8px;position:relative;overflow:hidden}.tier-progress-fill{border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #d4af3780}.tier-progress-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.tier-rules-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem;display:grid}.tier-rule-card{border-radius:var(--radius-card-sm,16px);background:var(--surface);border:1px solid var(--surface-border);flex-direction:column;gap:.5rem;padding:1rem;transition:transform .15s,border-color .15s;display:flex}.tier-rule-card:hover{border-color:#d4af3766;transform:translateY(-2px)}.tier-rule-header{justify-content:space-between;align-items:center;display:flex}.tier-rule-criteria{color:var(--text-main);background:var(--border-subtle);border-left:2px solid var(--primary);border-radius:4px;padding:.35rem .55rem;font-size:.78rem}.tier-rule-perks{color:var(--text-sub);font-size:.75rem;line-height:1.4}@media (width<=1100px){.client-executive-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.client-executive-grid{grid-template-columns:1fr}.client-metrics-grid{grid-template-columns:repeat(2,1fr)}.client-pref-grid,.client-loyalty-grid,.client-notes-layout,.tier-rules-grid{grid-template-columns:1fr}.client-profile-header{flex-direction:column;align-items:flex-start}.client-profile-actions{justify-content:stretch;width:100%}.clients-advanced-toolbar{flex-direction:column;align-items:stretch}.clients-search-input{min-width:unset}}.staff-page{flex-direction:column;gap:1rem;display:flex}.staff-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.staff-card{text-align:center;cursor:pointer}.staff-card:hover{transform:translateY(-4px)}.staff-top{flex-direction:column;align-items:center;padding-bottom:.5rem;display:flex}.staff-name{margin-top:.75rem;font-size:1.05rem;font-weight:700}.staff-role{color:var(--accent);margin-top:.125rem;font-size:.8125rem;font-weight:500}.staff-stats{justify-content:space-around;padding-top:.5rem;display:flex}.staff-stat{color:var(--text-sub);align-items:center;gap:.5rem;display:flex}@media (width<=1100px){.staff-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.staff-grid{grid-template-columns:1fr}}.staff-tabs-container{border-bottom:1px solid var(--border-light);gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.staff-edit-tab{border:1px solid var(--surface-border);background:var(--border-subtle);color:var(--text-sub);cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.825rem;font-weight:600;transition:all .2s;display:inline-flex}.staff-edit-tab:hover{background:var(--surface-hover);color:var(--text-main);border-color:var(--border-light)}.staff-edit-tab.active{background:var(--primary-glow);color:var(--primary);border-color:var(--primary);box-shadow:0 0 14px var(--primary-glow);font-weight:700}.theme-dot{border-radius:50%;flex-shrink:0;width:16px;height:16px;display:inline-block}.theme-btn{border:1px solid var(--border-light);background:var(--border-subtle);color:var(--text-sub);cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.8rem;transition:all .2s;display:inline-flex}.theme-btn:hover{background:var(--border-subtle);color:var(--text-main);border-color:#ffffff4d}.theme-btn.active{border-color:var(--primary);color:var(--text-main);box-shadow:0 0 0 2px var(--primary-glow);background:#d4af371f;font-weight:600}.staff-upload-header-label{justify-content:space-between!important;align-items:center!important;width:100%!important;margin-bottom:.5rem!important;display:flex!important}.staff-upload-container{flex-direction:column;gap:.85rem;width:100%;display:flex}.staff-upload-zone{position:relative;box-sizing:border-box!important;border-radius:var(--radius-card,16px)!important;text-align:center!important;background:var(--border-subtle)!important;cursor:pointer!important;border:2px dashed #d4af3759!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:1.65rem 1.25rem!important;transition:all .2s!important;display:flex!important}.staff-upload-zone:hover{border-color:var(--primary)!important;background:#d4af3714!important;box-shadow:0 0 20px #d4af3726!important}.staff-upload-icon-circle{background:var(--primary-glow);width:50px;height:50px;color:var(--primary);border:1px solid #d4af3740;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.75rem;transition:transform .2s;display:flex}.staff-upload-zone:hover .staff-upload-icon-circle{box-shadow:0 0 12px var(--primary-glow);transform:translateY(-2px)scale(1.08)}.staff-upload-title{color:var(--text-main)!important;margin-bottom:.25rem!important;font-size:.88rem!important;font-weight:600!important}.staff-upload-subtitle{color:var(--text-muted)!important;font-size:.75rem!important}.staff-upload-presets{flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.25rem;display:flex}.staff-preset-chip{background:var(--surface-hover);border:1px solid var(--surface-border);color:var(--text-sub);cursor:pointer;border-radius:20px;align-items:center;gap:.35rem;padding:.32rem .65rem;font-size:.73rem;font-weight:500;transition:all .18s;display:inline-flex}.staff-preset-chip:hover{background:var(--primary-glow);color:var(--primary);border-color:var(--primary)}.staff-doc-chip{border-radius:var(--radius-md);background:var(--surface-hover);border:1px solid var(--surface-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .15s;display:flex}.staff-doc-chip:hover{border-color:var(--border-light)}.staff-doc-chip-left{align-items:center;gap:.75rem;display:flex}.staff-doc-icon-wrap{background:var(--primary-glow);width:34px;height:34px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.staff-doc-name{color:var(--text-main);font-size:.825rem;font-weight:600}.staff-doc-meta{color:var(--text-muted);font-size:.72rem}.staff-revenue-split{border-top:1px solid var(--border-subtle);text-align:left;margin-top:.85rem;padding-top:.75rem}.staff-revenue-split-header{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.72rem;font-weight:700;display:flex}.staff-revenue-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.staff-revenue-card-box{border-radius:var(--radius-md);border:1px solid var(--surface-border);flex-direction:column;padding:.5rem .65rem;display:flex}.staff-revenue-card-box.salon{background:#a855f714;border-color:#a855f740}.staff-revenue-card-box.product{background:#f59e0b14;border-color:#f59e0b40}.staff-revenue-box-top{justify-content:space-between;align-items:center;display:flex}.staff-revenue-box-title{align-items:center;gap:.25rem;font-size:.72rem;font-weight:700;display:flex}.staff-revenue-box-title.salon{color:#c084fc}.staff-revenue-box-title.product{color:#fbbf24}.staff-revenue-box-val{font-feature-settings:"tnum" 1;font-family:inherit;font-size:.85rem;font-weight:700}.staff-revenue-box-val.salon{color:#e9d5ff}.staff-revenue-box-val.product{color:#fde68a}.staff-revenue-box-sub{color:var(--text-muted);margin-top:.15rem;font-size:.65rem}.staff-modal-revenue-card{border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--border-subtle);margin-bottom:1.25rem;padding:1.15rem 1.25rem}.staff-modal-revenue-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.staff-modal-revenue-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.staff-modal-revenue-box{border-radius:var(--radius-md);border:1px solid var(--surface-border);flex-direction:column;padding:.85rem 1rem;display:flex}.staff-modal-revenue-box.salon{background:#a855f71a;border-color:#a855f74d}.staff-modal-revenue-box.product{background:#f59e0b1a;border-color:#f59e0b4d}.staff-overview-container{flex-direction:column;gap:1.25rem;display:flex}.staff-overview-hero{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--border-subtle) 0%, var(--border-subtle) 100%);border:1px solid var(--surface-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 20px #00000040}.staff-overview-hero-left{align-items:center;gap:1.25rem;display:flex}.staff-overview-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.staff-overview-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=768px){.staff-overview-grid{grid-template-columns:1fr}}.staff-card-section{background:var(--border-subtle);border:1px solid var(--surface-border);border-radius:var(--radius-lg);flex-direction:column;gap:.85rem;padding:1.15rem 1.25rem;display:flex}.staff-card-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding-bottom:.5rem;font-size:.75rem;font-weight:700;display:flex}.staff-whatsapp-btn{color:#4ade80!important;border-radius:var(--radius-sm,8px)!important;cursor:pointer!important;background:#25d3661f!important;border:1px solid #4ade8052!important;align-items:center!important;gap:.45rem!important;padding:.45rem .85rem!important;font-size:.82rem!important;font-weight:600!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.staff-whatsapp-btn:hover{transform:translateY(-1px);color:#86efac!important;background:#25d36638!important;border-color:#4ade808c!important;box-shadow:0 0 14px #25d36633!important}.staff-overview-tabs{grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;display:grid}@media (width<=640px){.staff-overview-tabs{grid-template-columns:repeat(2,1fr)}}.staff-overview-tab-btn{border:1px solid var(--surface-border);background:var(--border-subtle);color:var(--text-sub);cursor:pointer;text-align:center;white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:.45rem;padding:.5rem .65rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.staff-overview-tab-btn:hover{background:var(--surface-hover);color:var(--text-main);border-color:var(--border-light)}.staff-overview-tab-btn.active{background:var(--primary-glow);color:var(--primary);border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow);font-weight:700}.staff-overview-subbanner{border-radius:var(--radius-card,14px);background:linear-gradient(135deg, #d4af3714 0%, var(--border-subtle) 100%);border:1px solid #d4af3740;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.15rem;display:flex}.staff-service-icon-circle{background:#d4af3726;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.staff-services-showcase-grid{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;display:grid}@media (width<=640px){.staff-services-showcase-grid{grid-template-columns:1fr}}.staff-service-card{border:1px solid var(--surface-border);border-radius:var(--radius-card,14px);box-sizing:border-box;background:#ffffff06;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.staff-service-card:hover{background:#d4af370d;border-color:#d4af3766;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.staff-service-card-left{align-items:center;gap:.75rem;min-width:0;display:flex}.staff-service-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.staff-service-card-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.staff-service-card-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.88rem;font-weight:700;overflow:hidden}.staff-service-card-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.7rem;overflow:hidden}.staff-service-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.35rem;display:flex}.staff-service-verified-badge{color:#34d399;align-items:center;gap:.3rem;font-size:.68rem;font-weight:600;display:flex}.staff-empty-services{text-align:center;background:var(--border-subtle);border:1px dashed var(--surface-border);border-radius:var(--radius-card,14px);flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1.5rem;display:flex}.staff-quick-jump-card{border:1px solid var(--surface-border);border-radius:var(--radius-card,14px);background:#ffffff06;flex-direction:column;padding:.85rem .95rem;transition:all .2s;display:flex}.staff-quick-jump-card:hover{background:#d4af370f;border-color:#d4af3766;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.staff-quick-jump-icon{color:#c084fc;background:#c084fc26;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.staff-quick-jump-icon.teal{color:#14b8a6;background:#14b8a626}.inventory-page{flex-direction:column;gap:2rem;display:flex}.inv-stats{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.icon-danger{color:var(--danger);background:#ef444426}.icon-inactive{background:var(--border-subtle);color:var(--text-main)}.inv-toolbar{border-bottom:1px solid var(--surface-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.cat-filters{gap:.375rem;display:flex}.cat-btn{border:1px solid var(--surface-border);color:var(--text-sub);cursor:pointer;background:0 0;border-radius:20px;padding:.375rem .875rem;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;transition:all .2s}.cat-btn:hover{background:var(--surface-hover);color:var(--text-main)}.cat-btn.active{background:var(--primary-glow);color:var(--primary);border-color:var(--primary)}.low-stock-row{border-left:3px solid var(--danger)}@media (width<=900px){.inv-stats{grid-template-columns:1fr}}.epson-receipt-preview-wrap{background:var(--surface-hover);border-radius:var(--radius-md);justify-content:center;align-items:flex-start;max-height:70vh;padding:1.5rem 1rem;display:flex;overflow-y:auto}.epson-receipt-paper{box-sizing:border-box;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;border-radius:4px;width:72mm;min-width:280px;max-width:300px;padding:18px 14px 28px;font-size:11px;line-height:1.35;position:relative;box-shadow:0 10px 30px #00000059,0 2px 6px #00000026;color:#000!important;background:#fff!important;font-family:Courier New,Courier,Lucida Console,Monaco,monospace,sans-serif!important}.epson-receipt-paper:before,.epson-receipt-paper:after{content:"";pointer-events:none;background-repeat:repeat-x;background-size:12px 6px;height:6px;position:absolute;left:0;right:0}.epson-receipt-paper:before{background-image:radial-gradient(circle at 6px 6px,#0000 6px,#fff 6px);top:-6px}.epson-receipt-paper:after{background-image:radial-gradient(circle at 6px 0,#0000 6px,#fff 6px);bottom:-6px}.epson-receipt-header{text-align:center;margin-bottom:8px}.epson-receipt-logo-title{letter-spacing:1px;text-transform:uppercase;margin:0 0 2px;font-size:16px;font-weight:800;color:#000!important}.epson-receipt-tagline{text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:10px;font-weight:600;color:#111!important}.epson-receipt-address{margin:0;font-size:10px;line-height:1.3;color:#222!important}.epson-receipt-contact{margin:2px 0 0;font-size:10px;font-weight:600;color:#000!important}.epson-receipt-gstin{letter-spacing:.5px;margin:3px 0 0;font-size:10px;font-weight:700;color:#000!important}.epson-divider-double{border:none;border-top:2px solid #000;border-bottom:1px solid #000;height:3px;margin:8px 0}.epson-divider-dashed{border:none;border-top:1px dashed #000;margin:6px 0}.epson-divider-dotted{border:none;border-top:1px dotted #000;margin:6px 0}.epson-receipt-meta{margin:6px 0;font-size:10.5px}.epson-meta-row{justify-content:space-between;margin-bottom:2px;display:flex}.epson-meta-label{font-weight:600;color:#222!important}.epson-meta-val{text-align:right;font-weight:700;color:#000!important}.epson-items-table{border-collapse:collapse;width:100%;margin:4px 0;font-size:10.5px}.epson-items-table th{text-transform:uppercase;border-top:1px dashed #000;border-bottom:1px dashed #000;padding:4px 0;font-weight:800;color:#000!important}.epson-items-table td{vertical-align:top;padding:4px 0;color:#000!important}.epson-item-name{font-weight:700;line-height:1.25}.epson-item-cat{text-transform:uppercase;font-size:9px;color:#333!important}.epson-col-item{text-align:left;width:52%}.epson-col-qty{text-align:center;width:14%}.epson-col-price{text-align:right;width:16%}.epson-col-total{text-align:right;width:18%;font-weight:700}.epson-receipt-summary{margin-top:4px;font-size:11px}.epson-summary-row{justify-content:space-between;padding:2px 0;display:flex}.epson-summary-row.discount{font-weight:600}.epson-summary-row.tax{font-size:10px;color:#222!important}.epson-grand-total-box{border-top:2px solid #000;border-bottom:2px solid #000;justify-content:space-between;align-items:center;margin:6px 0;padding:6px 0;display:flex}.epson-grand-total-label{letter-spacing:.5px;text-transform:uppercase;font-size:13px;font-weight:900}.epson-grand-total-val{letter-spacing:.5px;font-size:17px;font-weight:900}.epson-payment-mode-box{background:#f0f0f0;border:1px dashed #000;justify-content:space-between;margin:6px 0;padding:4px 6px;font-size:10.5px;font-weight:700;display:flex}.epson-receipt-qr-section{text-align:center;border-top:1px dashed #000;margin:10px 0 6px;padding-top:6px}.epson-qr-title{text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.epson-qr-holder{background:#fff;border:1px solid #000;margin-bottom:4px;padding:6px;display:inline-block}.epson-qr-sub{font-size:9px;font-weight:600;color:#222!important}.epson-receipt-footer{text-align:center;margin-top:8px;font-size:9.5px;line-height:1.35;color:#222!important}.epson-footer-thanks{text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:700}.epson-footer-terms{margin-top:6px;font-size:8.5px;line-height:1.3}.epson-hardware-meta{text-transform:uppercase;letter-spacing:.5px;border-top:1px dotted #555;margin-top:8px;padding-top:4px;font-size:8px;color:#444!important}.epson-cutter-feed-space{height:25mm;display:block}@media print{body.print-mode-thermal{color:#000!important;background:#fff!important;width:80mm!important;margin:0!important;padding:0!important}body.print-mode-thermal *{visibility:hidden!important}body.print-mode-thermal .epson-thermal-print-target,body.print-mode-thermal .epson-thermal-print-target *{visibility:visible!important}body.print-mode-thermal .epson-thermal-print-target{color:#000!important;width:72mm!important;max-width:72mm!important;box-shadow:none!important;box-sizing:border-box!important;background:#fff!important;border-radius:0!important;margin:0 auto!important;padding:1mm 2mm 25mm!important;display:block!important;position:absolute!important;top:0!important;left:0!important}body.print-mode-thermal .epson-receipt-paper:before,body.print-mode-thermal .epson-receipt-paper:after{display:none!important}body.print-mode-thermal .epson-receipt-paper{box-shadow:none!important;width:100%!important;padding:0!important}body.print-mode-thermal .epson-payment-mode-box{background:0 0!important}}.billing-page{flex-direction:column;gap:2rem;display:flex}.billing-stats{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.stat-card{border-radius:var(--radius-lg);flex-direction:column;gap:.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.balance-card{border:1px solid var(--primary);background:linear-gradient(180deg, rgba(var(--primary-rgb), .05) 0%, #0000 100%)}.stat-big-value{letter-spacing:-.02em;margin:.25rem 0;font-size:1.75rem;font-weight:800}.stat-icon-wrap{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-purple{background:var(--primary-glow);color:var(--primary)}.icon-green,.icon-danger{background:var(--border-subtle);color:var(--text-main)}.force-white-text,.force-white-text>span{color:var(--text-main)}.table-scroll{overflow-x:auto}@media (width<=1200px){.billing-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.billing-stats{grid-template-columns:1fr}}@media print{@page{size:80mm auto;margin:0}html,body{color:#000!important;background:#fff!important;width:80mm!important;margin:0!important;padding:0!important}body *{visibility:hidden!important}body:not(.print-mode-a4) #epson-thermal-receipt-container,body:not(.print-mode-a4) #epson-thermal-receipt-container *{visibility:visible!important}body:not(.print-mode-a4) #epson-thermal-receipt-container{color:#000!important;width:72mm!important;max-width:72mm!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0 auto!important;padding:2mm 2mm 25mm!important;display:block!important;position:absolute!important;top:0!important;left:0!important}body.print-mode-a4{width:100%!important}body.print-mode-a4 #invoice-template,body.print-mode-a4 #invoice-template *{visibility:visible!important}body.print-mode-a4 #invoice-template{color:#000!important;width:100%!important;max-width:800px!important;box-shadow:none!important;background:#fff!important;display:block!important;position:absolute!important;top:0!important;left:0!important}}.billing-fixed-pos-modal{width:95vw!important;max-width:680px!important;height:85vh!important;max-height:780px!important;box-shadow:0 25px 60px var(--shadow-color), 0 0 35px #d4af3726!important;flex-direction:column!important;display:flex!important}.billing-fixed-pos-modal .modal-body{flex-direction:column!important;flex:1!important;padding:1.5rem!important;display:flex!important;overflow:hidden auto!important}.billing-fixed-pos-modal .pos-form{flex-direction:column;flex:1;display:flex}.ready-to-bill-banner{border-radius:var(--radius-lg);box-shadow:0 8px 24px var(--shadow-color);background:linear-gradient(135deg,#d4af3717 0%,#1a1a24d9 100%);border:1px solid #d4af3747;padding:1.25rem 1.5rem}.ready-to-bill-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:.875rem;display:flex}.ready-header-icon-wrap{border-radius:var(--radius-md);background:var(--primary-glow);border:1px solid var(--primary);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ready-to-bill-title{color:var(--text-main);align-items:center;gap:.625rem;margin:0 0 .25rem;font-size:1.05rem;font-weight:700;display:flex}.ready-to-bill-subtitle{color:var(--text-muted);margin:0;font-size:.8rem}.ready-header-stats{border-radius:var(--radius-sm);background:var(--shadow-color);border:1px solid #d4af3733;align-items:center;gap:.5rem;padding:.4rem .85rem;display:flex}.ready-total-pill{color:var(--primary);font-size:1.1rem}.ready-bill-table-container{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;overflow-x:auto;box-shadow:0 4px 20px #00000040}.ready-bill-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;min-width:900px}.ready-bill-table thead tr{background:var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.ready-bill-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;vertical-align:middle;padding:.85rem 1rem;font-size:.72rem;font-weight:700}.ready-th-action{text-align:right}.ready-bill-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .15s,border-color .15s}.ready-bill-table tbody tr:last-child{border-bottom:none}.ready-bill-table tbody tr:hover{background:#d4af370d}.ready-bill-table td{vertical-align:middle;color:var(--text-main);white-space:nowrap;padding:.85rem 1rem}.ready-th-status,.ready-td-status{padding-right:2.25rem!important}.ready-th-action,.ready-td-action{text-align:right;padding-left:2.25rem!important;padding-right:1.25rem!important}.ready-time-pill{border-radius:var(--radius-sm);background:var(--border-subtle);border:1px solid var(--border-light);color:var(--text-main);white-space:nowrap;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.ready-client-cell{align-items:center;gap:.625rem;min-width:0;display:flex}.ready-client-meta{flex-direction:column;gap:.15rem;min-width:0;display:flex;overflow:hidden}.ready-service-cell{flex-direction:column;gap:.25rem;max-width:165px;display:flex}.ready-service-cell .font-medium{white-space:normal;line-height:1.25}.ready-cat-badge{width:fit-content;padding:.08rem .45rem;font-size:.68rem}.ready-amount-value{color:var(--primary);font-size:.95rem;font-weight:700}.ready-bill-btn{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:.375rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.client-search-wrap{width:100%;position:relative}.client-search-dropdown{background:var(--surface-card-solid);border-radius:var(--radius-md);box-shadow:0 16px 36px var(--shadow-color);z-index:1050;border:1px solid #d4af3759;max-height:290px;padding:.375rem 0;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.client-search-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);align-items:center;gap:.375rem;padding:.5rem .875rem .25rem;font-size:.72rem;font-weight:700;display:flex}.client-search-item{cursor:pointer;border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:.25rem;padding:.625rem .875rem;transition:background .15s;display:flex}.client-search-item:last-child{border-bottom:none}.client-search-item:hover,.client-search-item.highlighted{background:#d4af371f}.client-search-top-row{justify-content:space-between;align-items:center;display:flex}.client-search-name{color:var(--text-main);font-size:.875rem;font-weight:600}.client-search-phone{color:var(--text-sub);font-size:.78rem}.client-search-appt-badge{background:var(--border-subtle);border-left:2px solid var(--primary);color:#e2e8f0;border-radius:4px;justify-content:space-between;align-items:center;margin-top:.125rem;padding:.25rem .5rem;font-size:.76rem;display:flex}.client-search-appt-badge.beauty-accent{background:#fb71850f;border-left-color:#fb7185}.client-search-appt-badge.salon-accent{background:#c084fc0f;border-left-color:#c084fc}.linked-appt-card{border-radius:var(--radius-card-sm,16px);background:linear-gradient(135deg,#d4af3714 0%,#8b5cf60d 100%);border:1px solid #d4af374d;margin-bottom:1rem;padding:.875rem 1rem}.linked-appt-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.linked-appt-tag-wrap{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.linked-appt-details{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.linked-appt-action{align-items:center;gap:.625rem;display:flex}.linked-appt-footer{color:#4ade80;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.75rem;display:flex}.billing-table-search{background:var(--border-subtle);border:1px solid var(--surface-border);border-radius:var(--radius-md);align-items:center;gap:.5rem;width:260px;padding:.375rem .75rem;display:flex}.billing-table-search input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.selected-item-info{align-items:center;gap:.5rem;display:inline-flex}.selected-item-name{color:var(--text-main);font-size:.88rem;font-weight:600}.selected-item-type-badge{letter-spacing:.02em!important;border-radius:9999px!important;align-items:center!important;margin-left:.65rem!important;padding:.2rem .65rem!important;font-size:.72rem!important;font-weight:600!important;display:inline-flex!important}.billing-quick-items-wrap{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.75rem .85rem}.quick-item-pill-btn{background:var(--border-subtle);border:1px solid var(--surface-border);cursor:pointer;color:var(--text-main);white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;gap:.45rem;padding:.35rem .75rem;font-family:inherit;font-size:.8rem;transition:all .2s;display:inline-flex}.quick-item-pill-btn:hover{border-color:var(--primary);background:#d4af371f;transform:translateY(-1px);box-shadow:0 2px 8px #d4af3733}.quick-item-name{white-space:nowrap;font-weight:500}.quick-item-type-badge{border-radius:9999px!important;margin-left:.45rem!important;padding:.15rem .5rem!important;font-size:.68rem!important;font-weight:600!important}.quick-item-price{border-left:1px solid var(--border-light);margin-left:.35rem;padding-left:.45rem;font-size:.78rem}.billing-quick-box{border:1px solid var(--surface-border);border-radius:var(--radius-md);background:#ffffff06;margin-bottom:1.25rem;padding:.85rem 1rem}.billing-quick-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.65rem;padding-bottom:.45rem;display:flex}.billing-quick-scrollable{flex-wrap:wrap;gap:.5rem;max-height:140px;padding-right:.35rem;display:flex;overflow:hidden auto}.billing-quick-scrollable::-webkit-scrollbar{width:4px}.billing-quick-scrollable::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}.bill-items-section{border-radius:var(--radius-md);border:1px solid var(--surface-border);margin-bottom:1rem;padding:.85rem 1rem}.bill-items-section.services{background:#a855f70a;border-color:#a855f738}.bill-items-section.products{background:#f59e0b0a;border-color:#f59e0b38}.bill-section-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.bill-items-list{flex-direction:column;gap:.5rem;display:flex}.bill-item-row.middle-aligned{border-radius:var(--radius-sm);background:var(--border-subtle);justify-content:space-between;align-items:center;padding:.5rem .65rem;transition:background .15s;display:flex}.bill-item-row.middle-aligned:hover{background:var(--border-subtle)}.bill-item-left{flex:1;align-items:center;gap:.65rem;display:flex}.bill-item-right{align-items:center;gap:.85rem;display:flex}.reports-page{flex-direction:column;gap:1.25rem;padding-bottom:3.5rem;display:flex}.reports-toolbar{border-radius:var(--radius-card,24px);background:var(--surface-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex;box-shadow:0 4px 20px #0000000d}.reports-nav-strip{scrollbar-width:none;flex:1;align-items:center;gap:.45rem;min-width:0;padding:2px 0;display:flex;overflow-x:auto}.reports-nav-strip::-webkit-scrollbar{display:none}.reports-nav-item{background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.reports-nav-item:hover{color:var(--text-main);border-color:#d4af3766;transform:translateY(-1px)}.reports-nav-item.active{background:var(--primary);color:#121217;border-color:var(--primary);font-weight:700;box-shadow:0 4px 14px #d4af3740}.reports-nav-item.wellness-tab{border-color:#10b98140}.reports-nav-item.wellness-tab:hover{color:#34d399;border-color:#10b981}.reports-nav-item.wellness-tab.active{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 4px 14px #10b9814d}.reports-controls-group{flex-shrink:0;align-items:center;gap:.65rem;margin-left:auto;display:flex}.reports-date-segmented{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:9999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.reports-date-pill{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9999px;padding:.35rem .85rem;font-size:.75rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.reports-date-pill:hover{color:var(--text-main)}.reports-date-pill.active{background:var(--surface-card);color:var(--text-main);border-color:var(--border-subtle);font-weight:700;box-shadow:0 2px 8px #00000026}.reports-kpi-grid{grid-template-columns:repeat(4,1fr);gap:1.15rem;display:grid}@media (width<=1100px){.reports-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.reports-kpi-grid{grid-template-columns:1fr}}.reports-kpi-card{border-radius:var(--radius-card,24px);background:var(--surface-card);border:1px solid var(--border-subtle);flex-direction:column;gap:.65rem;padding:1.25rem 1.4rem;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.reports-kpi-card:hover{border-color:#d4af3766;transform:translateY(-2px)}.reports-kpi-card.wellness-kpi{border-color:#10b98140}.reports-kpi-card.wellness-kpi:hover{border-color:#10b981}.reports-kpi-header{justify-content:space-between;align-items:center;display:flex}.reports-kpi-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.72rem;font-weight:700}.reports-kpi-badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.reports-kpi-value{color:var(--text-main);font-feature-settings:"tnum" 1;letter-spacing:-.02em;font-family:inherit;font-size:1.85rem;font-weight:900;line-height:1}.reports-kpi-footer{color:var(--text-muted);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:.55rem;font-size:.75rem;display:flex}.reports-section-box{border-radius:var(--radius-card,24px);background:var(--surface-card);border:1px solid var(--border-subtle);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #0000000a}.reports-box-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.reports-box-title{color:var(--text-main);align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;display:flex}.reports-box-desc{color:var(--text-muted);margin-top:.15rem;font-size:.75rem}.reports-two-col{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=900px){.reports-two-col{grid-template-columns:1fr}}.reports-three-col{grid-template-columns:repeat(3,1fr);gap:1.15rem;display:grid}@media (width<=900px){.reports-three-col{grid-template-columns:1fr}}.reports-metric-tile{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:18px;flex-direction:column;gap:.4rem;padding:1rem 1.15rem;display:flex}.reports-metric-tile-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.72rem;font-weight:600}.reports-metric-tile-value{color:var(--text-main);font-feature-settings:"tnum" 1;font-family:inherit;font-size:1.35rem;font-weight:800}.reports-metric-tile-sub{color:var(--text-muted);font-size:.72rem}.reports-bars-container{flex-direction:column;gap:.85rem;display:flex}.reports-bar-card{flex-direction:column;gap:.35rem;display:flex}.reports-bar-meta{justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.reports-bar-label{color:var(--text-main);font-weight:600}.reports-bar-stat{font-feature-settings:"tnum" 1;color:var(--primary);font-family:inherit;font-weight:700}.reports-progress-rail{background:var(--surface-hover);border-radius:9999px;height:8px;position:relative;overflow:hidden}.reports-progress-fill{border-radius:9999px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.fill-gold{background:linear-gradient(90deg,#d4af37,#f5d77f)}.fill-teal{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.fill-purple{background:linear-gradient(90deg,#8b5cf6,#c084fc)}.fill-emerald{background:linear-gradient(90deg,#10b981,#34d399)}.fill-rose{background:linear-gradient(90deg,#f43f5e,#fb7185)}.fill-amber{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.reports-table-container{border:1px solid var(--border-subtle);background:var(--surface-hover);border-radius:18px;overflow-x:auto}.reports-clean-table{border-collapse:collapse;text-align:left;width:100%;font-size:.82rem}.reports-clean-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap;background:#ffffff05;padding:.8rem 1rem;font-size:.7rem;font-weight:700}.reports-clean-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-main);vertical-align:middle;padding:.85rem 1rem}.reports-clean-table tr:last-child td{border-bottom:none}.reports-clean-table tr:hover td{background:#ffffff06}.reports-wellness-box{background:radial-gradient(circle at top right, #10b9810f, transparent 50%), var(--surface-card);border:1px solid #10b9814d}.reports-wellness-tag{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}@media print{.sidebar,.header-container,.reports-toolbar,.btn,.reports-date-segmented{display:none!important}.app-layout{display:block!important}.main-area{width:100%!important;margin-left:0!important;padding:0!important}.main-inner{max-width:100%!important;padding:0!important}.reports-page{padding:0!important}.reports-section-box,.reports-kpi-card{page-break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important}}.users-roles-page{flex-direction:column;gap:1.25rem;padding-bottom:3.5rem;display:flex}.users-roles-toolbar{border-radius:var(--radius-card,24px);background:var(--surface-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex;box-shadow:0 4px 20px #0000000d}.users-roles-nav-strip{scrollbar-width:none;flex:1;align-items:center;gap:.45rem;min-width:0;display:flex;overflow-x:auto}.users-roles-nav-strip::-webkit-scrollbar{display:none}.users-roles-nav-item{background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.users-roles-nav-item:hover{color:var(--text-main);border-color:#d4af3766;transform:translateY(-1px)}.users-roles-nav-item.active{background:var(--primary);color:#121217;border-color:var(--primary);font-weight:700;box-shadow:0 4px 14px #d4af3740}.users-roles-tab-count{background:#0003;border-radius:9999px;justify-content:center;align-items:center;padding:.1rem .45rem;font-size:.7rem;font-weight:700;display:inline-flex}.users-roles-nav-item.active .users-roles-tab-count{color:#121217;background:#12121740}.users-roles-controls-group{flex-shrink:0;align-items:center;gap:.75rem;margin-left:auto;display:flex}.rbac-session-indicator{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:9999px;align-items:center;gap:.65rem;padding:.35rem .85rem .35rem .45rem;display:flex}.rbac-session-avatar{width:28px;height:28px;color:var(--primary);background:linear-gradient(135deg,#d4af374d,#d4af371a);border:1px solid #d4af3766;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.rbac-session-details{flex-direction:column;line-height:1.15;display:flex}.rbac-session-name{color:var(--text-main);font-size:.78rem;font-weight:700}.users-search-toolbar{border-radius:var(--radius-card,24px);background:var(--surface-card);border:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.users-search-box{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:9999px;align-items:center;gap:.5rem;width:100%;max-width:400px;padding:.45rem 1rem;transition:border-color .2s;display:flex}.users-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #d4af3726}.users-search-input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:.8rem}.users-search-input::placeholder{color:var(--text-muted)}.rbac-users-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.rbac-user-card{border-radius:var(--radius-card,24px);background:var(--surface-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);flex-direction:column;gap:1.15rem;padding:1.35rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px #0000000a}.rbac-user-card:hover{border-color:#d4af3766;transform:translateY(-2px);box-shadow:0 8px 24px #d4af3714}.rbac-user-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.rbac-user-profile{align-items:center;gap:.75rem;display:flex}.rbac-user-meta-grid{background:var(--surface-hover);border:1px solid var(--border-subtle);border-radius:18px;grid-template-columns:1fr 1fr;gap:.85rem;padding:1rem;display:grid}.rbac-meta-item{flex-direction:column;gap:.25rem;display:flex}.rbac-meta-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.68rem;font-weight:700}.rbac-user-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.85rem;display:flex}.rbac-roles-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.rbac-role-card{border-radius:var(--radius-card,24px);background:var(--surface-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);flex-direction:column;gap:1.15rem;padding:1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.rbac-role-card:hover{border-color:#d4af3766;transform:translateY(-2px);box-shadow:0 8px 24px #d4af3714}.rbac-role-card-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.rbac-perm-chips{flex-wrap:wrap;gap:.4rem;max-height:180px;padding-right:.25rem;display:flex;overflow-y:auto}.rbac-perm-chip{background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--text-sub);border-radius:9999px;padding:.25rem .6rem;font-size:.7rem;font-weight:600}.rbac-perm-chip.allowed{color:#34d399;background:#10b9811f;border-color:#10b98140}.rbac-matrix-table-wrap{border-radius:var(--radius-card,24px);border:1px solid var(--border-subtle);background:var(--surface-card);-webkit-backdrop-filter:blur(20px);overflow-x:auto;box-shadow:0 4px 20px #0000000a}.rbac-matrix-table{border-collapse:collapse;text-align:left;width:100%;font-size:.82rem}.rbac-matrix-table th{background:var(--surface-hover);text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding:.95rem 1.15rem;font-size:.72rem;font-weight:700}.rbac-matrix-table td{border-bottom:1px solid var(--border-subtle);padding:.95rem 1.15rem}.rbac-matrix-table tr:hover td{background:var(--surface-hover)}.rbac-matrix-check{cursor:pointer;width:18px;height:18px;accent-color:var(--primary);border-radius:6px}.apple-lock-overlay{z-index:9999;-webkit-backdrop-filter:blur(36px)saturate(190%);background:#000000ad;justify-content:center;align-items:center;padding:1rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards apple-scrim-fade;display:flex;position:fixed;inset:0}[data-theme=light] .apple-lock-overlay{-webkit-backdrop-filter:blur(36px)saturate(190%);background:#f5f5f7b8}@keyframes apple-scrim-fade{0%{opacity:0}to{opacity:1}}.apple-lock-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(48px)saturate(210%);text-align:center;background:#1c1c22e0;border:1px solid #ffffff24;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:min(390px,100vw - 2rem);max-height:min(92vh,100dvh - 2rem);padding:1.85rem 1.65rem 1.6rem;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;animation:.38s cubic-bezier(.16,1,.3,1) forwards apple-dialog-pop;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 80px #000000a6,0 4px 16px #0000004d,inset 0 1px #ffffff38}[data-theme=light] .apple-lock-dialog{background:#ffffffe0;border:1px solid #00000014;box-shadow:0 24px 70px #00000029,0 4px 14px #0000000f,inset 0 1px #fffffff2}@keyframes apple-dialog-pop{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.apple-lock-dialog.shake{animation:.45s cubic-bezier(.36,.07,.19,.97) both apple-shake}@keyframes apple-shake{10%,90%{transform:translate(-4px)}20%,80%{transform:translate(6px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.apple-dialog-top-bar{justify-content:space-between;align-items:center;width:100%;margin-bottom:.6rem;display:flex}.apple-cancel-top-btn{color:#0a84ff;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:4px 8px;font-size:.92rem;font-weight:500;transition:opacity .15s,transform .1s}.apple-cancel-top-btn:active{opacity:.7;transform:scale(.95)}[data-theme=light] .apple-cancel-top-btn{color:#007aff}.apple-dialog-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.apple-dialog-close-btn:hover{color:#fff;background:#ffffff2e;transform:scale(1.05)}.apple-dialog-close-btn:active{transform:scale(.92)}[data-theme=light] .apple-dialog-close-btn{color:#0009;background:#0000000d;border:1px solid #0000000f}[data-theme=light] .apple-dialog-close-btn:hover{color:#000;background:#0000001a}.apple-enclave-badge{color:#30d158;background:linear-gradient(135deg,#30d15838 0%,#0a84ff2e 100%);border:1px solid #30d15861;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:.9rem;animation:4s ease-in-out infinite alternate apple-badge-pulse;display:flex;position:relative;box-shadow:0 8px 24px #30d15840}[data-theme=light] .apple-enclave-badge{color:#34c759;background:linear-gradient(135deg,#34c7592e 0%,#007aff24 100%);border:1px solid #34c7594d;box-shadow:0 8px 20px #34c7592e}@keyframes apple-badge-pulse{0%{transform:scale(.97);box-shadow:0 6px 18px #30d15833}to{transform:scale(1.03);box-shadow:0 10px 30px #30d15859}}.apple-lock-title{color:#fff;letter-spacing:-.025em;margin:0 0 .35rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.35rem;font-weight:700}[data-theme=light] .apple-lock-title{color:#1d1d1f}.apple-lock-desc{color:#ffffffa6;max-width:320px;margin:0 0 1.25rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.84rem;line-height:1.38}[data-theme=light] .apple-lock-desc{color:#0009}.apple-pin-dots{justify-content:center;align-items:center;gap:16px;margin-bottom:1.25rem;display:flex}.apple-pin-dot{background:0 0;border:1.5px solid #ffffff73;border-radius:50%;width:13px;height:13px;transition:all .22s cubic-bezier(.16,1,.3,1)}[data-theme=light] .apple-pin-dot{border:1.5px solid #0000004d}.apple-pin-dot.filled{background:#fff;border-color:#fff;transform:scale(1.18);box-shadow:0 0 12px #fff9}[data-theme=light] .apple-pin-dot.filled{background:#1d1d1f;border-color:#1d1d1f;transform:scale(1.18);box-shadow:0 0 10px #0003}.apple-pin-dot.error{box-shadow:0 0 12px #ff453a99;background:#ff453a!important;border-color:#ff453a!important}.apple-biometric-trigger{color:#30d158;cursor:pointer;-webkit-backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:9999px;justify-content:center;align-items:center;gap:9px;width:100%;margin-bottom:1.15rem;padding:.65rem 1rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.apple-biometric-trigger:hover{background:#30d15824;border-color:#30d15859;transform:translateY(-1px)}.apple-biometric-trigger:active{transform:scale(.97)}[data-theme=light] .apple-biometric-trigger{color:#248a3d;background:#34c7591a;border:1px solid #34c75933}[data-theme=light] .apple-biometric-trigger:hover{background:#34c75929}.apple-keypad-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:280px;margin-bottom:1.1rem;display:grid}.apple-keypad-circle{aspect-ratio:1;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff14;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:68px;margin:0 auto;padding:0;transition:background .12s,transform .1s cubic-bezier(.16,1,.3,1);display:flex}.apple-keypad-circle:hover{background:#ffffff29;border-color:#ffffff2e}.apple-keypad-circle:active{background:#ffffff47;transform:scale(.92)}[data-theme=light] .apple-keypad-circle{color:#1d1d1f;background:#0000000a;border:1px solid #0000000f}[data-theme=light] .apple-keypad-circle:hover{background:#00000014;border-color:#0000001a}[data-theme=light] .apple-keypad-circle:active{background:#00000026;transform:scale(.92)}.apple-key-number{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.55rem;font-weight:400;line-height:1.05}.apple-key-subtext{letter-spacing:.12em;opacity:.6;text-transform:uppercase;margin-top:1px;font-size:.58rem;font-weight:600}.apple-keypad-circle.action-key{background:0 0;border-color:#0000;font-size:.95rem;font-weight:500}.apple-keypad-circle.action-key:hover{background:#ffffff14}.apple-keypad-circle.action-key:active{background:#ffffff29;transform:scale(.92)}[data-theme=light] .apple-keypad-circle.action-key:hover{background:#0000000d}.apple-dialog-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;padding-top:.6rem;display:flex}[data-theme=light] .apple-dialog-footer{border-top:1px solid #0000000f}.apple-footer-link{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:5px;padding:4px 8px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.apple-footer-link:hover{color:#fff;background:#ffffff14}.apple-footer-link:active{transform:scale(.96)}[data-theme=light] .apple-footer-link{color:#0009}[data-theme=light] .apple-footer-link:hover{color:#1d1d1f;background:#0000000d}.apple-pin-hint-sub{color:#fff6;letter-spacing:.02em;margin-top:.6rem;font-size:.72rem}[data-theme=light] .apple-pin-hint-sub{color:#0006}@media (width<=480px){.apple-lock-dialog{border-radius:24px;max-width:calc(100vw - 1.5rem);padding:1.5rem 1.25rem 1.25rem}.apple-keypad-grid{gap:8px;max-width:250px}.apple-keypad-circle{max-width:60px}.apple-key-number{font-size:1.35rem}}:root{--apple-canvas:#090a0e;--apple-surface:#16171db8;--apple-surface-elevated:#1e1f26d1;--apple-surface-active:#ffffff29;--apple-border:#ffffff1a;--apple-border-strong:#ffffff2e;--apple-hairline:inset 0 1px 0 #ffffff2e;--apple-shadow:0 16px 40px #00000073;--apple-green:#30d158;--apple-green-dim:#30d15826;--apple-blue:#0a84ff;--apple-blue-dim:#0a84ff26;--apple-cyan:#64d2ff;--apple-cyan-dim:#64d2ff26;--apple-purple:#bf5af2;--apple-purple-dim:#bf5af226;--apple-gold:#ffd60a;--apple-gold-dim:#ffd60a26;--apple-red:#ff453a;--apple-red-dim:#ff453a2e;--apple-text-primary:#fff;--apple-text-secondary:#ffffffb3;--apple-text-tertiary:#ffffff73}[data-theme=light]{--apple-canvas:#f5f5f7;--apple-surface:#ffffffc7;--apple-surface-elevated:#ffffffeb;--apple-surface-active:#fff;--apple-border:#00000014;--apple-border-strong:#00000024;--apple-hairline:inset 0 1px 0 #fffffff2;--apple-shadow:0 12px 35px #0000000f;--apple-green:#28cd41;--apple-green-dim:#28cd411f;--apple-blue:#007aff;--apple-blue-dim:#007aff1f;--apple-cyan:#00c7be;--apple-cyan-dim:#00c7be1f;--apple-purple:#af52de;--apple-purple-dim:#af52de1f;--apple-gold:#ff9500;--apple-gold-dim:#ff95001f;--apple-red:#ff3b30;--apple-red-dim:#ff3b301f;--apple-text-primary:#1d1d1f;--apple-text-secondary:#000000a6;--apple-text-tertiary:#0000006b}.apple-wellness-page-wrapper{background:var(--apple-canvas);box-sizing:border-box;width:100%;min-height:100vh;position:relative;overflow-x:hidden}.apple-wellness-sanctuary{background:var(--apple-canvas);width:100%;max-width:1680px;min-height:100vh;color:var(--apple-text-primary);box-sizing:border-box;flex-direction:column;gap:1.5rem;margin:0 auto;padding:1.75rem 2.25rem 4rem;font-family:Inter,system-ui,-apple-system,sans-serif;transition:filter .3s cubic-bezier(.16,1,.3,1),background .25s;display:flex;position:relative}.apple-back-home-pill{background:var(--apple-surface-elevated);border:1px solid var(--apple-border-strong);color:var(--apple-text-primary);letter-spacing:-.01em;cursor:pointer;box-shadow:0 2px 8px #0000001f, var(--apple-hairline);-webkit-user-select:none;user-select:none;border-radius:9999px;flex-shrink:0;align-items:center;gap:8px;padding:.52rem 1.15rem;font-size:.88rem;font-weight:600;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex}.apple-back-home-pill:hover{background:var(--apple-surface-active);border-color:var(--apple-blue);color:var(--apple-blue);box-shadow:0 4px 16px var(--apple-blue-dim);transform:translate(-3px)}.apple-back-home-pill:active{transform:scale(.96)translate(-3px)}.apple-wellness-sanctuary.sanctuary-blurred-locked{filter:blur(14px)brightness(.65);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=light] .apple-wellness-sanctuary.sanctuary-blurred-locked{filter:blur(14px)brightness(.9)}.apple-ambient-glow-1{background:radial-gradient(circle, var(--apple-green-dim) 0%, transparent 70%);filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;width:450px;height:450px;position:absolute;top:0;left:20%}.apple-ambient-glow-2{background:radial-gradient(circle, var(--apple-blue-dim) 0%, transparent 70%);filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;width:500px;height:500px;position:absolute;top:300px;right:15%}.apple-system-bar{z-index:15;background:var(--apple-surface);-webkit-backdrop-filter:blur(28px)saturate(190%);border:1px solid var(--apple-border);width:100%;box-shadow:var(--apple-shadow), var(--apple-hairline);box-sizing:border-box;border-radius:9999px;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.15rem;display:flex;position:relative}.apple-system-nav-left{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.apple-nav-back-btn{background:var(--apple-surface-elevated);border:1px solid var(--apple-border-strong);color:var(--apple-text-primary);letter-spacing:-.01em;cursor:pointer;box-shadow:0 2px 6px #0000001f, var(--apple-hairline);-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:6px;padding:.5rem 1.25rem;font-size:.84rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.apple-nav-back-btn:hover{background:var(--apple-surface-active);border-color:var(--apple-blue);color:var(--apple-blue);box-shadow:0 4px 14px var(--apple-blue-dim);transform:translate(-2px)}.apple-nav-back-btn:active{transform:scale(.97)translate(-2px)}.apple-nav-slash{color:var(--apple-text-tertiary);-webkit-user-select:none;user-select:none;font-size:.85rem;font-weight:400}.apple-nav-breadcrumb{color:var(--apple-text-secondary);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;font-size:.82rem;font-weight:550}.apple-system-controls{flex-shrink:0;align-items:center;gap:.55rem;display:flex}.apple-sys-pill-btn{border:1px solid var(--apple-border);color:var(--apple-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border-radius:9999px;align-items:center;gap:6px;padding:.42rem .85rem;font-size:.8rem;font-weight:550;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}[data-theme=light] .apple-sys-pill-btn{background:#0000000a}.apple-sys-pill-btn:hover{background:var(--apple-surface-active);border-color:var(--apple-border-strong);color:var(--apple-text-primary);transform:translateY(-1px)}.apple-sys-pill-btn:active{transform:scale(.97)}.apple-spotlight-box{border:1px solid var(--apple-border);color:var(--apple-text-secondary);background:#ffffff0f;border-radius:9999px;flex:1;align-items:center;gap:8px;min-width:200px;max-width:380px;padding:.5rem 1.25rem;transition:all .2s;display:flex}[data-theme=light] .apple-spotlight-box{background:#0000000a}.apple-spotlight-box:focus-within{background:var(--apple-surface-elevated);border-color:var(--apple-blue);box-shadow:0 0 0 3px var(--apple-blue-dim)}.apple-spotlight-input{color:var(--apple-text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.84rem}.apple-spotlight-kbd{color:var(--apple-text-tertiary);-webkit-user-select:none;user-select:none;background:#ffffff1f;border-radius:8px;padding:2px 5px;font-size:.65rem;font-weight:600}[data-theme=light] .apple-spotlight-kbd{background:#00000014}.apple-panic-capsule{background:var(--apple-red-dim);color:var(--apple-red);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ff453a59;border-radius:9999px;align-items:center;gap:7px;padding:.42rem .9rem;font-size:.8rem;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.apple-panic-capsule:hover{border-color:var(--apple-red);background:#ff453a47;transform:translateY(-1px)}.apple-panic-capsule:active{transform:scale(.97)}.apple-panic-pulse-dot{background:var(--apple-red);width:7px;height:7px;box-shadow:0 0 6px var(--apple-red);border-radius:50%;animation:1.5s infinite apple-dot-pulse}.apple-hero-masthead{z-index:10;background:var(--apple-surface);-webkit-backdrop-filter:blur(40px)saturate(200%);border:1px solid var(--apple-border);width:100%;box-shadow:var(--apple-shadow), var(--apple-hairline);box-sizing:border-box;border-radius:32px;padding:2.25rem 2.5rem;transition:all .25s;position:relative;overflow:hidden}[data-theme=light] .apple-hero-masthead{background:#ffffffe0;border:1px solid #00000014;box-shadow:0 16px 40px #0000000d,inset 0 1px #ffffffe6}.apple-hero-radiance{background:radial-gradient(circle, var(--apple-green-dim) 0%, #0a84ff0f 50%, transparent 75%);filter:blur(60px);pointer-events:none;z-index:0;border-radius:50%;width:420px;height:420px;position:absolute;top:-60px;left:-60px}.apple-hero-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2.5rem;display:flex;position:relative}.apple-hero-left{flex:1;align-items:flex-start;gap:1.65rem;min-width:320px;display:flex}.apple-hero-glyph-container{flex-shrink:0;margin-top:2px;position:relative}.apple-hero-glyph-glow{background:radial-gradient(circle, var(--apple-green) 0%, transparent 70%);opacity:.35;filter:blur(12px);pointer-events:none;border-radius:26px;position:absolute;inset:-6px}.apple-hero-glyph{width:68px;height:68px;color:var(--apple-green);background:linear-gradient(135deg,#30d15847 0%,#0a84ff2e 100%);border:1.5px solid #30d15859;border-radius:24px;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 12px 28px -4px #30d1584d,inset 0 1.5px #fff6}.apple-hero-masthead:hover .apple-hero-glyph{transform:scale(1.04)rotate(-2deg)}.apple-hero-title-area{flex-direction:column;gap:.75rem;display:flex}.apple-hero-title-row{flex-wrap:wrap;align-items:center;gap:1.15rem;display:flex}.apple-hero-title{letter-spacing:-.035em;color:var(--apple-text-primary);margin:0;font-size:clamp(1.85rem,2.75vw,2.4rem);font-weight:750;line-height:1.1}.apple-enclave-pill-badge{color:var(--apple-green);letter-spacing:.02em;-webkit-user-select:none;user-select:none;background:#30d1581f;border:1px solid #30d15859;border-radius:9999px;align-items:center;gap:7px;padding:5px 13px;font-size:.76rem;font-weight:650;display:inline-flex;box-shadow:0 2px 10px #30d15826,inset 0 1px #ffffff26}[data-theme=light] .apple-enclave-pill-badge{background:#28cd411f;border-color:#28cd4159;box-shadow:0 2px 8px #28cd411f}.apple-enclave-pulse-ring{justify-content:center;align-items:center;width:8px;height:8px;display:inline-flex;position:relative}.apple-enclave-pulse-dot{background:var(--apple-green);width:7px;height:7px;box-shadow:0 0 6px var(--apple-green);border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite apple-enclave-ping}@keyframes apple-enclave-ping{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.35)}}.apple-enclave-text{font-weight:650}.apple-enclave-sep{opacity:.4;font-size:.7rem}.apple-enclave-subtext{opacity:.85;font-size:.7rem;font-weight:550}.apple-hero-subtitle{color:var(--apple-text-secondary);letter-spacing:-.01em;max-width:760px;margin:0;font-size:1.02rem;font-weight:450;line-height:1.55}.apple-trust-chips-row{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.25rem;display:flex}.apple-trust-chip{border:1px solid var(--apple-border);color:var(--apple-text-secondary);-webkit-user-select:none;user-select:none;background:#ffffff0d;border-radius:9999px;align-items:center;gap:6px;padding:4px 11px;font-size:.76rem;font-weight:550;transition:all .2s;display:inline-flex}[data-theme=light] .apple-trust-chip{background:#0000000a;border-color:#00000014}.apple-trust-chip:hover{background:var(--apple-surface-active);color:var(--apple-text-primary);border-color:var(--apple-border-strong)}.apple-chip-icon.green{color:var(--apple-green)}.apple-chip-icon.blue{color:var(--apple-blue)}.apple-chip-icon.gold{color:var(--apple-gold)}.apple-hero-right{flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-end;gap:.95rem;display:flex}.apple-telemetry-pill{border:1px solid var(--apple-border);color:var(--apple-text-secondary);-webkit-user-select:none;user-select:none;background:#ffffff0f;border-radius:9999px;align-items:center;gap:8px;padding:5px 13px;font-size:.78rem;font-weight:600;display:inline-flex}[data-theme=light] .apple-telemetry-pill{background:#0000000a}.apple-telemetry-live-dot{background:var(--apple-green);width:7px;height:7px;box-shadow:0 0 6px var(--apple-green);border-radius:50%}.apple-telemetry-status-text{color:var(--apple-text-primary);font-weight:600}.apple-telemetry-sep{opacity:.3}.apple-telemetry-ready{color:var(--apple-green);font-weight:650}.apple-hero-cta-btn{background:var(--apple-green);color:#000;letter-spacing:-.015em;cursor:pointer;box-shadow:0 4px 18px var(--apple-green-dim);-webkit-user-select:none;user-select:none;border:none;border-radius:9999px;align-items:center;gap:8px;padding:.72rem 1.45rem;font-size:.92rem;font-weight:650;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.apple-hero-cta-btn:hover{filter:brightness(1.05);transform:translateY(-1.5px);box-shadow:0 6px 24px #30d15866}.apple-hero-cta-btn:active{transform:scale(.97)}[data-theme=light] .apple-hero-cta-btn{color:#fff}.apple-kpi-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.15rem;display:grid;position:relative}.apple-kpi-widget{background:var(--apple-surface);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--apple-border);box-shadow:var(--apple-shadow), var(--apple-hairline);border-radius:24px;flex-direction:column;justify-content:space-between;gap:.75rem;padding:1.25rem 1.4rem;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex;position:relative;overflow:hidden}.apple-kpi-widget:hover{transform:translateY(-2px);box-shadow:0 20px 48px #00000059}.apple-widget-top{justify-content:space-between;align-items:center;display:flex}.apple-widget-label{letter-spacing:.06em;text-transform:uppercase;color:var(--apple-text-tertiary);font-size:.72rem;font-weight:600}.apple-widget-glyph{border-radius:16px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.apple-widget-glyph.green{background:var(--apple-green-dim);color:var(--apple-green)}.apple-widget-glyph.blue{background:var(--apple-blue-dim);color:var(--apple-blue)}.apple-widget-glyph.purple{background:var(--apple-purple-dim);color:var(--apple-purple)}.apple-widget-glyph.gold{background:var(--apple-gold-dim);color:var(--apple-gold)}.apple-widget-value{letter-spacing:-.035em;color:var(--apple-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:2.15rem;font-weight:700;line-height:1.05}.apple-widget-footer{color:var(--apple-text-secondary);align-items:center;gap:6px;font-size:.78rem;font-weight:500;display:flex}.apple-segmented-container{z-index:5;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;width:100%;padding:6px 0;display:flex;position:relative;overflow-x:auto}.apple-segmented-container::-webkit-scrollbar{display:none}.apple-segmented-capsule{background:var(--apple-surface);-webkit-backdrop-filter:blur(32px)saturate(190%);border:1px solid var(--apple-border);box-shadow:var(--apple-shadow), var(--apple-hairline);border-radius:9999px;flex-shrink:0;align-items:center;gap:4px;padding:5px;display:inline-flex}.apple-segment-pill{color:var(--apple-text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:9999px;align-items:center;gap:6px;padding:.5rem .95rem;font-size:.82rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.apple-segment-pill:hover{color:var(--apple-text-primary);background:#ffffff0d}.apple-segment-pill:active{transform:scale(.96)}.apple-segment-pill.active{background:var(--apple-surface-active);color:var(--apple-text-primary);box-shadow:0 4px 14px #00000040, var(--apple-hairline);font-weight:600}[data-theme=light] .apple-segment-pill.active{color:#1d1d1f;background:#fff;box-shadow:0 3px 12px #0000001a}.apple-segment-badge{color:var(--apple-text-primary);background:#ffffff24;border-radius:9999px;padding:1px 7px;font-size:.72rem;font-weight:700}[data-theme=light] .apple-segment-badge{background:#00000014}.apple-segment-pill.active .apple-segment-badge{background:var(--apple-green);color:#000}.apple-grouped-card{z-index:1;background:var(--apple-surface);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--apple-border);box-shadow:var(--apple-shadow), var(--apple-hairline);border-radius:24px;flex-direction:column;gap:1.25rem;padding:1.75rem 2rem;display:flex;position:relative}.apple-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.apple-card-title-group h2{letter-spacing:-.02em;color:var(--apple-text-primary);margin:0;font-size:1.25rem;font-weight:700}.apple-card-title-group p{color:var(--apple-text-secondary);margin:3px 0 0;font-size:.84rem}.apple-cta-btn{background:var(--apple-green);color:#000;cursor:pointer;box-shadow:0 4px 14px var(--apple-green-dim);border:1px solid #fff3;border-radius:9999px;align-items:center;gap:7px;padding:.55rem 1.25rem;font-size:.86rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.apple-cta-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.apple-cta-btn:active{transform:scale(.96)}.apple-medical-alert-banner{background:var(--apple-red-dim);color:var(--apple-text-primary);border:1px solid #ff453a4d;border-radius:24px;align-items:flex-start;gap:14px;padding:1rem 1.25rem;display:flex}.apple-medical-icon{width:36px;height:36px;color:var(--apple-red);background:#ff453a40;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.apple-table-container{border:1px solid var(--apple-border);background:var(--apple-surface-elevated);border-radius:24px;width:100%;overflow:auto hidden}.apple-table{border-collapse:collapse;text-align:left;width:100%;min-width:650px;font-size:.86rem}.apple-table th{letter-spacing:.05em;text-transform:uppercase;color:var(--apple-text-tertiary);border-bottom:1px solid var(--apple-border);background:#ffffff05;padding:.85rem 1rem;font-size:.72rem;font-weight:600}.apple-table td{border-bottom:1px solid var(--apple-border);color:var(--apple-text-primary);vertical-align:middle;padding:1rem}.apple-table tr:last-child td{border-bottom:none}.apple-table tr:hover td{background:#ffffff08}.apple-avatar-circle{background:linear-gradient(135deg, var(--apple-purple-dim) 0%, var(--apple-blue-dim) 100%);border:1px solid var(--apple-border);width:38px;height:38px;color:var(--apple-text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.apple-pressure-pill{background:var(--apple-cyan-dim);color:var(--apple-cyan);border-radius:9999px;align-items:center;gap:5px;padding:3px 9px;font-size:.76rem;font-weight:600;display:inline-flex}.apple-contra-tag{background:var(--apple-red-dim);color:var(--apple-red);border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.apple-suites-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1.25rem;display:grid}.apple-suite-tile{background:var(--apple-surface);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--apple-border);box-shadow:var(--apple-shadow), var(--apple-hairline);border-radius:24px;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.4rem;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex;position:relative}.apple-suite-tile:hover{transform:translateY(-2px);box-shadow:0 18px 45px #00000059}.apple-suite-top{justify-content:space-between;align-items:flex-start;gap:.85rem;display:flex}.apple-suite-title{letter-spacing:-.02em;color:var(--apple-text-primary);margin:0 0 3px;font-size:1.12rem;font-weight:700}.apple-suite-type{color:var(--apple-text-secondary);font-size:.8rem}.apple-suite-status-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.apple-suite-status-pill.ready{background:var(--apple-green-dim);color:var(--apple-green)}.apple-suite-status-pill.in-session{background:var(--apple-gold-dim);color:var(--apple-gold)}.apple-suite-status-pill.cleaning{background:var(--apple-blue-dim);color:var(--apple-blue)}.apple-suite-status-pill.maintenance{background:var(--apple-red-dim);color:var(--apple-red)}.apple-amenities-wrap{flex-wrap:wrap;gap:6px;display:flex}.apple-amenity-chip{border:1px solid var(--apple-border);color:var(--apple-text-secondary);background:#ffffff0f;border-radius:9999px;padding:3px 9px;font-size:.74rem}[data-theme=light] .apple-amenity-chip{background:#0000000a}.apple-suite-controls-bar{border-top:1px solid var(--apple-border);justify-content:space-between;align-items:center;gap:.6rem;padding-top:.85rem;display:flex}.apple-segmented-room-toggle{border:1px solid var(--apple-border);background:#ffffff0d;border-radius:9999px;align-items:center;gap:2px;padding:3px;display:inline-flex}[data-theme=light] .apple-segmented-room-toggle{background:#0000000a}.apple-room-toggle-btn{color:var(--apple-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:3px 8px;font-size:.72rem;font-weight:600;transition:all .15s}.apple-room-toggle-btn.active{background:var(--apple-surface-active);color:var(--apple-text-primary);font-weight:700;box-shadow:0 2px 6px #00000026}[data-theme=light] .apple-room-toggle-btn.active{color:#1d1d1f;background:#fff}.apple-session-card{background:var(--apple-surface-elevated);border:1px solid var(--apple-border);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.4rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.apple-session-card:hover{border-color:var(--apple-border-strong);transform:translate(2px)}.apple-session-time-pill{color:var(--apple-cyan);background:var(--apple-cyan-dim);border-radius:9999px;padding:4px 10px;font-size:.8rem;font-weight:700}.apple-therapies-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.apple-therapy-card{background:var(--apple-surface);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--apple-border);box-shadow:var(--apple-shadow), var(--apple-hairline);border-radius:24px;flex-direction:column;justify-content:space-between;gap:.9rem;padding:1.35rem;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex}.apple-therapy-card:hover{transform:translateY(-2px);box-shadow:0 18px 45px #00000059}.apple-therapy-category-pill{letter-spacing:.04em;text-transform:uppercase;color:var(--apple-purple);background:var(--apple-purple-dim);border-radius:9999px;padding:3px 9px;font-size:.72rem;font-weight:700}.apple-therapy-price{letter-spacing:-.02em;color:var(--apple-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.45rem;font-weight:700}.apple-pos-layout{grid-template-columns:1fr 380px;gap:1.5rem;display:grid}@media (width<=900px){.apple-pos-layout{grid-template-columns:1fr}}.apple-pay-receipt-card{background:var(--apple-surface-elevated);border:1px solid var(--apple-border);border-radius:24px;flex-direction:column;gap:1rem;padding:1.4rem;display:flex}.apple-pay-cta-btn{background:var(--apple-green);color:#000;cursor:pointer;width:100%;box-shadow:0 6px 20px var(--apple-green-dim);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:.85rem;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.apple-pay-cta-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.apple-pay-cta-btn:active{transform:scale(.97)}.apple-memberships-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.apple-virtual-card{border:1px solid var(--apple-border-strong);box-shadow:0 20px 50px #0006, var(--apple-hairline);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff05 100%);border-radius:24px;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:1.5rem;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.apple-virtual-card:hover{transform:translateY(-3px)scale(1.01)}.apple-card-nfc-chip{background:linear-gradient(135deg,#ffd60a4d 0%,#ffd60a1a 100%);border:1px solid #ffd60a80;border-radius:9999px;width:38px;height:28px}.apple-settings-rows{background:var(--apple-border);border-radius:24px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.apple-setting-row{background:var(--apple-surface);justify-content:space-between;align-items:center;gap:1.25rem;padding:1.15rem 1.4rem;transition:background .15s;display:flex}.apple-setting-row:hover{background:var(--apple-surface-elevated)}.apple-setting-info h4{color:var(--apple-text-primary);align-items:center;gap:8px;margin:0 0 3px;font-size:.95rem;font-weight:600;display:flex}.apple-setting-info p{color:var(--apple-text-secondary);max-width:520px;margin:0;font-size:.8rem}.apple-switch{border:1px solid var(--apple-border);cursor:pointer;background:#ffffff26;border-radius:9999px;align-items:center;width:51px;height:31px;padding:2px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}[data-theme=light] .apple-switch{background:#0000001f}.apple-switch.active{background:var(--apple-green);border-color:var(--apple-green)}.apple-switch-thumb{background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .25s cubic-bezier(.16,1,.3,1);transform:translate(0);box-shadow:0 2px 6px #0000004d}.apple-switch.active .apple-switch-thumb{transform:translate(20px)}@media (width<=768px){.apple-wellness-sanctuary{gap:1.15rem;padding:1rem 1rem 3rem}.apple-system-bar{flex-direction:column;align-items:stretch;padding:.85rem 1rem}.apple-system-controls{justify-content:space-between}.apple-spotlight-box{width:100%}.apple-grouped-card{padding:1.25rem 1rem}}.public-booking-container{background:var(--bg-body);min-height:100vh;color:var(--text-main);justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.public-booking-card{background:var(--bg-surface);border:1px solid var(--surface-border);border-radius:var(--radius-card-lg,24px);width:100%;max-width:500px;box-shadow:var(--shadow-xl);padding:2.5rem}.public-booking-header{text-align:center;margin-bottom:2rem}.public-booking-brand{color:var(--primary);justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.public-booking-title{color:var(--text-main);margin:0;font-size:1.5rem;font-weight:700}.public-booking-desc{color:var(--text-sub);margin-top:.5rem;font-size:.95rem}.booking-form{flex-direction:column;gap:1.25rem;display:flex}.time-slots{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.time-slot-btn{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--border-subtle);color:var(--text-main);cursor:pointer;padding:.75rem;font-size:.9rem;font-weight:500;transition:all .2s}.time-slot-btn:hover:not(:disabled){border-color:var(--primary);background:#d4af370d}.time-slot-btn.selected{background:var(--primary);color:var(--bg-body);border-color:var(--primary)}.time-slot-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--border-subtle);text-decoration:line-through}.booking-closed{text-align:center;border-radius:var(--radius-lg);background:#ef44441a;border:1px solid #ef444433;padding:3rem 1.5rem}.booking-closed h3{color:var(--danger);margin-bottom:.5rem;font-size:1.25rem}.booking-closed p{color:var(--text-sub);font-size:.95rem}.attendance-page{padding-bottom:3rem}.attendance-executive-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}.att-exec-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:0 10px 30px var(--shadow-color);padding:1.25rem 1.5rem;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.att-exec-card:hover{border-color:#d4af374d;transform:translateY(-2px)}.att-exec-top{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.att-exec-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:700}.att-exec-icon-wrap{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-purple{color:#c084fc;background:#9333ea26}.icon-green{color:#34d399;background:#10b98126}.icon-amber{color:#fbbf24;background:#f59e0b26}.icon-teal{color:#2dd4bf;background:#14b8a626}.att-exec-main{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex}.att-exec-value{letter-spacing:-.02em;font-size:1.85rem;font-weight:900;line-height:1}.att-exec-badge{white-space:nowrap;border-radius:20px;padding:.2rem .55rem;font-size:.7rem;font-weight:700}.att-exec-footer{border-top:1px solid var(--border-subtle);padding-top:.65rem}.attendance-main-card{overflow:hidden}.attendance-tabs-header{border-bottom:1px solid var(--border-subtle);background:var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.attendance-nav-tabs{align-items:center;gap:.5rem;display:flex;overflow-x:auto}.att-tab-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.55rem .95rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.att-tab-btn:hover{color:var(--text-main);background:var(--border-subtle)}.att-tab-btn.active{color:var(--primary);background:#d4af371a;border-color:#d4af374d}.att-tab-pill{background:var(--border-subtle);border-radius:12px;padding:.1rem .45rem;font-size:.68rem;font-weight:700}.att-tab-btn.active .att-tab-pill{background:var(--primary);color:#121217}.attendance-top-actions{align-items:center;gap:.75rem;display:flex}.attendance-tab-content{padding:1.25rem}.att-feed-banner{border-radius:var(--radius-sm);background:var(--border-subtle);border:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem 1rem;display:flex}.att-live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse-dot;box-shadow:0 0 10px #10b981}@keyframes pulse-dot{0%{opacity:1;transform:scale(.9)}50%{opacity:.6;transform:scale(1.3)}to{opacity:1;transform:scale(.9)}}.att-face-match-preview{cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:.65rem;width:fit-content;padding:.25rem .5rem;transition:background .15s;display:flex}.att-face-match-preview:hover{background:#d4af371a}.att-thumb-pair{align-items:center;gap:.25rem;display:flex}.att-thumb{object-fit:cover;border:1px solid var(--border-light);border-radius:50%;width:26px;height:26px}.att-thumb.selfie{border-color:#10b981}.att-thumb-vs{color:var(--text-muted);font-size:.6rem;font-weight:700}.att-registry-info-box{border-radius:var(--radius-md);background:#d4af370a;border:1px solid #d4af3733;margin-bottom:1.5rem;padding:1.25rem}.att-info-icon{shrink:0;background:#d4af3726;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.att-staff-photo-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.att-staff-photo-card{border:1px solid var(--border-subtle);background:var(--surface-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:22px;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 4px 20px #00000026}.att-staff-photo-card:hover{border-color:#d4af3773;transform:translateY(-4px);box-shadow:0 16px 36px #00000059,0 0 20px #d4af371f}.att-photo-wrap{border-bottom:1px solid var(--border-subtle);background:radial-gradient(circle,#d4af3714,#0f1016f2);justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative;overflow:hidden}.att-staff-registered-photo{object-fit:cover;width:100%;height:100%;transition:transform .4s}.att-staff-photo-card:hover .att-staff-registered-photo{transform:scale(1.03)}.att-photo-placeholder{background:#ffffff05;border:2px dashed #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:12px;display:flex}.att-reg-pill,.att-reg-status-badge{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #0000004d}.att-reg-pill.registered,.att-reg-status-badge.registered{color:#34d399;background:#10b98138;border:1px solid #10b98180}.att-reg-pill.pending,.att-reg-status-badge.pending{color:#fbbf24;background:#f59e0b38;border:1px solid #f59e0b80}.att-photo-token-strip{color:#ffffffbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#0000 0%,#0006 30%,#000000d9 100%);justify-content:space-between;align-items:center;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;display:flex;position:absolute;bottom:0;left:0;right:0}.att-photo-card-body,.att-staff-card-body{background:var(--surface-card);flex-direction:column;flex:1;padding:1.25rem;display:flex}.att-credentials-pill-row{align-items:center;gap:.5rem;margin:.65rem 0 1rem;display:flex}.att-credential-pill{border-radius:var(--radius-sm);background:var(--surface-hover);border:1px solid var(--border-subtle);flex:1;justify-content:space-between;align-items:center;padding:.45rem .65rem;font-family:ui-monospace,monospace;font-size:.72rem;display:flex}.att-upload-viewport-box{background:#0b0c10;border:2px dashed #d4af3773;border-radius:20px;justify-content:center;align-items:center;width:100%;height:310px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000c}.att-biometric-reticle{pointer-events:none;border:2px dashed #d4af37a6;border-radius:50%;justify-content:center;align-items:center;width:180px;height:230px;display:flex;position:absolute;box-shadow:0 0 24px #d4af3740}.att-reticle-laser{background:linear-gradient(90deg,#0000,#d4af37,#fef08a,#d4af37,#0000);height:2.5px;animation:2.4s ease-in-out infinite alternate attReticleScan;position:absolute;left:0;right:0;box-shadow:0 0 14px #d4af37}@keyframes attReticleScan{0%{opacity:.3;top:8%}50%{opacity:1}to{opacity:.3;top:92%}}.att-modal-profile-header{background:var(--surface-card);border:1px solid var(--border-subtle)}.att-audit-grid{text-align:center;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.att-audit-box{border-radius:var(--radius-md);background:var(--surface-card);border:1px solid var(--border-subtle);flex-direction:column;align-items:center;padding:.85rem;display:flex}.att-audit-img-wrap{border-radius:var(--radius-md);border:2px solid #d4af3766;width:120px;height:120px;overflow:hidden}.att-audit-img-wrap.live{border-color:#10b98199;box-shadow:0 0 15px #10b98126}.att-audit-img-wrap img{object-fit:cover;width:100%;height:100%}@media (width<=1024px){.attendance-executive-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.attendance-executive-grid{grid-template-columns:1fr}.attendance-tabs-header{flex-direction:column;align-items:stretch}.attendance-top-actions{justify-content:stretch}.attendance-top-actions button{flex:1}}.att-filters-bar{border-bottom:1px solid var(--border-subtle);background:var(--surface-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.att-filter-chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.att-filter-chip{border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.att-filter-chip:hover{color:var(--text-main);border-color:#d4af3766}.att-filter-chip.active{color:#d4af37;background:#d4af3726;border-color:#d4af37}.att-search-input{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--surface-card-solid);min-width:220px;color:var(--text-main);padding:.35rem .75rem;font-size:.8rem}.att-heatmap-container{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.att-staff-heatmap-row{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-card);padding:1rem 1.25rem}.att-days-grid{grid-template-columns:repeat(31,1fr);gap:4px;margin-top:.75rem;display:grid}.att-day-cell{aspect-ratio:1;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;transition:transform .15s;display:flex}.att-day-cell:hover{z-index:2;transform:scale(1.2)}.att-day-cell.present{color:#34d399;background:#10b98140;border:1px solid #10b98180}.att-day-cell.late{color:#fbbf24;background:#f59e0b40;border:1px solid #f59e0b80}.att-day-cell.leave{color:#60a5fa;background:#3b82f640;border:1px solid #3b82f680}.att-day-cell.absent{color:#f87171;background:#ef444433;border:1px solid #ef444466}.att-day-cell.weekend{background:var(--border-subtle);color:var(--text-muted);opacity:.5;border:1px solid #0000}.att-analytics-dashboard{flex-direction:column;gap:1.5rem;display:flex}.att-analytics-top-grid{grid-template-columns:2fr 1fr;gap:1.25rem;display:grid}@media (width<=900px){.att-analytics-top-grid{grid-template-columns:1fr}}.att-analytics-box{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-card);padding:1.25rem}.att-trend-bars{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-end;gap:8px;height:180px;margin-top:.5rem;padding-top:1.5rem;padding-bottom:.5rem;display:flex}.att-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.att-bar-pillar{background:linear-gradient(#d4af37 0%,#d4af374d 100%);border-radius:4px 4px 0 0;width:100%;max-width:28px;transition:all .3s;position:relative}.att-bar-pillar:hover{background:linear-gradient(#f5d77f 0%,#d4af37 100%);box-shadow:0 0 12px #d4af3766}.att-bar-label{color:var(--text-muted);white-space:nowrap;font-size:.65rem}.att-leaderboard-list{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.att-leaderboard-item{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-card-solid);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.att-rank-badge{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:800;display:flex}.rank-gold{color:#111;background:#d4af37}.rank-silver{color:#111;background:#94a3b8}.rank-bronze{color:#fff;background:#b45309}.rank-other{background:var(--border-subtle);color:var(--text-muted)}.att-leaves-table-wrap{margin-top:1rem}.att-leave-row{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-card);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.85rem 1.15rem;display:flex}.att-settings-content{flex-direction:column;gap:1.5rem;display:flex}.att-settings-banner{border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:flex}.att-settings-banner-info{align-items:center;gap:1rem;display:flex}.att-banner-icon-badge{border-radius:var(--radius-md);background:#d4af371f;border:1px solid #d4af3740;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.att-settings-banner-badges{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.att-settings-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:1.5rem;display:grid}@media (width<=1024px){.att-settings-grid{grid-template-columns:1fr}}.att-settings-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.att-settings-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.att-settings-card-header{border-bottom:1px solid var(--border-subtle);background:var(--surface-card-solid);justify-content:space-between;align-items:center;padding:1.15rem 1.4rem;display:flex}.att-settings-icon-badge{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.att-settings-icon-badge.icon-amber{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.att-settings-icon-badge.icon-purple{color:#a855f7;background:#a855f71f;border:1px solid #a855f740}.att-settings-icon-badge.icon-teal{color:#14b8a6;background:#14b8a61f;border:1px solid #14b8a640}.att-settings-card-body{flex-direction:column;gap:1.25rem;padding:1.25rem 1.4rem;display:flex}.att-preset-group{flex-direction:column;gap:.5rem;display:flex}.att-preset-chips{flex-wrap:wrap;gap:.5rem;display:flex}.att-preset-chip{border:1px solid var(--border-light);background:var(--surface-card-solid);color:var(--text-muted);cursor:pointer;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.att-preset-chip:hover{color:var(--text-main);border-color:#d4af3766;transform:translateY(-1px)}.att-preset-chip.active{color:#d4af37;background:#d4af3726;border-color:#d4af37;box-shadow:0 0 10px #d4af3733}.att-settings-form{flex-direction:column;gap:1.15rem;display:flex}.att-form-group{flex-direction:column;gap:.4rem;display:flex}.att-form-label{color:var(--text-muted);align-items:center;font-size:.78rem;font-weight:600;display:flex}.att-form-input{background:var(--surface-card-solid);border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;height:40px;color:var(--text-main);outline:none;padding:.5rem .85rem;font-size:.85rem;transition:all .2s}.att-form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.att-form-input::placeholder{color:var(--text-muted);opacity:.7}.att-form-row{gap:1rem;display:flex}@media (width<=640px){.att-form-row{flex-direction:column}}.att-gps-detect-btn{color:var(--primary);border-radius:var(--radius-md);cursor:pointer;background:#d4af3714;border:1px solid #d4af3740;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.att-gps-detect-btn:hover:not(:disabled){border-color:var(--primary);background:#d4af3729;box-shadow:0 0 10px #d4af3733}.att-gps-detect-btn:disabled{opacity:.6;cursor:not-allowed}.att-range-slider{background:var(--border-light);accent-color:#d4af37;cursor:pointer;border-radius:4px;outline:none;width:100%;height:6px;margin:.5rem 0}.att-radius-val{color:var(--primary);font-size:.8rem;font-weight:700}.att-radius-presets{flex-wrap:wrap;gap:.4rem;display:flex}.att-radius-chip{border:1px solid var(--border-subtle);background:var(--surface-card-solid);color:var(--text-muted);cursor:pointer;border-radius:12px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;transition:all .15s}.att-radius-chip:hover{color:var(--text-main);border-color:var(--border-light)}.att-radius-chip.active{color:#d4af37;background:#d4af3726;border-color:#d4af37}.att-radar-preview-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:linear-gradient(135deg,#d4af370a 0%,#00000040 100%);align-items:center;gap:1.25rem;padding:1rem 1.25rem;display:flex;position:relative;overflow:hidden}[data-theme=light] .att-radar-preview-card{background:linear-gradient(135deg,#d4af3714 0%,#f0f0f599 100%)}.att-radar-graphic{background:radial-gradient(circle,#d4af371a 0%,#0a0f19cc 100%);border:1.5px solid #d4af3766;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 15px #d4af3733}[data-theme=light] .att-radar-graphic{background:radial-gradient(circle,#d4af3726 0%,#e1e6f0e6 100%);border:1.5px solid #d4af3780}.att-radar-ring{border:1px dashed #d4af3759;border-radius:50%;position:absolute}.att-radar-ring.r1{width:30%;height:30%}.att-radar-ring.r2{width:60%;height:60%}.att-radar-ring.r3{width:88%;height:88%}.att-radar-sweep{pointer-events:none;background:conic-gradient(#d4af3766 0deg,#0000 60deg);border-radius:50%;width:100%;height:100%;animation:3s linear infinite radarSweep;position:absolute;top:0;left:0}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.att-radar-center-pin{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.att-radar-details{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.att-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseDot;display:inline-block;box-shadow:0 0 8px #10b981}@keyframes pulseDot{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.9)}}.att-radar-stat-pill{color:var(--text-muted);font-feature-settings:"tnum" 1;align-items:center;gap:.35rem;font-family:inherit;font-size:.7rem;display:inline-flex}.att-toggle-row{border-radius:var(--radius-md);background:var(--surface-card-solid);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.att-toggle-info{flex-direction:column;gap:.15rem;display:flex}.att-switch{cursor:pointer;flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.att-switch input{opacity:0;width:0;height:0}.att-switch-slider{background-color:var(--border-light);border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.att-switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0000004d}.att-switch input:checked+.att-switch-slider{background-color:#10b981}.att-switch input:checked+.att-switch-slider:before{transform:translate(20px)}.att-shift-duration-strip{border-radius:var(--radius-md);background:#a855f714;border:1px solid #a855f733;align-items:center;gap:.6rem;padding:.65rem .9rem;display:flex}.att-security-grade-badge{border-radius:var(--radius-md);color:var(--text-main);background:#10b98114;border:1px solid #10b98133;align-items:center;gap:.5rem;padding:.6rem .85rem;display:flex}.att-card-action-bar{border-top:1px solid var(--border-subtle);justify-content:flex-end;padding-top:.75rem;display:flex}.att-security-footer-banner{border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(3,1fr);gap:1.25rem;padding:1.25rem 1.5rem;display:grid}@media (width<=900px){.att-security-footer-banner{grid-template-columns:1fr;gap:1rem}}.att-security-pillar{align-items:flex-start;gap:.85rem;display:flex}.att-pillar-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.att-pillar-icon.icon-teal{color:#14b8a6;background:#14b8a61f;border:1px solid #14b8a640}.att-pillar-icon.icon-amber{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.att-pillar-icon.icon-purple{color:#a855f7;background:#a855f71f;border:1px solid #a855f740}.att-subnav-bar{background:var(--surface-ground);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.att-subnav-pills{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.att-subnav-pill{color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.5rem .95rem;font-size:.825rem;font-weight:600;transition:all .2s;display:inline-flex}.att-subnav-pill:hover{color:var(--text-main);background:var(--border-subtle)}.att-subnav-pill.active{color:var(--text-main);background:var(--surface-card);border-color:var(--border-subtle);box-shadow:var(--shadow-sm);font-weight:700}[data-theme=light] .att-subnav-pill.active{color:#1a1a1a;background:#fff;border-color:#d4af3766;box-shadow:0 2px 8px #0000000f}.att-shifts-view{flex-direction:column;gap:1.25rem;display:flex}.att-shifts-header-strip{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.att-shift-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.att-shift-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.att-shift-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-light);transform:translateY(-2px)}.att-shift-card-header{justify-content:space-between;align-items:center;display:flex}.att-shift-badge-pill{letter-spacing:.01em;border:1px solid;border-radius:9999px;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.att-shift-card-body{flex-direction:column;flex:1;display:flex}.att-shift-timing-strip{background:var(--surface-ground);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:.65rem;margin-top:.5rem;margin-bottom:.75rem;padding:.6rem .85rem;display:flex}.att-shift-metrics-row{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.5rem;display:grid}.att-shift-metric-pill{background:var(--surface-ground);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:.45rem .35rem;display:flex}.att-shift-staff-preview{border-top:1px solid var(--border-subtle);margin-top:.75rem;padding-top:.75rem}.att-staff-mini-chip{color:var(--text-main);background:var(--surface-ground);border:1px solid var(--border-subtle);border-radius:9999px;align-items:center;gap:.35rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.att-mini-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.att-shift-card-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;padding-top:.75rem;display:flex}.att-mapping-view{flex-direction:column;gap:1.25rem;display:flex}.att-mapping-toolbar{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.att-mapping-search-wrap{min-width:280px;position:relative}.att-mapping-search-wrap .att-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.att-mapping-search-wrap .att-search-input-field{width:100%;padding-left:2.25rem}.att-mapping-filter-chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.att-bulk-action-bar{border-radius:var(--radius-lg);background:#d4af3714;border:1px solid #d4af3759;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}[data-theme=light] .att-bulk-action-bar{background:#d4af371f;border-color:#d4af3773}.att-bulk-select{border-radius:var(--radius-md);max-width:260px;padding:.35rem .65rem;font-size:.8rem}.att-roster-table-wrap{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.att-roster-table th{background:var(--surface-ground);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding:.85rem 1rem;font-size:.75rem;font-weight:700}.att-roster-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:.85rem 1rem}.att-roster-table tr:last-child td{border-bottom:none}.att-roster-table tr:hover td{background:#ffffff05}[data-theme=light] .att-roster-table tr:hover td{background:#00000005}.att-shift-tag-pill{white-space:nowrap;border:1px solid;border-radius:9999px;padding:.2rem .55rem;font-size:.725rem;font-weight:700}.att-inline-shift-select{border-radius:var(--radius-md);background:var(--surface-ground);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;min-width:200px;padding:.3rem .6rem;font-size:.78rem;transition:border-color .2s}.att-inline-shift-select:hover,.att-inline-shift-select:focus{border-color:var(--primary);outline:none}[data-theme=light] .att-inline-shift-select{color:#1a1a1a;background:#fff;border-color:#00000026}.att-mapping-info-banner{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem 1.25rem}.att-card-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem;margin-top:1rem;display:grid}@media (width>=768px){.att-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.att-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.att-modern-card{background:var(--surface-card);border-radius:var(--radius-card,24px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.25rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.att-modern-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 25px #0003}.att-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.att-card-user{align-items:center;gap:.75rem;display:flex}.att-card-avatar{border:2px solid var(--border-subtle);background:var(--surface-hover);width:42px;height:42px;color:var(--text-main);object-fit:cover;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.att-card-name{color:var(--text-main);align-items:center;gap:.4rem;margin-bottom:.15rem;font-size:1rem;font-weight:700;display:flex}.att-card-role{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.att-card-status-badge{white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.att-card-body{background:var(--surface-hover);border-radius:16px;grid-template-columns:1fr 1fr;gap:.75rem;padding:.85rem;display:grid}.att-stat-block{flex-direction:column;gap:.25rem;display:flex}.att-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem;font-weight:600}.att-stat-value{color:var(--text-main);font-feature-settings:"tnum" 1;font-family:inherit;font-size:.95rem;font-weight:700}.att-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;display:flex}.att-biometrics{color:var(--text-muted);background:#ffffff08;border-radius:8px;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.75rem;display:flex}.att-biometrics.success{color:var(--success);background:var(--success-bg)}.att-card-actions{align-items:center;gap:.5rem;display:flex}.att-payroll-highlight{color:var(--success);text-align:right;margin-top:.5rem;font-size:1.2rem;font-weight:800}.att-mode-switcher-bar{background:var(--surface);border:1px solid var(--border-subtle);border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.5rem .75rem;display:flex}.att-mode-pills{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.att-mode-pill{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.att-mode-pill:hover{color:var(--text-main);background:#ffffff0a}.att-mode-pill.active{background:var(--primary);color:#000;border-color:var(--primary);font-weight:700}.my-att-hero{border:1px solid var(--border-subtle);background:linear-gradient(135deg,#d4af3714 0%,#14141c99 100%);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding:1.25rem 1.5rem;display:flex}.my-att-profile{align-items:center;gap:1rem;display:flex}.my-att-avatar{border:2px solid var(--primary);object-fit:cover;border-radius:16px;width:58px;height:58px;box-shadow:0 4px 14px #0000004d}.my-att-info h3{color:var(--text-main);align-items:center;gap:.5rem;margin:0;font-size:1.2rem;font-weight:800;display:flex}.my-att-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.25rem;font-size:.78rem;display:flex}.my-att-shift-tag{border:1px solid var(--border-subtle);color:var(--text-main);background:#ffffff0d;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.my-att-punch-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:20px;margin-bottom:1.25rem;padding:1.5rem}.my-att-punch-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:1.5rem;display:grid}@media (width<=860px){.my-att-punch-grid{grid-template-columns:1fr}}.my-att-status-box{flex-direction:column;gap:.75rem;display:flex}.my-att-status-badge-lg{border-radius:9999px;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1rem;font-size:.9rem;font-weight:800;display:inline-flex}.my-att-times-row{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:.25rem;display:flex}.my-att-time-col{flex-direction:column;display:flex}.my-att-time-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem;font-weight:700}.my-att-time-val{color:var(--text-main);font-family:inherit;font-size:1.15rem;font-weight:800}.my-att-actions{flex-direction:column;gap:.75rem;display:flex}.my-att-buttons-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.my-att-table-wrap{border:1px solid var(--border-subtle);border-radius:14px;margin-top:1rem;overflow-x:auto}.attendance-kiosk-page{background:radial-gradient(circle at top right, #d4af3714, transparent 40%), radial-gradient(circle at bottom left, #9333ea0d, transparent 45%), var(--bg-main);min-height:100vh;color:var(--text-main);box-sizing:border-box;flex-direction:column;display:flex}.kiosk-header{border-bottom:1px solid var(--border-subtle);background:var(--surface-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.kiosk-back-btn{border-radius:var(--radius-sm);background:var(--border-subtle);border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.82rem;transition:all .2s;display:inline-flex}.kiosk-back-btn:hover{color:var(--primary);background:#d4af3726;border-color:#d4af3766}.kiosk-brand{align-items:center;gap:.75rem;display:flex}.brand-logo-small{background:linear-gradient(135deg, var(--primary), #b38b22);color:#121217;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.kiosk-title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-main), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.05rem;font-weight:800}.kiosk-subtitle{color:var(--text-muted);font-size:.72rem}.kiosk-branch-pill{border-radius:var(--radius-sm);color:var(--text-main);background:#d4af3714;border:1px solid #d4af3733;padding:.35rem .75rem;font-size:.75rem}.kiosk-clock-pill{border-radius:var(--radius-sm);background:var(--border-subtle);border:1px solid var(--border-light);align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.85rem;display:flex}.kiosk-main-container{box-sizing:border-box;flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:1040px;margin:0 auto;padding:2rem 1.5rem;display:flex}.kiosk-stepper{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.step-item{opacity:.45;align-items:center;gap:.4rem;transition:all .25s;display:flex}.step-item.active{opacity:1}.step-item.completed .step-num{background:var(--success);color:var(--text-main);border-color:var(--success)}.step-num{border:1.5px solid var(--text-muted);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:700;display:flex}.step-item.active .step-num{border-color:var(--primary);color:var(--primary);background:#d4af3733;box-shadow:0 0 10px #d4af3766}.step-label{color:var(--text-main);font-size:.78rem;font-weight:600}.step-divider{background:var(--border-light);width:30px;height:1px}.kiosk-card{border-radius:var(--radius-card-lg,24px);border:1px solid var(--border-subtle);background:var(--surface-card);box-shadow:0 16px 40px var(--shadow-color);box-sizing:border-box;width:100%;padding:2rem}.kiosk-card-header{margin-bottom:1.75rem}.kiosk-icon-badge{background:var(--border-subtle);border:1px solid var(--border-light);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto;display:flex}.kiosk-staff-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.kiosk-staff-card{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-card,20px);text-align:center;cursor:pointer;padding:1.25rem;transition:all .25s;position:relative;overflow:hidden}.kiosk-staff-card:hover{box-shadow:0 10px 24px var(--shadow-color), 0 0 16px #d4af3726;background:#d4af370f;border-color:#d4af3766;transform:translateY(-4px)}.kiosk-staff-card.unregistered{opacity:.75;border-style:dashed}.kiosk-avatar-wrap{width:84px;height:84px;margin:0 auto .75rem;position:relative}.kiosk-staff-img{object-fit:cover;width:100%;height:100%;box-shadow:0 4px 14px var(--shadow-color);border:2px solid #d4af3780;border-radius:50%}.kiosk-staff-placeholder{background:var(--border-subtle);border:2px dashed var(--border-light);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.kiosk-punch-badge{box-shadow:0 2px 6px var(--shadow-color);border-radius:12px;align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.65rem;font-weight:700;display:flex;position:absolute;bottom:0;right:-4px}.kiosk-punch-badge.in{color:var(--text-main);background:#10b981}.kiosk-punch-badge.out{color:var(--text-main);background:#64748b}.kiosk-card-footer-status{border-top:1px solid var(--border-subtle);margin-top:.85rem;padding-top:.75rem}.kiosk-radar-container{justify-content:center;align-items:center;width:180px;height:180px;margin:1.5rem auto;display:flex;position:relative}.radar-circle{border:1px solid;border-radius:50%;position:absolute}.radar-circle.outer{opacity:.25;width:100%;height:100%;animation:2.5s cubic-bezier(0,0,.2,1) infinite radar-ping}.radar-circle.mid{opacity:.45;width:65%;height:65%;animation:2.5s cubic-bezier(0,0,.2,1) .7s infinite radar-ping}.radar-green{background:#10b9810d;border-color:#10b981}.radar-amber{background:#f59e0b0d;border-color:#f59e0b}.radar-center{background:var(--surface-card);border:2px solid var(--primary);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 16px #d4af3766}.radar-blip{z-index:3;border-radius:50%;width:14px;height:14px;position:absolute}.radar-blip.in-range{background:#10b981;top:30%;right:25%;box-shadow:0 0 12px #10b981}.radar-blip.out-range{background:#ef4444;top:10%;right:5%;box-shadow:0 0 12px #ef4444}.radar-blip-label{background:var(--surface-card);color:var(--text-main);white-space:nowrap;border-radius:4px;padding:.1rem .35rem;font-size:.65rem;position:absolute;top:-18px;left:50%;transform:translate(-50%)}@keyframes radar-ping{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}.kiosk-loc-summary{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:1.25rem 0;padding:1.25rem}.kiosk-demo-toggle{border-radius:var(--radius-sm);background:#d4af370d;border:1px dashed #d4af3740;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.kiosk-camera-viewport{background:var(--kiosk-bg);width:100%;max-width:460px;height:340px;box-shadow:0 16px 36px var(--shadow-color);border:2px solid #d4af3766;border-radius:20px;margin:0 auto;position:relative;overflow:hidden}.kiosk-video-feed{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.kiosk-face-guide{width:180px;height:240px;box-shadow:0 0 0 9999px var(--shadow-color);pointer-events:none;border:2px dashed #d4af37cc;border-radius:50% 50% 45% 45%/55% 55% 45% 45%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.laser-scanner-line{background:linear-gradient(90deg,#0000,#d4af37,#fff,#d4af37,#0000);height:3px;animation:2.2s ease-in-out infinite alternate laser-scan;position:absolute;top:0;left:0;right:0;box-shadow:0 0 12px #d4af37}@keyframes laser-scan{0%{top:5%}to{top:92%}}.kiosk-camera-overlay-top{position:absolute;top:12px;left:12px}.kiosk-ref-preview{border:2px solid var(--primary);background:var(--kiosk-bg);width:60px;height:60px;box-shadow:0 4px 12px var(--shadow-color);border-radius:12px;position:absolute;bottom:12px;right:12px;overflow:hidden}.kiosk-ref-preview img{object-fit:cover;width:100%;height:100%}.kiosk-ref-tag{background:var(--surface-card);color:var(--primary);text-align:center;font-size:.55rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}.kiosk-camera-warning{border-radius:var(--radius-sm);background:#f59e0b1a;border:1px solid #f59e0b4d;align-items:center;gap:.5rem;margin-top:1rem;padding:.6rem .85rem;display:flex}.kiosk-action-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.kiosk-capture-btn{padding:.75rem 1.75rem;box-shadow:0 0 20px #d4af3759}.kiosk-verifying-avatar-pair{justify-content:center;align-items:center;gap:1.5rem;display:flex}.compare-photo-box{width:100px;height:100px;box-shadow:0 8px 24px var(--shadow-color);border:2px solid #d4af3766;border-radius:20px;position:relative;overflow:hidden}.compare-photo-box img{object-fit:cover;width:100%;height:100%}.compare-label{background:var(--surface-card);color:var(--primary);text-align:center;padding:.15rem 0;font-size:.62rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}.compare-vs-badge{border:1px solid var(--primary);background:#d4af3726;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kiosk-progress-bar-wrap{background:var(--border-light);border-radius:3px;width:100%;height:6px;overflow:hidden}.kiosk-progress-bar-fill{background:linear-gradient(90deg, var(--primary), #10b981);width:100%;height:100%;animation:1.8s ease-in-out infinite bar-load}@keyframes bar-load{0%{transform:translate(-100%)}to{transform:translate(100%)}}.kiosk-success-check-wrap{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;display:flex;position:relative}.success-pulse{background:#10b98133;border-radius:50%;width:100%;height:100%;animation:2s infinite pulse-ring;position:absolute}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.kiosk-success-receipt{border-radius:var(--radius-md);background:#10b9810a;border:1px solid #10b9814d;padding:1.25rem}.kiosk-pin-card{margin:0 auto;max-width:420px!important}.kiosk-geo-card{margin:0 auto;max-width:560px!important}.kiosk-camera-card{margin:0 auto;max-width:640px!important}.kiosk-receipt-card{margin:0 auto;max-width:600px!important}.kiosk-pin-avatar{border:2.5px solid var(--primary);background:var(--surface-card);border-radius:50%;width:76px;height:76px;margin:0 auto .75rem;overflow:hidden;box-shadow:0 4px 16px #d4af3740}.kiosk-pin-avatar img{object-fit:cover;width:100%;height:100%;display:block}.kiosk-pin-container{text-align:center;max-width:360px;margin:0 auto}.kiosk-pin-dots{justify-content:center;align-items:center;gap:12px;margin:1.5rem 0;display:flex}.kiosk-pin-dot{border:2px solid var(--border-light);background:0 0;border-radius:50%;width:16px;height:16px;transition:all .2s}.kiosk-pin-dot.filled{background:var(--primary);border-color:var(--primary);transform:scale(1.15);box-shadow:0 0 10px #d4af3780}.kiosk-num-keypad{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:1rem;display:grid}.kiosk-key-btn{border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--surface-card);height:56px;color:var(--text-main);cursor:pointer;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;transition:all .15s;display:flex}.kiosk-key-btn:hover{border-color:var(--primary);color:var(--primary);background:#d4af3733;transform:translateY(-2px)}.kiosk-key-btn:active{transform:scale(.95)}.kiosk-late-banner{border-radius:var(--radius-md);color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b66;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;font-size:.82rem;display:flex}.kiosk-break-btn{border:1px solid var(--border-light);color:var(--primary);cursor:pointer;background:#d4af371a;border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.75rem;font-weight:600;display:inline-flex}.kiosk-hud-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.kiosk-hud-pill{border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.kiosk-hud-pill.in-range{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.kiosk-hud-pill.out-range{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.kiosk-hud-staff-pill{color:var(--text-main);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .35rem;transition:all .2s;display:inline-flex}.kiosk-hud-staff-pill:hover{border-color:var(--primary);background:#d4af3726}.kiosk-camera-countdown-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fbbf24;z-index:10;background:#000000bf;border:1px solid #d4af3780;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #0006}.kiosk-cam-actions-group{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;margin-top:1rem;display:flex}.kiosk-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.kiosk-modal-content{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:24px;width:100%;max-width:440px;padding:1.25rem;position:relative;box-shadow:0 24px 60px #0009}.kiosk-staff-modal-grid{flex-direction:column;gap:.5rem;display:flex}.kiosk-staff-modal-item{background:var(--surface-hover);cursor:pointer;border:1px solid #0000;border-radius:16px;align-items:center;gap:.75rem;padding:.65rem .85rem;transition:all .15s;display:flex}.kiosk-staff-modal-item:hover,.kiosk-staff-modal-item.active{border-color:var(--primary);background:#d4af371f;transform:translate(2px)}.kiosk-mismatch-badge-wrap{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;display:flex;position:relative}.mismatch-pulse{background:#ef444440;border-radius:50%;width:100%;height:100%;animation:2s infinite pulse-ring-red;position:absolute}@keyframes pulse-ring-red{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.compare-photo-box.mismatch{border-color:#ef4444!important;box-shadow:0 0 16px #ef444473!important}.compare-label.mismatch{color:#fff;background:#ef4444d9}.compare-vs-badge.mismatch{background:#ef444426;border-color:#ef4444}.mismatch-score-badge{color:#f87171;background:#ef44441f;border:1px solid #ef444459;border-radius:9999px;align-items:center;gap:.5rem;margin-top:1rem;padding:.45rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}.kiosk-mismatch-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}@media (width>=640px){.kiosk-mismatch-actions{flex-direction:row;justify-content:center}}.kiosk-warning-callout{background:#ef44441a;border:1px solid #ef444459;border-radius:16px;box-shadow:0 4px 16px #ef444426}.kiosk-universal-scanner-badge{color:var(--primary);background:#d4af371f;border:1px solid #d4af374d;border-radius:9999px;align-items:center;gap:.5rem;padding:.45rem .95rem;font-size:.78rem;font-weight:700;display:inline-flex}.kiosk-hud-universal-pill{background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-main);box-shadow:var(--shadow-sm);border-radius:9999px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.78rem;display:inline-flex}.kiosk-hud-universal-pill .live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulseDot;box-shadow:0 0 8px #10b981}.login-page{background:var(--bg-main,#0f1015);width:100vw;min-height:100vh;color:var(--text-main,#fff);font-family:var(--font-family,"Inter", -apple-system, BlinkMacSystemFont, sans-serif);flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative;overflow-x:hidden}.login-orb{filter:blur(120px);pointer-events:none;z-index:0;opacity:.35;border-radius:50%;position:absolute}.login-orb-1{background:radial-gradient(circle,#a855f773 0%,#d4af371a 70%,#0000 100%);width:480px;height:480px;top:-100px;left:10%}.login-orb-2{background:radial-gradient(circle,#d4af3759 0%,#a855f726 70%,#0000 100%);width:520px;height:520px;bottom:-120px;right:10%}.login-top-bar{z-index:10;gap:.75rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.login-pill-btn{color:var(--text-main,#fff);background:var(--surface-trans,#ffffff0d);border:1px solid var(--border-glass,#ffffff1a);-webkit-backdrop-filter:blur(16px);cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.8125rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.login-pill-btn:hover{background:var(--surface-hover,#ffffff1f);transform:translateY(-1px)}.login-card-container{z-index:2;width:100%;max-width:440px;position:relative}.login-card{background:var(--surface,#16171fbf);border:1px solid var(--border-glass,#ffffff1f);-webkit-backdrop-filter:blur(28px);border-radius:1.75rem;padding:2.5rem 2.25rem;transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:0 30px 60px -15px #00000080,inset 0 0 0 1px #ffffff0f}.login-brand-header{text-align:center;margin-bottom:1.75rem}.login-brand-icon{color:#f5d77f;background:linear-gradient(135deg,#d4af3740 0%,#a855f740 100%);border:1px solid #d4af3759;border-radius:1.25rem;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 1rem;display:flex;box-shadow:0 10px 25px -5px #d4af374d}.login-title{letter-spacing:-.025em;color:var(--text-main,#fff);margin:0 0 .35rem;font-size:1.45rem;font-weight:700}.login-subtitle{color:var(--text-muted,#94a3b8);margin:0;font-size:.8125rem}.login-mode-tabs{background:var(--surface-strong,#00000040);border:1px solid var(--border-glass,#ffffff14);border-radius:.875rem;grid-template-columns:1fr 1fr;gap:.375rem;margin-bottom:1.5rem;padding:.3125rem;display:grid}.login-mode-tab{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.8125rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.login-mode-tab.active{background:var(--surface-trans,#ffffff1f);color:var(--text-main,#fff);box-shadow:0 4px 12px #0003}.login-error-banner{color:#fda4af;text-align:center;background:#f43f5e26;border:1px solid #f43f5e4d;border-radius:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.8125rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-label-row{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--text-muted,#94a3b8);pointer-events:none;position:absolute;left:1rem}.login-input{background:var(--surface-input,#ffffff0a);border:1px solid var(--border-glass,#ffffff1f);width:100%;height:48px;color:var(--text-main,#fff);border-radius:.875rem;font-size:.9375rem;transition:all .2s cubic-bezier(.16,1,.3,1);padding-left:2.75rem!important;padding-right:2.75rem!important}.login-input:focus{border-color:var(--primary,#d4af37);background:var(--surface-input-focus,#ffffff14);outline:none;box-shadow:0 0 0 3px #d4af3733}.login-toggle-eye{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem;display:flex;position:absolute;right:.75rem}.login-toggle-eye:hover{color:var(--text-main,#fff)}.login-remember-row{justify-content:flex-start;align-items:center;margin-top:-.25rem;display:flex}.login-checkbox-label{color:var(--text-muted,#94a3b8);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.login-checkbox-label input[type=checkbox]{accent-color:var(--primary,#d4af37);cursor:pointer;width:16px;height:16px}.login-submit-btn{cursor:pointer;border-radius:.875rem;justify-content:center;align-items:center;gap:.625rem;width:100%;height:48px;margin-top:.5rem;font-size:.9375rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 10px 20px -5px #d4af3759}.login-submit-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -5px #d4af3773}.login-submit-btn:active{transform:translateY(0)}.login-security-badge{color:var(--text-muted,#94a3b8);opacity:.85;justify-content:center;align-items:center;gap:.5rem;margin-top:1.75rem;font-size:.725rem;display:flex}@keyframes loginShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.login-shake{animation:.45s ease-in-out loginShake}[data-theme=light] .login-page{background:#f8fafc}[data-theme=light] .login-card{background:#ffffffd9;border-color:#00000014;box-shadow:0 25px 50px -12px #0000001f,inset 0 0 0 1px #0000000a}[data-theme=light] .login-mode-tabs{background:#0000000d}[data-theme=light] .login-mode-tab.active{color:#0f172a;background:#fff}[data-theme=light] .login-input{color:#0f172a;background:#fff;border-color:#00000026}