:root{--paper:#04060a;--canvas:#070c12;--panel:#0d131bb3;--elev:#0b1018d1;--surface:#ffffff17;--border:#ffffff38;--border-light:#ffffff24;--text:#f4f8ff;--text-secondary:#f4f8ffb8;--muted:#f4f8ff80;--brand:#8dd3ff;--brand-light:#b1e6ff;--brand-dark:#4fa6da;--success:#57f2c2;--warning:#ffd48f;--error:#ff91b1;--radius:16px;--radius-lg:22px;--radius-xl:28px;--shadow-card:0 30px 70px #03070d8c;--shadow-hover:0 35px 80px #060b13b3;--ring:0 0 0 2px #9de0ffcc,0 0 0 8px #9de0ff26;--glass-bg:linear-gradient(135deg,#ffffff29,#ffffff08);--glass-border:#ffffff47;--glass-highlight:#ffffff59;--gap-sm:12px;--gap:18px;--gap-lg:28px;--transition:0.25s ease;--transition-fast:0.16s ease;--bg-gradient-start:#020910;--bg-gradient-end:#0b1f37;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.salon-dashboard.light{--paper:#edeff1;--canvas:#e8ebed;--panel:#ffffffd1;--elev:#fff;--surface:#ffffffbd;--border:#d9dee3;--border-light:#e6eaee;--text:#1f2427;--text-secondary:#5f666c;--muted:#9aa2aa;--brand:#566e63;--brand-light:#667f74;--brand-dark:#4a6156;--shadow-card:0 4px 18px #22282614;--shadow-hover:0 12px 36px #22282624}.salon-dashboard.dark{--glass-border:#ffffff38;--glass-highlight:#ffffff47}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#04060a;background:var(--paper);color:#f4f8ff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,Roboto,sans-serif;line-height:1.55;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}body:before{background:radial-gradient(circle at 20% 20%,#85dcff2e,#0000 55%),radial-gradient(circle at 80% 0,#c495ff3d,#0000 60%),linear-gradient(135deg,#020910,#0b1f37);background:radial-gradient(circle at 20% 20%,#85dcff2e,#0000 55%),radial-gradient(circle at 80% 0,#c495ff3d,#0000 60%),linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));content:"";inset:0;position:fixed;z-index:-2}.app{height:100vh;height:100dvh}.salon-dashboard{background:#0000;color:#f4f8ff;color:var(--text);display:flex;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:visible;position:relative}.salon-dashboard:before{content:none}.salon-dashboard>:not(.liquid-bg){position:-webkit-sticky;position:sticky}.salon-dashboard>.liquid-bg{background-repeat:no-repeat;height:100vh;inset:0;pointer-events:none;position:fixed!important;width:100vw;z-index:0}.main{display:flex;flex:1 1;flex-direction:column;gap:28px;gap:var(--gap-lg)}.glass-panel{backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);background:linear-gradient(135deg,#ffffff29,#ffffff08);border:1px solid #ffffff47;border-radius:var(--radius-xl);box-shadow:0 30px 70px #03070d8c;box-shadow:var(--shadow-card)}.glass-panel:after{background:linear-gradient(120deg,#ffffff2e,#0000 55%);opacity:.7}.card{-webkit-backdrop-filter:blur(1px) saturate(150%);backdrop-filter:blur(1px) saturate(150%);background:linear-gradient(135deg,#ffffff29,#ffffff08);background:var(--glass-bg);border:1px solid #ffffff29;border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 30px 70px #03070d8c;box-shadow:var(--shadow-card);overflow:hidden;padding:24px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.card:before{background:linear-gradient(90deg,#ffffff80,#0000);content:"";height:2px;inset:0 0 auto 0;opacity:.6;position:absolute}.card:hover{box-shadow:0 35px 80px #060b13b3;box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn{background:linear-gradient(130deg,#fff3,#ffffff0d);border:1px solid #ffffff38;border-radius:999px;box-shadow:0 18px 45px #050a1259;color:#f4f8ff;color:var(--text);font-size:15px;font-weight:500;gap:8px;min-height:44px;padding:12px 20px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,color .16s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:hover{border-color:#ffffff59;box-shadow:0 25px 50px #04080e8c;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{box-shadow:0 0 0 2px #9de0ffcc,0 0 0 8px #9de0ff26;box-shadow:var(--ring);outline:none}.btn.ghost{border-style:dashed;color:#f4f8ffb8;color:var(--text-secondary)}.btn.danger{background:linear-gradient(135deg,#ff6d6dd9,#ff8fb6bf)}.form-grid input,.form-grid select{background:#040a1099;border:1px solid #ffffff2e;border-radius:16px;border-radius:var(--radius);color:#f4f8ff;color:var(--text);font-size:15px;min-height:48px;padding:14px;transition:border-color .16s ease,box-shadow .16s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-grid input::placeholder{color:#ffffff59}.form-grid input:focus,.form-grid select:focus{border-color:#6fd0ffa6;box-shadow:0 0 0 2px #9de0ffcc,0 0 0 8px #9de0ff26;box-shadow:var(--ring);outline:none}.title{color:#f4f8ff;color:var(--text);font-size:34px;font-weight:800;letter-spacing:-.6px;margin-bottom:8px;margin-top:3vh}.subtitle{color:#f4f8ffb8;font-size:16px;margin-bottom:20px}.avatar{border:1px solid #fff3;border-radius:14px;box-shadow:0 10px 30px #00000059;color:#f4f8ff;color:var(--text);display:grid;font-weight:600;height:44px;place-items:center;width:44px}.dashboard-loading{grid-gap:14px;background:#04060a;background:var(--paper);display:grid;gap:14px;height:100vh;place-items:center}.loading-spinner{animation:spin 1.2s linear infinite;color:#8dd3ff;color:var(--brand);font-size:36px}.section{animation:fadeInUp .28s ease-out;display:none}.section.shown{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logo-text{opacity:0;transition:opacity .2s ease .1s}.desktop-sidebar:hover .logo-text{opacity:1}.opening-hours-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:1rem}.date-time-picker .card,.time-slots-container .card{height:-webkit-fit-content;height:fit-content}.time-inputs{margin:1rem 0}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#f4f8ffb8;font-size:.9rem}.form-input,.form-select{background:#050a10a6;border:1px solid #ffffff2e;border-radius:16px;border-radius:var(--radius);color:#f4f8ff;color:var(--text);font-size:.9rem;padding:.75rem;transition:all .2s ease}.form-input:focus,.form-select:focus{border-color:#8dd3ff;border-color:var(--brand);box-shadow:0 0 0 3px #5e7b6b1a;outline:none}.time-slot-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff26;border-radius:16px;border-radius:var(--radius);box-shadow:0 12px 32px #050a124d;display:flex;gap:.75rem;margin-bottom:.75rem;padding:1rem;transition:all .2s ease}.time-slot-item:hover{border-color:#6fd0ff99;box-shadow:0 20px 45px #060a1073}.time-input{width:120px}.location-input{flex:1 1;min-width:120px}.form-select{width:140px}.empty-state{color:#f4f8ffb8;padding:3rem 2rem}.empty-state p{margin:.5rem 0}.text-muted{font-size:.9rem;opacity:.7}.actions{border-top:1px solid #fff3;display:flex;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}@media (max-width:1024px){.opening-hours-container{gap:1.5rem;grid-template-columns:1fr}.time-slot-item{flex-wrap:wrap}.time-slot-item .form-select,.time-slot-item .location-input,.time-slot-item .time-input{flex:1 1;min-width:120px}}@media (max-width:768px){.time-inputs{grid-template-columns:1fr}.time-slot-item{align-items:stretch;flex-direction:column;gap:.5rem}.time-slot-item>*{width:100%}}.btn.primary{background:#8dd3ff;background:var(--brand);border-color:#0000;color:#051018}.btn.primary:hover:not(:disabled){background:#4fa6da;background:var(--brand-dark)}.btn.primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn.danger{background:linear-gradient(135deg,#ff6d6d,#ff8fb6);border-color:#0000;color:#14030b}.btn.danger:hover:not(:disabled){filter:brightness(.95);transform:translateY(-1px)}.btn.ghost{background:#ffffff0f;border:1px dashed #ffffff38;border:1px dashed var(--border);color:#f4f8ff;color:var(--text)}.btn.ghost:hover{background:#ffffff1f}.calendar-time-picker{display:flex;flex-direction:column;gap:1.5rem}.input-label{color:#f4f8ffb8;color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.date-input{background:#04060a;background:var(--paper);border:1px solid #ffffff38;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);gap:.75rem;padding:.75rem 1rem;position:relative;transition:all .2s ease}.date-input:hover{border-color:#b1e6ff;border-color:var(--brand-light)}.date-text{color:#f4f8ff;color:var(--text)}.clear-date{align-items:center;border-radius:50%;color:#f4f8ffb8;color:var(--text-secondary);display:flex;justify-content:center;transition:all .2s ease}.clear-date:hover{background:var(--bg-hover);color:#f4f8ff;color:var(--text)}.calendar-dropdown{background:#04060a;background:var(--paper);border:1px solid #ffffff38;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);padding:1rem;position:absolute}.custom-day-picker{--rdp-cell-size:40px;--rdp-accent-color:var(--brand);--rdp-background-color:var(--bg-hover)}.custom-day-picker .rdp-day{border-radius:16px;border-radius:var(--radius);transition:all .2s ease}.custom-day-picker .rdp-day:hover{background-color:var(--bg-hover)}.custom-day-picker .day-selected{background-color:#8dd3ff;background-color:var(--brand);color:#fff}.custom-day-picker .day-today{color:#8dd3ff;color:var(--brand);font-weight:700}.time-input{background:#04060a;background:var(--paper);border:1px solid #ffffff38;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);font-size:.9rem;padding:.75rem;transition:all .2s ease}.time-input:focus{border-color:#8dd3ff;border-color:var(--brand);box-shadow:0 0 0 3px #5e7b6b1a}@media (max-width:768px){.time-inputs{grid-template-columns:1fr}}.calendar-dropdown{left:50%;max-width:350px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw}.kpis{display:none}.kpis-grid{display:grid!important}.kpi-card{background:#0d131bb3!important;background:var(--panel)!important;border:1px solid #ffffff38!important;border:1px solid var(--border)!important;border-radius:28px!important;border-radius:var(--radius-xl)!important;padding:1.5rem!important}:root{--glass-saturation:180%;--glass-brightness:105%;--glass-border:#ffffff4d;--glass-shadow:0 8px 32px #0000001a;--glass-highlight:#fff6}.salon-dashboard.dark{--glass-border:#ffffff26;--glass-highlight:#fff3;--glass-shadow:0 8px 32px #0003}@media (min-width:1025px){.salon-dashboard{align-items:flex-start;color:#e8e8f0;color:var(--text,#e8e8f0);display:flex;gap:0;min-height:100vh}.salon-dashboard.dark{color:#f5f7ff}.desktop-sidebar{display:flex;flex:0 0 clamp(120px,9vw,240px);flex-direction:column;gap:32px;height:100vh;left:0;max-width:240px;min-width:120px;overflow:visible;position:fixed;top:0;transition:none;width:clamp(120px,9vw,240px);z-index:5}.sidebar-rail{height:100%;justify-content:space-between;padding:32px 10px 16px;transform-origin:left center;transition:transform .35s ease,opacity .35s ease}.sidebar-rail,.sidebar-top{display:flex;flex-direction:column;gap:24px}.desktop-sidebar.collapsed .sidebar-rail{transform:scaleX(.95)}.desktop-sidebar.expanded .sidebar-rail{transform:scaleX(1)}.desktop-sidebar.expanded{flex:0 0 clamp(120px,9vw,240px);height:100vh;overflow:visible;width:clamp(120px,9vw,240px)}.sidebar-header{justify-content:space-between;margin-bottom:20px;min-height:40px}.logo,.sidebar-header{align-items:center;display:flex}.logo{font-size:20px;font-weight:700;gap:10px;letter-spacing:-.4px;overflow:hidden;white-space:nowrap}.logo-dot{background:var(--brand);border-radius:50%;box-shadow:0 0 0 4px #5e7b6b40;flex-shrink:0;height:8px;width:8px}.logo-text{display:inline-block;opacity:1;transform-origin:left center;transition:opacity .25s ease}.desktop-sidebar.collapsed .logo-text{opacity:0}.sidebar-toggle{display:none}.nav{align-items:stretch;flex-direction:column;padding-top:8px}.nav,.nav-item{display:flex;gap:10px;justify-content:flex-start;position:relative}.nav-item{align-items:center;background:#0000!important;border:none;border-radius:18px;box-shadow:0 12px 30px #04070c59!important;cursor:pointer;min-height:44px;padding:10px 12px;text-align:left;transition:all .25s ease;white-space:nowrap;width:100%;z-index:1}.desktop-sidebar:not(.expanded) .nav-item{justify-content:flex-start}.desktop-sidebar.collapsed .nav{align-items:flex-start}.desktop-sidebar.collapsed .nav-item{gap:8px;height:3vh;justify-content:center;padding:12px 10px;width:4vw}.desktop-sidebar.collapsed .nav-hover-indicator{left:0;right:auto;width:72px}.nav-item.active{background:color-mix(in srgb,#8db6ff 22%,#ffffff59);background:color-mix(in srgb,var(--tone-6,#8db6ff) 22%,#ffffff59);box-shadow:0 20px 40px #070f1880;color:#000;color:#fffc;font-weight:600}.salon-dashboard.dark .desktop-sidebar .nav-item.active{background:color-mix(in srgb,#8db6ff 6%,#ffffff2e);box-shadow:0 18px 36px #000000a6;color:#f7f9ff}.salon-dashboard.dark .desktop-sidebar .nav-icon,.salon-dashboard.dark .desktop-sidebar .nav-item,.salon-dashboard.dark .desktop-sidebar .nav-label,.salon-dashboard.dark .desktop-sidebar .theme-switch,.salon-dashboard.dark .desktop-sidebar .theme-switch .nav-label{color:#414650c7}.salon-dashboard.dark .desktop-sidebar .nav-item.active .nav-icon,.salon-dashboard.dark .desktop-sidebar .nav-item.active .nav-label,.salon-dashboard.dark .desktop-sidebar .nav-item.hovering,.salon-dashboard.dark .desktop-sidebar .nav-item:hover,.salon-dashboard.dark .desktop-sidebar .theme-switch:hover{color:#f7f9ff}.nav-label{display:inline-block;line-height:1.2;overflow:hidden;text-shadow:0 1px 2px #0000001a;transition:opacity .2s ease .1s;transition:all .3s ease;white-space:nowrap}.desktop-sidebar.expanded .nav-label,.nav-label{max-width:160px;opacity:1}.desktop-sidebar:not(.expanded) .nav-label{max-width:0;opacity:0;pointer-events:none}.sidebar-footer{display:flex;flex-direction:column;gap:10px;margin-top:auto}.theme-switch{align-items:center;background:#fff0;border:1px solid #fff0;border-radius:14px;color:var(--text);cursor:pointer;display:inline-flex;gap:10px;padding:10px 12px;transition:transform .2s ease,opacity .2s ease,background .2s ease}.desktop-sidebar.collapsed .theme-switch{gap:8px;justify-content:center;width:72px}.theme-switch .switch-track{background:linear-gradient(135deg,#ffffff40,#ffffff14);border:1px solid #ffffff47;border-radius:999px;box-shadow:inset 0 1px 4px #00000040,0 4px 12px #0000002e;flex-shrink:0;height:26px;position:relative;transition:all .25s ease;width:56px}.theme-switch .switch-thumb{background:linear-gradient(135deg,#fffffff2,#dce2f1e6);border-radius:50%;box-shadow:0 6px 14px #00000040,inset 0 1px 0 #fff9;height:22px;left:2px;position:absolute;top:2px;transition:transform .25s ease;width:22px}.theme-switch .switch-icon{align-items:center;color:#ffffffb3;display:inline-flex;height:16px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .25s ease,color .25s ease;width:16px}.switch-icon-sun{left:6px}.switch-icon-moon{right:6px}.theme-switch.is-on .switch-track{background:linear-gradient(135deg,#6fd0ff8c,#6894ffbf);border-color:#ffffff59}.theme-switch.is-on .switch-thumb{transform:translateX(28px)}.logout-switch{gap:10px;justify-content:center;margin-top:10px}.logout-switch .logout-icon{align-items:center;color:inherit;display:inline-flex;height:20px;justify-content:center;width:20px}.logout-switch .logout-icon,.logout-switch .switch-icon{position:static;transform:none}.theme-switch:not(.is-on) .switch-icon-sun{color:#ffffffe6;opacity:1}.theme-switch:not(.is-on) .switch-icon-moon{opacity:.35}.theme-switch.is-on .switch-icon-moon{color:#fffffff2;opacity:1}.theme-switch.is-on .switch-icon-sun{opacity:.35}.language-switch .switch-icon{font-size:11px;font-weight:600;letter-spacing:.5px}.language-switch .switch-icon-hu{left:8px}.language-switch .switch-icon-en{right:8px}.language-switch:not(.is-on) .switch-icon-hu{color:#ffffffe6;opacity:1}.language-switch:not(.is-on) .switch-icon-en{opacity:.35}.language-switch.is-on .switch-icon-en{color:#fffffff2;opacity:1}.language-switch.is-on .switch-icon-hu{opacity:.35}.sidebar-action:hover{background:#ffffff14;transform:translateY(-1px)}.nav-item.active .nav-label{text-shadow:0 4px 18px #6bb6ff73}.nav-item:after,.nav-item:before{display:none}.nav-hover-indicator{background:linear-gradient(120deg,#ffffff2e,#ffffff80);border:1px solid #ffffff40;border-radius:16px;box-shadow:0 18px 35px #04080c66;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateY(0);transition:transform .18s ease,height .18s ease,opacity .18s ease;z-index:0}.nav-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0;height:22px;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:22px}.nav-item:hover .nav-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) brightness(115%)}.nav-item.active .nav-icon{filter:drop-shadow(0 3px 10px rgba(111,208,255,.35)) brightness(125%)}.nav-item.hovering{color:#ffffffe0}.nav-item.hovering .nav-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.35)) brightness(1.08)}.main{background:#0000;display:flex;flex-direction:column;gap:24px;min-height:100vh;overflow-y:auto;padding-right:24px;width:100%}.desktop-sidebar.expanded~.main,.main{padding-left:0}.topbar{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.search input{background:#0f1116;border:1px solid #1c212c;border-radius:12px;color:#e9ecf1;color:var(--text,#e9ecf1);font-size:15px;padding:12px 14px;transition:all .3s ease;width:min(440px,60vw)}.search input:focus{border-color:#6fd0ffb3;box-shadow:0 0 0 4px #6fd0ff33;outline:none}.topbar-actions{align-items:center;display:flex;gap:10px}.topbar-actions .ghost{background:#0000;border:1px solid #1c212c;border-radius:12px;color:#e9ecf1;color:var(--text,#e9ecf1);cursor:pointer;padding:10px;transition:all .3s ease}.topbar-actions .ghost:hover{background:#171a22}.topbar-actions .avatar{background:#1b2130;border-radius:10px;display:grid;font-weight:600;height:34px;place-items:center;width:34px}.topbar-actions .badge{background:#ff453a;background:var(--bad,#ff453a);border-radius:999px;color:#fff;font-size:11px;left:8px;padding:2px 6px;position:relative;top:-8px}.user-actions{align-items:center;display:flex;gap:10px;justify-content:flex-start;padding:10px 12px;transition:all .3s ease}.appointments-grid,.services-grid,.team-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));transition:all .3s ease}.form-grid{grid-gap:var(--gap);display:grid;gap:var(--gap);grid-template-columns:repeat(3,1fr)}.form-actions{display:flex;flex-wrap:wrap;gap:var(--gap)}.main{border-radius:36px;overflow:hidden}.bottom-nav,.mobile-header,.mobile-sidebar,.mobile-sidebar-overlay{display:none!important}}.calendar-time-picker,.date-input-container{align-items:stretch;position:relative}.date-input-container{margin-bottom:1rem}.date-input{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:all .2s}.date-input:hover{border-color:#3b82f6}.date-text{flex:1 1;font-size:.875rem}.clear-date{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:.25rem}.clear-date:hover{background:#f1f5f9;color:#475569}.calendar-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;left:0;margin-top:.5rem;overflow:visible;position:-webkit-sticky;position:sticky;top:100%;z-index:1000}.custom-day-picker{padding:1rem}.custom-day{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.day-slots{display:flex;gap:2px;margin-top:2px}.slot-indicator{font-size:8px;line-height:1}.calendar-legend{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-start;padding:.75rem}.legend-item{align-items:center;color:#64748b;display:flex;font-size:.75rem;gap:.5rem}.selected-date-slots{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:1rem;padding:1rem}.selected-date-slots h4{color:#374151;font-size:.875rem;margin:0 0 .5rem}.slot-preview{align-items:center;border-radius:4px;display:flex;font-size:.75rem;gap:.75rem;margin-bottom:.25rem;padding:.5rem}.slot-preview.open{background:#f0f9ff;border-left:3px solid #0ea5e9}.slot-preview.break{background:#fef2f2;border-left:3px solid #ef4444}.slot-type{font-weight:500;min-width:100px}.slot-time{color:#64748b}.slot-location{color:#94a3b8;font-style:italic}.time-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.time-input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.time-input{border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;padding:.5rem}.time-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.desktop-sidebar:before{background:linear-gradient(170deg,#ffffff24,#fff0);content:"";inset:0;max-width:0;opacity:0;pointer-events:none;position:-webkit-sticky;position:sticky;z-index:0}.desktop-sidebar>*{align-items:stretch;position:relative;z-index:1}@media (min-width:768px) and (max-width:1024px){.salon-dashboard{align-items:flex-start;color:#e8e8f0;color:var(--text,#e8e8f0);display:flex;gap:0;min-height:100vh}.salon-dashboard.dark{color:#f5f7ff}.desktop-sidebar{display:flex;flex-direction:column;gap:32px;left:0;max-width:240px;min-width:120px;position:fixed;top:0;transition:none;z-index:5}.desktop-sidebar,.desktop-sidebar.expanded{flex:0 0 clamp(120px,9vw,240px);height:100vh;overflow:visible;width:clamp(120px,9vw,240px)}.sidebar-rail{height:100%;justify-content:space-between;padding:32px 10px 16px;transform-origin:left center;transition:transform .35s ease,opacity .35s ease}.sidebar-rail,.sidebar-top{display:flex;flex-direction:column;gap:24px}.desktop-sidebar.collapsed .sidebar-rail{transform:scaleX(.95)}.desktop-sidebar.expanded .sidebar-rail{transform:scaleX(1)}.sidebar-header{justify-content:space-between;margin-bottom:20px;min-height:40px}.logo,.sidebar-header{align-items:center;display:flex}.logo{font-size:20px;font-weight:700;gap:10px;letter-spacing:-.4px;overflow:hidden;white-space:nowrap}.logo-dot{background:var(--brand);border-radius:50%;box-shadow:0 0 0 4px #5e7b6b40;flex-shrink:0;height:8px;width:8px}.logo-text{display:inline-block;opacity:1;transform-origin:left center;transition:opacity .25s ease}.desktop-sidebar.collapsed .logo-text{opacity:0}.sidebar-toggle{display:none}.nav{align-items:stretch;flex-direction:column;padding-top:8px}.nav,.nav-item{display:flex;gap:10px;justify-content:flex-start;position:relative}.nav-item{align-items:center;background:#0000!important;border:none;border-radius:18px;box-shadow:0 12px 30px #04070c59!important;cursor:pointer;min-height:44px;padding:10px 12px;text-align:left;transition:all .25s ease;white-space:nowrap;width:100%;z-index:1}.desktop-sidebar:not(.expanded) .nav-item{justify-content:flex-start}.desktop-sidebar.collapsed .nav{align-items:flex-start}.desktop-sidebar.collapsed .nav-item{gap:8px;height:3vh;justify-content:center;padding:12px 10px;width:4vw}.desktop-sidebar.collapsed .nav-hover-indicator{left:0;right:auto;width:72px}.nav-item.active{background:color-mix(in srgb,#8db6ff 22%,#ffffff59);background:color-mix(in srgb,var(--tone-6,#8db6ff) 22%,#ffffff59);box-shadow:0 20px 40px #070f1880;color:#000;color:#fffc;font-weight:600}.salon-dashboard.dark .desktop-sidebar .nav-item.active{background:color-mix(in srgb,#8db6ff 6%,#ffffff2e);box-shadow:0 18px 36px #000000a6;color:#f7f9ff}.salon-dashboard.dark .desktop-sidebar .nav-icon,.salon-dashboard.dark .desktop-sidebar .nav-item,.salon-dashboard.dark .desktop-sidebar .nav-label,.salon-dashboard.dark .desktop-sidebar .theme-switch,.salon-dashboard.dark .desktop-sidebar .theme-switch .nav-label{color:#414650c7}.salon-dashboard.dark .desktop-sidebar .nav-item.active .nav-icon,.salon-dashboard.dark .desktop-sidebar .nav-item.active .nav-label,.salon-dashboard.dark .desktop-sidebar .nav-item.hovering,.salon-dashboard.dark .desktop-sidebar .nav-item:hover,.salon-dashboard.dark .desktop-sidebar .theme-switch:hover{color:#f7f9ff}.nav-label{display:inline-block;line-height:1.2;overflow:hidden;text-shadow:0 1px 2px #0000001a;transition:opacity .2s ease .1s;transition:all .3s ease;white-space:nowrap}.desktop-sidebar.expanded .nav-label,.nav-label{max-width:160px;opacity:1}.desktop-sidebar:not(.expanded) .nav-label{max-width:0;opacity:0;pointer-events:none}.sidebar-footer{display:flex;flex-direction:column;gap:10px;margin-top:auto}.theme-switch{align-items:center;background:#fff0;border:1px solid #fff0;border-radius:14px;color:var(--text);cursor:pointer;display:inline-flex;gap:10px;padding:10px 12px;transition:transform .2s ease,opacity .2s ease,background .2s ease}.desktop-sidebar.collapsed .theme-switch{gap:8px;justify-content:center;width:72px}.theme-switch .switch-track{background:linear-gradient(135deg,#ffffff40,#ffffff14);border:1px solid #ffffff47;border-radius:999px;box-shadow:inset 0 1px 4px #00000040,0 4px 12px #0000002e;flex-shrink:0;height:26px;position:relative;transition:all .25s ease;width:56px}.theme-switch .switch-thumb{background:linear-gradient(135deg,#fffffff2,#dce2f1e6);border-radius:50%;box-shadow:0 6px 14px #00000040,inset 0 1px 0 #fff9;height:22px;left:2px;position:absolute;top:2px;transition:transform .25s ease;width:22px}.theme-switch .switch-icon{align-items:center;color:#ffffffb3;display:inline-flex;height:16px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .25s ease,color .25s ease;width:16px}.switch-icon-sun{left:6px}.switch-icon-moon{right:6px}.theme-switch.is-on .switch-track{background:linear-gradient(135deg,#6fd0ff8c,#6894ffbf);border-color:#ffffff59}.theme-switch.is-on .switch-thumb{transform:translateX(28px)}.logout-switch{gap:10px;justify-content:center;margin-top:10px}.logout-switch .logout-icon{align-items:center;color:inherit;display:inline-flex;height:20px;justify-content:center;width:20px}.logout-switch .logout-icon,.logout-switch .switch-icon{position:static;transform:none}.theme-switch:not(.is-on) .switch-icon-sun{color:#ffffffe6;opacity:1}.theme-switch:not(.is-on) .switch-icon-moon{opacity:.35}.theme-switch.is-on .switch-icon-moon{color:#fffffff2;opacity:1}.theme-switch.is-on .switch-icon-sun{opacity:.35}.language-switch .switch-icon{font-size:11px;font-weight:600;letter-spacing:.5px}.language-switch .switch-icon-hu{left:8px}.language-switch .switch-icon-en{right:8px}.language-switch:not(.is-on) .switch-icon-hu{color:#ffffffe6;opacity:1}.language-switch:not(.is-on) .switch-icon-en{opacity:.35}.language-switch.is-on .switch-icon-en{color:#fffffff2;opacity:1}.language-switch.is-on .switch-icon-hu{opacity:.35}.sidebar-action:hover{background:#ffffff14;transform:translateY(-1px)}.nav-item.active .nav-label{text-shadow:0 4px 18px #6bb6ff73}.nav-item:after,.nav-item:before{display:none}.nav-hover-indicator{background:linear-gradient(120deg,#ffffff2e,#ffffff80);border:1px solid #ffffff40;border-radius:16px;box-shadow:0 18px 35px #04080c66;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateY(0);transition:transform .18s ease,height .18s ease,opacity .18s ease;z-index:0}.nav-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0;height:22px;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:22px}.nav-item:hover .nav-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) brightness(115%)}.nav-item.active .nav-icon{filter:drop-shadow(0 3px 10px rgba(111,208,255,.35)) brightness(125%)}.nav-item.hovering{color:#ffffffe0}.nav-item.hovering .nav-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.35)) brightness(1.08)}.main{background:#0000;display:flex;flex-direction:column;gap:24px;min-height:100vh;overflow-y:auto;padding-right:24px;width:100%}.desktop-sidebar.expanded~.main,.main{padding-left:0}.topbar{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.search input{background:#0f1116;border:1px solid #1c212c;border-radius:12px;color:#e9ecf1;color:var(--text,#e9ecf1);font-size:15px;padding:12px 14px;transition:all .3s ease;width:min(440px,60vw)}.search input:focus{border-color:#6fd0ffb3;box-shadow:0 0 0 4px #6fd0ff33;outline:none}.topbar-actions{align-items:center;display:flex;gap:10px}.topbar-actions .ghost{background:#0000;border:1px solid #1c212c;border-radius:12px;color:#e9ecf1;color:var(--text,#e9ecf1);cursor:pointer;padding:10px;transition:all .3s ease}.topbar-actions .ghost:hover{background:#171a22}.topbar-actions .avatar{background:#1b2130;border-radius:10px;display:grid;font-weight:600;height:34px;place-items:center;width:34px}.topbar-actions .badge{background:#ff453a;background:var(--bad,#ff453a);border-radius:999px;color:#fff;font-size:11px;left:8px;padding:2px 6px;position:relative;top:-8px}.user-actions{align-items:center;display:flex;gap:10px;justify-content:flex-start;padding:10px 12px;transition:all .3s ease}.appointments-grid,.services-grid,.team-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));transition:all .3s ease}.form-grid{grid-gap:var(--gap);display:grid;gap:var(--gap);grid-template-columns:repeat(3,1fr)}.form-actions{display:flex;flex-wrap:wrap;gap:var(--gap)}.main{border-radius:36px;overflow:hidden}.bottom-nav,.mobile-header,.mobile-sidebar,.mobile-sidebar-overlay{display:none!important}.vision-stats-grid{gap:12px!important;grid-auto-rows:auto!important;grid-template-columns:repeat(2,1fr)!important;overflow:visible!important}.vision-stat-card{border-radius:18px!important;display:flex!important;flex-direction:column!important;height:auto!important;max-height:none!important;min-height:90px!important;overflow:visible!important;padding:12px 14px!important}.stat-card-head{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:8px!important;justify-content:space-between!important;margin-bottom:8px!important}.stat-title{font-size:.82rem!important;letter-spacing:.04em!important;text-overflow:ellipsis!important}.stat-change,.stat-title{color:var(--text-secondary)!important;overflow:visible!important;white-space:nowrap!important}.stat-change{font-size:.75rem!important}.stat-card-main{align-items:center!important;display:flex!important;gap:10px!important;justify-content:space-between!important;margin-top:auto!important}.stat-card-main,.stat-value{flex-shrink:0!important;overflow:visible!important}.stat-value{color:var(--text)!important;font-size:1.4rem!important;font-weight:700!important;white-space:nowrap!important}.stat-chart{flex-shrink:0!important;height:48px!important;max-height:48px!important;max-width:120px!important;min-height:48px!important;min-width:120px!important;overflow:visible!important;width:120px!important}.vision-stat-card .stat-chart canvas,.vision-stat-card .stat-chart svg{display:block!important;height:100%!important;width:100%!important}.kpis-grid-enhanced{gap:2vw!important;grid-template-columns:repeat(4,1fr)!important}.stat-card{min-height:140px!important;padding:var(--space-lg)!important}.stat-card .stat-title{font-size:.875rem!important}.stat-card .stat-value{font-size:clamp(1.5rem,3vw,2rem)!important}.stat-card .stat-change{font-size:.75rem!important}.stat-card .stat-chart{height:48px!important;width:112px!important}.vision-grid{gap:-100px;grid-template-columns:1fr!important}.vision-card{border-radius:32px!important;gap:12px!important;padding:20px!important}.vision-card.hero{margin:0!important;min-height:60vh!important;min-width:auto!important;overflow:visible!important;width:100%!important}.vision-card.analytics,.vision-card.hero{grid-column:span 1!important;height:auto!important;max-height:none!important}.vision-card.analytics{min-height:400px!important}.vision-card.services{min-height:45vh!important}.vision-card.calendar,.vision-card.services{grid-column:span 1!important;height:auto!important;max-height:none!important;width:100%!important}.vision-card.calendar{min-height:50vh!important;min-width:100%!important}.vision-card.notifications{grid-column:span 1!important}.vision-hero-text h1{font-size:clamp(1.8rem,3vw,2.6rem)!important}.hero-chart{min-height:270px!important}.calendar-chart{min-height:260px!important}.vision-card.calendar .card-body,.vision-card.calendar .card-body.calendar-chart,.vision-card.hero .card-body,.vision-card.hero .card-body.calendar,.vision-card.services .activity-rings-plain,.vision-card.services .card-body,.vision-grid article{height:auto!important;max-height:none!important;overflow:visible!important}}.glass-button-wrap{display:inline-block}.glass-button,.glass-button-wrap{align-items:stretch;position:relative}.glass-button{background:linear-gradient(135deg,#ffffff59,#ffffff26 50%,#ffffff40)!important;border:none;border:1.5px solid #fff6!important;box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #fff3,0 4px 20px #00000014,0 1px 3px #0000000d!important;color:var(--text);cursor:pointer;font-weight:600;isolation:isolate;overflow:hidden;transform:translateY(0);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.glass-button:before{background:linear-gradient(135deg,#fff6,#ffffff1a 50%,#fff3);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:-webkit-sticky;position:sticky;right:0;top:0;transition:opacity .3s ease}.glass-button:hover:before{opacity:1}.glass-button:after{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:-webkit-sticky;position:sticky;top:0;transition:left .6s ease;width:100%}.glass-button:hover:after{left:100%}.glass-button:hover{border-color:var(--brand-light);box-shadow:0 8px 25px #00000026,0 2px 4px #0000001a,inset 0 1px 0 #fff6;transform:translateY(-2px)}.glass-button:active{box-shadow:0 2px 8px #0000001f,inset 0 1px 0 #ffffff4d;transform:translateY(0);transition:all .1s ease}.glass-button-text{-webkit-text-fill-color:#0000;align-items:stretch;background:linear-gradient(135deg,var(--text) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;position:relative;transition:all .3s ease;z-index:1}.glass-button:hover .glass-button-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--brand) 0,var(--brand-light) 100%);-webkit-background-clip:text;background-clip:text}.glass-button-shadow{background:#00000014;bottom:-4px;filter:blur(8px);left:0;opacity:0;position:-webkit-sticky;position:sticky;right:0;top:4px;transition:opacity .3s ease;z-index:-1}.glass-button:hover~.glass-button-shadow{opacity:1}.avatar{background:linear-gradient(135deg,var(--brand) 0,var(--brand-light) 100%)!important;box-shadow:0 4px 20px #5e7b6b4d,0 2px 6px #5e7b6b33,inset 0 1px 0 #fff6,inset 0 -1px 0 #5e7b6b4d!important}@media (min-width:768px) and (max-width:1024px){.desktop-sidebar:before{background:linear-gradient(170deg,#ffffff24,#fff0);content:"";inset:0;max-width:0;opacity:0;pointer-events:none;position:-webkit-sticky;position:sticky;z-index:0}.desktop-sidebar>*{align-items:stretch;position:relative;z-index:1}.nav-month{min-width:100px;text-align:center}}@media (max-width:767px){.salon-dashboard{display:flex;flex-direction:column}.mobile-header{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:var(--glass-bg);border-bottom:1px solid #fff3;display:flex;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.mobile-header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.mobile-menu-toggle{align-items:center;background:none;border:none;color:var(--text);cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;padding:8px;width:44px}.mobile-title{font-size:18px;font-weight:600}.mobile-sidebar{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:var(--app-background);border-right:1px solid #ffffff1f;display:flex;flex-direction:column;gap:32px;height:100vh;left:0;padding:28px 20px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1001}.mobile-sidebar:before{background:linear-gradient(180deg,#ffffff24,#0000);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.mobile-sidebar>*{position:relative;z-index:1}.mobile-sidebar.active{transform:translateX(0)}.mobile-sidebar-overlay{background:#02050a99;height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100vw;z-index:1000}.mobile-sidebar-overlay.active{opacity:1;pointer-events:all}.close-sidebar{background:none;border:none;color:var(--text);cursor:pointer;font-size:20px;padding:8px}.main{background:#0000;flex:1 1;overflow-y:auto;padding:16px 16px 80px}.bottom-nav{background:var(--glass-bg);border-top:1px solid #fff3;bottom:0;left:0;padding:8px 16px;position:fixed;right:0;z-index:1000}.bottom-nav-items{align-items:center;display:flex;justify-content:space-around}.bottom-nav-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:64px;padding:8px 12px;transition:all .2s ease}.bottom-nav-item.active{color:var(--brand-light)}.bottom-nav-icon{height:20px;width:20px}.bottom-nav-label{font-size:11px;font-weight:500}.appointments-grid,.form-actions,.form-grid,.services-grid,.team-grid{display:flex;flex-direction:column;gap:var(--gap)}.desktop-sidebar,.topbar{display:none!important}}.services-section{padding:24px}.section-header{border-bottom:2px solid var(--border-color);margin-bottom:32px;padding-bottom:20px}.section-header .title{font-size:28px;font-weight:700;margin:0 0 8px}.subtitle{color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}.services-container{margin-top:40px}.services-title{align-items:center;border-bottom:2px solid var(--primary);color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 20px;padding-bottom:12px}.services-grid{grid-gap:20px;animation:fadeIn .3s ease-out;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state{align-items:center;background:linear-gradient(135deg,#4287f50d,#f565650d);border:2px dashed var(--border-color);border-radius:16px;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px}.empty-state__icon{animation:bounce 2s infinite;font-size:48px;margin-bottom:16px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 8px}.empty-state p{color:var(--text-secondary);font-size:14px;margin:0}@media (max-width:1024px){.services-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.services-section{padding:16px}.section-header{margin-bottom:24px;padding-bottom:16px}.section-header .title{font-size:24px}.services-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.services-container{margin-top:32px}.services-title{font-size:16px}}@media (max-width:480px){.services-section{padding:12px}.services-grid{gap:12px;grid-template-columns:1fr}.section-header .title{font-size:20px}.empty-state{padding:40px 16px}.empty-state__icon{font-size:40px}}.oh-shell{display:flex;flex-direction:column;gap:16px;width:100%}.oh-shell.blurred .oh-card,.oh-shell.blurred .oh-header{filter:blur(6px);pointer-events:none}.oh-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;padding:8px 4px}.oh-eyebrow{color:#ffffffa6;font-size:12px;letter-spacing:.28em;margin:0 0 4px;text-transform:uppercase}.oh-title{color:#f6f8ff;font-size:26px;letter-spacing:-.4px;margin:3vh 0 0}.oh-meta{align-self:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff24;border-radius:14px;color:#ffffffb3;font-size:13px;padding:8px 12px}.oh-card{backdrop-filter:blur(5px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid var(--glass-border-strong);border-radius:28px;box-shadow:0 24px 60px #04081073,inset 0 1px 0 #ffffff59;overflow:hidden;padding:22px;position:relative}.oh-card:after{background:linear-gradient(120deg,#ffffff24,#0000 60%);border-radius:inherit;content:"";inset:1px;opacity:.65;pointer-events:none;position:absolute}.oh-card-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.oh-card-title{color:#f5f7fb;font-size:18px;font-weight:600}.oh-weekdays{grid-gap:8px;color:#ffffffb3;display:grid;font-size:12px;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:8px;text-align:center}.oh-weekday{padding:6px 0}.oh-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(7,minmax(0,1fr))}.oh-day{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;color:#f5f7fb;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;min-height:88px;overflow:hidden;padding:14px 10px;position:relative;text-align:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.oh-day.empty{background:#0000;border:none;cursor:default}.oh-day:hover{border-color:#ffffff47;box-shadow:0 16px 40px #04081059;transform:translateY(-2px)}.oh-day.selected{background:#ffffff29;border-color:#ffffff80;box-shadow:0 18px 50px #ffffff2e}.oh-day.today:not(.selected){background:#ffffff29;border-color:#ffffff42;box-shadow:0 10px 26px #ffffff1f}.oh-day-number{display:block;font-size:16px;font-weight:700}.oh-day-hours{color:#fffc;display:block;font-size:11px;line-height:1.3}.oh-day-break{color:#ffffffa6;display:block;font-size:10px;margin-top:2px}.oh-form-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.oh-subtitle{color:#f5f7fb;font-size:18px;margin:4px 0 0}.oh-cta{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#ffffff2e,#ffffff14);border:1px solid #ffffff3d;border-radius:999px;box-shadow:0 14px 30px #00000040;color:#04101a;cursor:pointer;font-weight:600;padding:10px 16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.oh-cta:hover{border-color:#fff6;box-shadow:0 20px 50px #00000059;transform:translateY(-2px)}.oh-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}:root{--oh-accent:color-mix(in srgb,var(--tone-6,#8db6ff) 22%,#ffffff59)}.oh-field{display:flex;flex-direction:column;gap:6px}.oh-field label{color:#ffffffb3;font-size:12px}.oh-field input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,#8db6ff 12%,#ffffff0f);background:color-mix(in srgb,var(--tone-6,#8db6ff) 12%,#ffffff0f);border:1px solid color-mix(in srgb,#8db6ff 22%,#ffffff59);border:1px solid var(--oh-accent);border-radius:16px;color:#f5f7fb;outline:none;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease}.oh-time-field input{cursor:pointer}.oh-field input[type=time]{appearance:none;-webkit-appearance:none;color:#f5f7fb}.oh-field input[type=time]::-webkit-datetime-edit{color:#f5f7fb;padding:0}.oh-field input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1) opacity(.85)}.oh-field input:focus{border-color:#ffffffb3!important;box-shadow:0 0 0 3px #ffffff38!important;outline:none!important}.oh-time-field{position:relative}.oh-time-picker{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;box-shadow:0 20px 40px #00000059;left:0;max-height:260px;overflow:hidden;position:absolute;top:calc(100% + 8px);width:100%;z-index:10}.oh-time-columns{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.oh-time-column{-ms-overflow-style:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(61,61,61,.911);border:2px solid #ffffff2e;border-radius:12px;max-height:200px;overflow-y:auto;position:relative;scrollbar-width:none}.oh-time-column::-webkit-scrollbar{display:none}.oh-time-column:after,.oh-time-column:before{content:"";height:18px;left:0;pointer-events:none;position:-webkit-sticky;position:sticky;right:0;z-index:1}.oh-time-column:before{background:linear-gradient(180deg,#00000059,#0000);top:0}.oh-time-column:after{background:linear-gradient(0deg,#00000059,#0000);bottom:0}.oh-time-column p{color:#ffffffb3;font-size:12px;letter-spacing:.08em;margin:0 0 6px;padding:6px 8px;text-transform:uppercase}.oh-time-column button{background:#0000;border:none;color:#f5f7fb;cursor:pointer;padding:8px 10px;text-align:center;transition:background .15s ease,color .15s ease;width:100%}.oh-time-column button:hover{background:#ffffff1f;color:#fff}.oh-time-column button.is-active{background:#ffffff2e;color:#fff;font-weight:600}.oh-time-actions{border-top:1px solid #ffffff1f;display:flex;justify-content:flex-end;padding:8px 10px}.oh-time-actions button{background:#ffffff1f;border:1px solid #ffffff40;border-radius:10px;color:#f5f7fb;cursor:pointer;padding:6px 12px;transition:background .15s ease,border-color .15s ease}.oh-time-actions button:hover{background:#fff3;border-color:#ffffff59}.oh-break{display:flex;flex-direction:column;gap:12px}.oh-check{align-items:center;color:#fffc;display:inline-flex;font-size:14px;gap:10px}.oh-check input{appearance:none;-webkit-appearance:none;background:color-mix(in srgb,#ffffff24 80%,#0000001a);border:1px solid #fff6;border-radius:6px;box-shadow:0 0 0 1px #ffffff14;cursor:pointer;height:16px;width:16px}.oh-check input:checked{background:color-mix(in srgb,#ffffffc7 80%,#fff3);border-color:#ffffffe6;box-shadow:0 0 0 3px #ffffff2e}.oh-overlay{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#05080ca6;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.oh-modal{backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);background:var(--glass-bg-strong);border:1px solid var(--glass-border-strong);border-radius:28px;box-shadow:0 30px 70px #0408108c,inset 0 1px 0 #fff6;color:#f5f7fb;display:flex;flex-direction:column;gap:18px;max-height:88vh;overflow:visible;padding:22px;position:relative;width:min(720px,96%)}.oh-modal-actions{align-items:center;display:flex;gap:10px}.oh-ghost{background:#ffffff0d;border:1px solid #ffffff38;border-radius:999px;color:#f5f7fb;cursor:pointer;font-weight:600;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.oh-ghost:hover{border-color:#ffffff52;box-shadow:0 14px 30px #0000004d;transform:translateY(-1px)}@media (max-width:900px){.oh-card{padding:18px}.oh-days{gap:8px}}@media (max-width:640px){.oh-header{align-items:flex-start;flex-direction:column}.oh-card{padding:16px}.oh-days{gap:6px}.oh-day{padding:8px 6px}}:root{--pane-bg:linear-gradient(135deg,color-mix(in srgb,var(--tone-6,#8db6ff) 18%,#ffffff14),color-mix(in srgb,var(--tone-2,#1a2740) 10%,#ffffff05));--pane-bg-strong:linear-gradient(145deg,color-mix(in srgb,var(--tone-6,#8db6ff) 24%,#ffffff24),color-mix(in srgb,var(--tone-3,#243454) 12%,#ffffff08));--pane-border:color-mix(in srgb,var(--tone-6,#8db6ff) 32%,#ffffff80);--pane-border-soft:color-mix(in srgb,var(--tone-6,#8db6ff) 20%,#ffffff59);--pane-highlight:color-mix(in srgb,var(--tone-6,#8db6ff) 28%,#fff9);--pane-shadow:0 24px 60px #05080f59;--chip-bg:color-mix(in srgb,var(--tone-6,#8db6ff) 14%,#ffffff14);--chip-border:color-mix(in srgb,var(--tone-6,#8db6ff) 20%,#ffffff40);--glass-bg:var(--pane-bg);--glass-border:var(--pane-border-soft);--glass-glow:var(--pane-highlight);--glass-shadow:var(--pane-shadow)}.overview-hub *,.overview-hub :after,.overview-hub :before{--tw-backdrop-opacity:initial}.glass-disabled .chart-card,.glass-disabled .glass-panel,.glass-disabled .insight-card,.glass-disabled .kpi-card,.glass-disabled .meta-chip,.glass-disabled .overview-content,.glass-disabled .panel-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0a0c14d1!important;border-color:#ffffff1f!important;box-shadow:0 18px 28px #0000004d!important}.vision{position:relative}.vision-shell{background:radial-gradient(circle at 18% 12%,color-mix(in srgb,#8db6ff 16%,#0000),#0000 50%),radial-gradient(circle at 82% 8%,color-mix(in srgb,#6f90d6 12%,#0000),#0000 48%),linear-gradient(145deg,color-mix(in srgb,#8db6ff 24%,#ffffff24),color-mix(in srgb,#243454 12%,#ffffff08));background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--tone-6,#8db6ff) 16%,#0000),#0000 50%),radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--tone-5,#6f90d6) 12%,#0000),#0000 48%),var(--pane-bg-strong,var(--pane-bg));border:1px solid color-mix(in srgb,#8db6ff 20%,#ffffff59);border:1px solid var(--pane-border-soft);box-shadow:0 30px 80px #05080e73}.vision-hero{border-radius:32px;gap:28px;grid-template-columns:1.1fr .9fr;padding:clamp(20px,2vw,32px);position:relative;width:100%;z-index:2}.vision-hero-text h1{color:#fffffff5;font-size:clamp(1.8rem,3vw,2.6rem);margin:6px 0 10px;position:relative;text-shadow:0 2px 10px #00000073;width:50vw;z-index:3}.vision-hero-text p{color:#ffffffe6;font-weight:500;line-height:1.5;max-width:640px;position:relative;text-shadow:0 1px 6px #00000059;z-index:3}.vision-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:5vh;margin-top:7vh}.vision-stat-card{backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);background:linear-gradient(135deg,#ffffff1f,#ffffff0a),color-mix(in srgb,linear-gradient(135deg,color-mix(in srgb,#8db6ff 18%,#ffffff14),color-mix(in srgb,#1a2740 10%,#ffffff05)) 85%,#ffffff0d);background:linear-gradient(135deg,#ffffff1f,#ffffff0a),color-mix(in srgb,var(--pane-bg,#0a0c14d9) 85%,#ffffff0d);border-radius:18px;box-shadow:0 18px 36px #00000059,inset 0 1px 0 #ffffff73;max-height:13vh;overflow:hidden;padding:12px 14px;position:relative}.vision-stat-card.positive{box-shadow:0 18px 36px #00000059,0 0 20px #22c55e40}.vision-stat-card.negative{box-shadow:0 18px 36px #00000059,0 0 20px #ef444440}.stat-card-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.stat-title{font-size:.82rem;letter-spacing:.04em}.stat-change{color:var(--text-secondary)}.stat-card-main{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:10px}.stat-value{font-size:1.4rem;font-weight:700}.stat-chart{min-width:0;width:120px}.hero-lines{display:flex;flex-direction:column;gap:12px}.hero-chart{border-radius:20px;height:100%;min-height:270px;min-width:0;overflow:hidden;width:100%}.calendar-chart{align-items:center;display:flex;gap:16px;min-height:260px}.hero-chart,.stat-card-main,.stat-chart,.vision-card,.vision-grid,.vision-hero{min-width:0}.stat-chart{min-height:48px}.vision-hero-actions{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:auto auto;justify-content:end;position:absolute;right:clamp(18px,2vw,26px);top:clamp(18px,2vw,26px)}.vision-hero{display:flex;flex-direction:column;gap:18px}.hero-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.hero-greeting{flex:1 1 auto}.hero-actions{display:inline-flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.vision-kpis{align-items:stretch;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-left:8px;margin-top:20px}.vision-grid{align-items:stretch;display:grid;margin-top:10px}.vision-card{border-radius:32px;cursor:pointer;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px;position:relative}.vision-card.hero{background:none;box-shadow:none;grid-column:span 3;height:45vh;margin:0 auto;overflow:visible;width:23vw}.vision-card.analytics{border:0;grid-column:span 4;min-height:360px;padding:0}.vision-card.services{grid-column:span 3;height:40vh}.vision-card.services:before{border-radius:inherit;content:"";inset:1px;opacity:.65;pointer-events:none;position:absolute}.vision-card.services:after{content:"";filter:blur(18px);height:35%;inset:-20% -10% auto -10%;pointer-events:none;position:absolute}.vision-card.calendar{grid-column:span 5;height:45vh;max-height:none;min-height:45vh;min-width:35vw}.vision-card.notifications{grid-column:span 12}.vision-card .card-body{display:flex;flex:1 1;min-height:0}.overview-content.overlay-active .vision-grid,.overview-content.overlay-active .vision-hero,.overview-content.overlay-active .vision-kpis{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width:1200px){.vision-hero{grid-template-columns:1fr}.vision-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.vision-card.hero{height:auto;max-height:none;min-width:80vw}.vision-card.analytics,.vision-card.hero,.vision-card.services{grid-column:span 6}.vision-card.calendar{grid-column:span 6;max-height:none;min-width:80vw}.vision-card.notifications{grid-column:span 6}}@media (max-width:720px){.vision-grid{grid-template-columns:1fr}.vision-card.analytics,.vision-card.calendar,.vision-card.hero,.vision-card.notifications,.vision-card.services{grid-column:span 1}}.glass-panel{backdrop-filter:blur(6px) saturate(150%);-webkit-backdrop-filter:blur(6px) saturate(150%);background:linear-gradient(135deg,color-mix(in srgb,#8db6ff 18%,#ffffff14),color-mix(in srgb,#1a2740 10%,#ffffff05));background:var(--glass-bg);border:1px solid color-mix(in srgb,#8db6ff 20%,#ffffff59);border:1px solid var(--glass-border);border-radius:28px;box-shadow:0 24px 60px #05080f59;box-shadow:var(--glass-shadow);overflow:hidden;position:relative}.glass-panel:after{background:linear-gradient(120deg,#ffffff1f,#0000 55%);border-radius:inherit;content:"";inset:1px;opacity:.75;pointer-events:none;position:absolute}.overview-hub{background:#0000;background-blend-mode:normal;color:var(--text);display:flex;flex:1 1 auto;flex-direction:column;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:auto;min-height:100dvh;position:relative;width:100%}.overview-hub:after,.overview-hub:before{content:none}@keyframes overviewGlow{0%{opacity:.65;transform:translateY(0) rotate(0deg)}50%{opacity:.85;transform:translateY(20px) rotate(8deg)}to{opacity:.65;transform:translateY(0) rotate(0deg)}}.overview-content{backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);background:linear-gradient(145deg,color-mix(in srgb,#8db6ff 24%,#ffffff24),color-mix(in srgb,#243454 12%,#ffffff08));background:var(--pane-bg-strong);border:1px solid color-mix(in srgb,#8db6ff 20%,#ffffff59);border:1px solid var(--pane-border-soft);box-shadow:0 24px 60px #05080f59;box-shadow:var(--pane-shadow);display:flex;flex:1 1 auto;flex-direction:column;gap:24px;min-height:0;padding:clamp(16px,1.8vw,28px);position:relative;z-index:1}.overview-content::-webkit-scrollbar{width:8px}.overview-content::-webkit-scrollbar-thumb{background:#5e7b6b59;border-radius:999px}.overview-content{overflow:visible}.overview-content.overlay-active .chart-grid,.overview-content.overlay-active .kpi-ribbon,.overview-content.overlay-active .overview-header{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}.overview-header{align-items:flex-start;background:linear-gradient(135deg,color-mix(in srgb,#8db6ff 18%,#ffffff14),color-mix(in srgb,#1a2740 10%,#ffffff05));background:var(--pane-bg);border:1px solid color-mix(in srgb,#8db6ff 32%,#ffffff80);border:1px solid var(--pane-border);border-radius:28px;box-shadow:0 24px 60px #05080f59;box-shadow:var(--pane-shadow);display:flex;gap:24px;justify-content:space-between;padding:20px 24px}.header-eyebrow{color:var(--text-secondary);font-size:.75rem;letter-spacing:.25em;text-transform:uppercase}.header-title{font-size:clamp(1.8rem,3vw,2.8rem);margin:6px 0}.header-subtitle{color:var(--text-secondary);font-size:.95rem}.header-actions{align-items:center;display:flex;gap:12px}.range-switch{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,#8db6ff 22%,#ffffff59);background:color-mix(in srgb,var(--tone-6,#8db6ff) 22%,#ffffff59);border:1px solid color-mix(in srgb,#8db6ff 32%,#ffffff80);border:1px solid var(--pane-border);border-radius:999px;box-shadow:0 20px 30px #0f0f0f1f,inset 0 1px 1px #fffc;display:inline-flex;gap:6px;height:6vh;overflow:hidden;padding:5px;position:relative;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.range-indicator{background:linear-gradient(135deg,#ffffff42,#ffffff1f);border-radius:999px;box-shadow:0 12px 26px #00000040,inset 0 1px 1px #ffffffbf;height:calc(100% - 10px);left:5px;pointer-events:none;position:absolute;top:5px;transform:translateX(calc(0% + 0px));transform:translateX(calc(var(--active-idx, 0)*(100% + 6px)));transition:transform .22s ease;width:calc(33.33333% - 7.33333px);width:calc((100% - 10px - (var(--btn-count, 3) - 1)*6px)/var(--btn-count, 3));z-index:0}.range-btn{background:#0000;border:none;border-radius:999px;color:#323232;cursor:pointer;font-size:.85rem;padding:6px 14px;position:relative;transition:background .2s ease,color .2s ease;z-index:1}.range-btn:hover{color:var(--text);text-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.icon-btn{background:#0000;border:1px solid var(--border);border-radius:12px;cursor:pointer;display:grid;height:40px;place-items:center;width:40px}.icon-btn,.loading-chip{color:var(--text-secondary)}.loading-chip{border:1px solid var(--border);border-radius:999px;font-size:.75rem;padding:4px 10px}.kpi-ribbon{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:8px 4px}.kpi-card{backdrop-filter:blur(12px) saturate(140%) brightness(1.04);-webkit-backdrop-filter:blur(12px) saturate(140%) brightness(1.04);background:linear-gradient(135deg,color-mix(in srgb,#8db6ff 18%,#ffffff14),color-mix(in srgb,#1a2740 10%,#ffffff05));background:var(--pane-bg);border:1px solid color-mix(in srgb,#8db6ff 32%,#ffffff80);border:1px solid var(--pane-border);border-radius:18px;box-shadow:0 24px 60px #05080f59,inset 0 1px 0 #ffffff24;box-shadow:var(--pane-shadow),inset 0 1px 0 #ffffff24;color:var(--text);display:flex;flex:0 1 260px;flex-direction:column;gap:12px;min-width:240px;overflow:hidden;padding:22px;position:relative}.kpi-card:after{background:linear-gradient(120deg,color-mix(in srgb,#8db6ff 28%,#fff9),#0000 100%);background:linear-gradient(120deg,var(--pane-highlight),#0000 100%);border:1px solid #0000;border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.kpi-card:hover:after{opacity:1}.kpi-card-head{align-items:flex-start;display:flex;justify-content:space-between}.kpi-card-label{color:#fff9;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase}.kpi-card-value{color:#f2f7ff;font-size:1.9rem;font-weight:600;margin-top:6px;text-shadow:0 6px 18px #060a108c}.kpi-card-icon{background:color-mix(in srgb,#8db6ff 38%,#ffffff2e);background:color-mix(in srgb,var(--tone-6,#8db6ff) 38%,#ffffff2e);border-radius:12px;box-shadow:inset 0 1px 0 #fff6;display:grid;height:36px;place-items:center;width:36px}.kpi-card-foot{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:8px}.kpi-card-change{background:color-mix(in srgb,#8db6ff 14%,#ffffff14);background:var(--chip-bg);border-radius:999px;color:#ffffffd1;font-size:.78rem;font-weight:600;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.kpi-card-change.up{background:color-mix(in srgb,#8db6ff 26%,#2bdd91 28%);background:color-mix(in srgb,var(--tone-6,#8db6ff) 26%,#2bdd91 28%);color:#d9fff2}.kpi-card-change.down{background:color-mix(in srgb,#5a719f 24%,#ff6f91 26%);background:color-mix(in srgb,var(--tone-4,#5a719f) 24%,#ff6f91 26%);color:#ffe1eb}.kpi-card-delta{color:var(--text-secondary);font-size:.82rem;margin-top:4px}.kpi-card.delta-positive{box-shadow:0 24px 60px #05080f59,0 0 24px #22c55e40;box-shadow:var(--pane-shadow),0 0 24px #22c55e40}.kpi-card.delta-negative{box-shadow:0 24px 60px #05080f59,0 0 24px #ef444440;box-shadow:var(--pane-shadow),0 0 24px #ef444440}.kpi-card-chart{height:42px;width:110px}.sparkline-tooltip{background:#121216d9;border:1px solid #ffffff1f;border-radius:10px;color:#fff;font-size:.75rem;padding:4px 8px}.chart-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-auto-rows:minmax(220px,1fr);grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:12px}.chart-card,.chart-grid{min-height:0;position:relative}.chart-card{backdrop-filter:blur(12px) saturate(140%) brightness(1.04);-webkit-backdrop-filter:blur(12px) saturate(140%) brightness(1.04);background:linear-gradient(135deg,color-mix(in srgb,#8db6ff 18%,#ffffff14),color-mix(in srgb,#1a2740 10%,#ffffff05));background:var(--pane-bg);border:1px solid color-mix(in srgb,#8db6ff 20%,#ffffff59);border:1px solid var(--pane-border-soft);border-radius:32px;box-shadow:0 24px 60px #05080f59;box-shadow:var(--pane-shadow);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:24px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.chart-card:hover{border-color:color-mix(in srgb,#8db6ff 32%,#ffffff80);border-color:var(--pane-border);box-shadow:0 25px 50px #0f0f1447;transform:translateY(-4px)}.chart-card:after{background:radial-gradient(circle at top right,color-mix(in srgb,#8db6ff 28%,#fff9),#0000 60%);background:radial-gradient(circle at top right,var(--pane-highlight),#0000 60%);border:1px solid #0000;border-radius:inherit;content:"";inset:1px;opacity:0;position:absolute;transition:opacity .3s ease}.chart-card:hover:after{opacity:1}.chart-card.hero{grid-column:span 2}.chart-card.side{grid-column:span 1}.card-top{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.card-label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}.view-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:999px;cursor:pointer;display:inline-flex;font-size:.8rem;gap:6px;padding:6px 16px;transition:background .2s ease,border-color .2s ease}.view-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff}.view-btn.ghost{padding:6px 10px}.card-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.chart-card .list-row{align-items:center;border-bottom:1px dashed #ffffff2e;display:flex;justify-content:space-between;padding:14px 0}.chart-card .list-row:last-child{border-bottom:none}.chart-card .list-row p{color:var(--text-secondary);font-size:.85rem;margin:4px 0 0}.card-body.calendar{height:100%;margin:0 auto;overflow:hidden;width:100%}.chart-card.services-card{background:#0000;border:none;box-shadow:none;grid-row:span 2;min-height:100%;padding:0}.chart-card.services-card .card-body{height:100%;padding:0}.chart-card.services-card:after{display:none}.incident-card{background:linear-gradient(135deg,color-mix(in srgb,#8db6ff 18%,#ffffff14),color-mix(in srgb,#1a2740 10%,#ffffff05));background:var(--glass-bg);border:1px solid color-mix(in srgb,#8db6ff 20%,#ffffff59);border:1px solid var(--glass-border);border-radius:32px;box-shadow:0 24px 60px #05080f59;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;min-height:100%;padding:24px;width:100%}.incident-card h3{font-size:1.6rem;margin-bottom:18px}.incident-chart{flex:1 1;min-height:200px;padding:0 8px}.incident-metrics{display:flex;flex-direction:column;font-family:Space Mono,monospace;margin-top:12px}.incident-metric{align-items:center;border-top:1px solid #ffffff14;display:flex;gap:16px;justify-content:space-between;padding:12px 0}.incident-metric:first-child{border-top:none}.incident-metric-left{align-items:center;color:var(--text-secondary);display:flex;gap:8px}.incident-metric-right{align-items:center;display:flex;gap:10px;justify-content:flex-end}.incident-label{font-size:.9rem}.incident-value{font-size:1.1rem;font-weight:600}.incident-trend{color:var(--text-secondary);font-size:.9rem}.incident-card.empty{align-items:center;justify-content:center;text-align:center}.activity-rings-plain{align-items:center;display:flex;gap:18px;justify-content:flex-start;overflow:visible;padding:12px 16px 12px 12px;width:100%}.ring-svg{display:block;flex-shrink:0;height:clamp(260px,30vw,340px);margin-left:0;max-width:70%;overflow:visible;width:clamp(260px,30vw,340px)}.activity-legend{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0;padding-left:8px}.activity-row{align-items:center;display:flex;gap:10px}.activity-row .dot{border-radius:50%;display:inline-block;height:12px;width:12px}.incident-card.empty p{color:var(--text-secondary)}.expanded-bar-wrapper{display:flex;flex:1 1;min-height:0;width:100%}.expanded-bar-wrapper>*{flex:1 1;min-height:0}.panel-head{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.panel-eyebrow{color:var(--text-secondary);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.panel-title{font-size:1.25rem;margin-top:4px}.panel-meta{color:var(--text-secondary);font-size:.9rem}.panel-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.panel-body.list{gap:12px}.list-row{align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(135deg,color-mix(in srgb,#8db6ff 18%,#ffffff14),color-mix(in srgb,#1a2740 10%,#ffffff05));background:var(--pane-bg);border:1px solid color-mix(in srgb,#8db6ff 20%,#ffffff59);border:1px solid var(--pane-border-soft);border-radius:18px;box-shadow:0 24px 60px #05080f59;box-shadow:var(--pane-shadow);display:flex;justify-content:space-between;padding:14px 16px}.list-row:last-child{border-bottom:none}.list-row p{font-size:.85rem;margin:4px 0 0}.empty-state,.list-row p{color:var(--text-secondary)}.empty-state{font-size:.9rem}.panel-overlay{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:32px;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease;z-index:5}.panel-overlay.visible{opacity:1;pointer-events:auto}.overlay-card{border:none;border-radius:32px;display:flex;flex-direction:column;height:min(880px,90vh);overflow:hidden;padding:clamp(24px,2.6vw,40px);width:min(1320px,96vw)}.overlay-head{align-items:baseline;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.overlay-eyebrow{color:var(--text-secondary);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase}.overlay-body{min-height:0;overflow:hidden}.overlay-body,.overlay-list{display:flex;flex:1 1;flex-direction:column}.overlay-list{gap:12px;overflow-y:auto}.overlay-list-row{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid color-mix(in srgb,#8db6ff 20%,#ffffff59);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 18px 32px #080a1040;display:flex;justify-content:space-between;padding:14px 18px}.overlay-list-title{font-weight:600}.overlay-list-meta{color:var(--text-secondary);display:block;font-size:.85rem;margin-top:4px}.overlay-list-time{font-weight:600}.overlay-card.opening-hours-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(28px);border:none;border-radius:32px;display:flex;flex-direction:column;height:min(880px,90vh);overflow:hidden;padding:clamp(24px,2.6vw,40px);width:min(1320px,96vw)}@media (max-width:1200px){.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-card.hero{grid-column:span 2}.chart-card.side{grid-column:span 1}}@media (max-width:900px){.overview-header{flex-direction:column}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-card.hero,.chart-card.side{grid-column:span 2}}@media (max-width:640px){.overview-hub{padding:16px}.header-actions{justify-content:space-between;width:100%}.chart-grid{grid-template-columns:1fr}.chart-card.hero,.chart-card.side{grid-column:span 1}.overlay-card{padding:18px}}.overlay-close{background:#0000;border:1px solid var(--border);border-radius:999px;cursor:pointer;font-size:.85rem;padding:6px 16px;transition:background .2s ease,border-color .2s ease}.overlay-close:hover{background:var(--brand);border-color:var(--brand);color:#fff}.overview-hub.worldnic{background:var(--paper);color:var(--text)}.worldnic-layout{background:radial-gradient(140% 120% at 10% -20%,#63cfff2e,#0000 65%),linear-gradient(160deg,#ffffff0d,#00000073),linear-gradient(150deg,#05090c,#101b26);background:radial-gradient(140% 120% at 10% -20%,#63cfff2e,#0000 65%),linear-gradient(160deg,#ffffff0d,#00000073),linear-gradient(150deg,var(--bg-gradient-start,#05090c),var(--bg-gradient-end,#101b26));background-blend-mode:screen,multiply,normal;border:1px solid #ffffff1f;box-shadow:0 25px 60px #04080f8c;color:var(--text);overflow:hidden;position:relative}.worldnic-layout:before{background:radial-gradient(65% 80% at 15% -10%,#63cfff2e,#0000 60%),radial-gradient(55% 70% at 85% 0,#ff8cc426,#0000 65%);content:"";inset:0;opacity:.8;pointer-events:none;position:absolute}.worldnic-layout>*{position:relative;z-index:1}.overview-content.overlay-active .preview-grid,.overview-content.overlay-active .worldnic-header{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}.worldnic-header{display:flex;flex-direction:column;gap:22px}.worldnic-header .hero-main{backdrop-filter:blur(34px);-webkit-backdrop-filter:blur(34px);background:linear-gradient(135deg,color-mix(in srgb,#8db6ff 18%,#ffffff14),color-mix(in srgb,#1a2740 10%,#ffffff05));background:var(--glass-bg);border:1px solid color-mix(in srgb,#8db6ff 20%,#ffffff59);border:1px solid var(--glass-border);border-radius:32px;box-shadow:0 24px 60px #05080f59;box-shadow:var(--glass-shadow);display:flex;gap:24px;justify-content:space-between;padding:28px}.hero-text h1{font-size:clamp(2rem,3vw,2.8rem);margin-bottom:6px}.hero-text p{max-width:480px}.hero-badge,.hero-text p{color:var(--text-secondary)}.hero-badge{align-items:center;display:inline-flex;font-size:.75rem;gap:8px;letter-spacing:.35em;text-transform:uppercase}.hero-actions{align-items:center;display:flex;gap:12px}.hero-actions .meta-chip.range.inline{align-items:flex-start;background:#0000;border:none;flex-direction:column;padding:0}.hero-actions .meta-chip.range.inline p{color:var(--text-secondary);font-size:.72rem;letter-spacing:.3em;margin-bottom:6px}.hero-btn{align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffff14;border:1px solid color-mix(in srgb,#8db6ff 20%,#ffffff59);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 12px 25px #080a1040;color:inherit;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:12px 20px;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.hero-btn.primary{background:color-mix(in srgb,#8db6ff 22%,#ffffff59);background:color-mix(in srgb,var(--tone-6,#8db6ff) 22%,#ffffff59);border:1px solid #ffffff47;border-radius:999px;color:var(--text);height:6vh}.hero-btn:hover{border-color:#ffffff8c;box-shadow:0 18px 35px #05080c59;transform:translateY(-3px)}.hero-meta{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.meta-chip{align-items:center;backdrop-filter:blur(12px) saturate(140%) brightness(1.04);-webkit-backdrop-filter:blur(12px) saturate(140%) brightness(1.04);background:color-mix(in srgb,#8db6ff 14%,#ffffff14);background:var(--chip-bg);border:1px solid color-mix(in srgb,#8db6ff 20%,#ffffff40);border:1px solid var(--chip-border);border-radius:22px;box-shadow:0 24px 60px #05080f59;box-shadow:var(--pane-shadow);display:flex;gap:14px;padding:16px 18px}.meta-chip.range{align-items:flex-start;flex-direction:column}.meta-chip p{color:var(--text-secondary);font-size:.72rem;letter-spacing:.32em;margin-bottom:4px;text-transform:uppercase}.worldnic .range-switch{background:#ffffff1f;border:1px solid #ffffff59}.worldnic .range-btn{color:var(--text-secondary)}.worldnic .range-btn.is-active{background:linear-gradient(135deg,var(--brand),var(--brand-light));color:#04101a}.preview-grid{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:1.7fr 1fr;min-height:0}.preview-main,.preview-side{display:flex;flex-direction:column;gap:20px}.insight-card{backdrop-filter:blur(12px) saturate(140%) brightness(1.04);-webkit-backdrop-filter:blur(12px) saturate(140%) brightness(1.04);background:linear-gradient(135deg,color-mix(in srgb,#8db6ff 18%,#ffffff14),color-mix(in srgb,#1a2740 10%,#ffffff05));background:var(--pane-bg);border:1px solid color-mix(in srgb,#8db6ff 20%,#ffffff59);border:1px solid var(--pane-border-soft);border-radius:32px;box-shadow:0 24px 60px #05080f59;box-shadow:var(--pane-shadow);cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:24px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.insight-card:hover{border-color:#5e7b6b73;box-shadow:0 30px 60px #0000002e;transform:translateY(-4px)}.insight-card.notifications,.insight-card.snapshot{cursor:default}.insight-card.calendar-card,.insight-card.services-card{background:#0000;border:none;box-shadow:none;padding:0}.insight-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.insight-body{flex:1 1;min-height:0}.insight-body.list{gap:12px}.interactive-analytics-card{border-radius:30px;height:100%;padding:28px;position:relative;transform-style:preserve-3d;transition:box-shadow .3s ease;width:100%}.interactive-analytics-card:after{background:#ffffff0f;border-radius:24px;content:"";filter:blur(35px);inset:20px;pointer-events:none;position:absolute;transform:translateZ(-30px)}.interactive-analytics-card .iac-grid{display:flex;flex-direction:column;gap:18px;position:relative}.iac-header p{color:#ffffffa6;font-size:.72rem;letter-spacing:.35em;text-transform:uppercase}.iac-header h3{margin:6px 0}.iac-chip{align-items:center;border:1px solid #ffffff4d;border-radius:999px;color:#ffffffb3;display:inline-flex;font-size:.72rem;gap:6px;padding:4px 10px}.iac-bars{grid-gap:18px;align-items:end;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-bottom:5vh;margin-top:1vh;min-height:20vh}.iac-bar{align-items:center;display:flex;flex-direction:column;gap:12px;height:25vh;position:relative}.iac-bar-value{color:var(--text);font-size:1.1rem;font-weight:600}.iac-bar-fill{background:#5e7b6b66;border-radius:999px;box-shadow:inset 0 -12px 18px #00000040;transition:height .35s ease;width:32px}.iac-bar-label{color:var(--text-secondary);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase}.iac-metrics{display:flex;gap:12px;justify-content:space-between}.iac-metrics p{color:#fff9;font-size:.75rem;letter-spacing:.28em;text-transform:uppercase}.iac-metrics strong{display:block;font-size:1.4rem;margin-top:4px}.visualize-card{background:linear-gradient(135deg,color-mix(in srgb,#8db6ff 18%,#ffffff14),color-mix(in srgb,#1a2740 10%,#ffffff05));background:var(--glass-bg);border:1px solid color-mix(in srgb,#8db6ff 20%,#ffffff59);border:1px solid var(--glass-border);border-radius:30px;box-shadow:0 24px 60px #05080f59;box-shadow:var(--glass-shadow);padding:28px;transform-style:preserve-3d}.visualize-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.visualize-head p{color:var(--text-secondary);font-size:.72rem;letter-spacing:.35em;text-transform:uppercase}.visualize-switch{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:999px;display:inline-flex;gap:6px;padding:4px}.visualize-option{border:none;border-radius:999px;color:var(--text-secondary);cursor:pointer;font-size:.82rem;padding:4px 12px;transition:background .2s ease,color .2s ease}.visualize-option.is-active{background:linear-gradient(135deg,var(--brand),var(--brand-light));box-shadow:0 8px 18px #050a1059;color:#05121a}.visualize-grid,.visualize-panel{display:flex;flex-direction:column;gap:18px}.visualize-calendar{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.visualize-cell{background:#ffffff14;border:1px solid #ffffff2e;border-radius:18px;box-shadow:0 20px 35px #050a0f59;color:var(--text);display:flex;flex-direction:column;gap:6px;min-height:90px;padding:12px 14px}.visualize-cell span{color:var(--text-secondary);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase}.visualize-cell strong{font-size:1.4rem;line-height:1}.visualize-main{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.visualize-main p{color:var(--text-secondary);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase}.visualize-main strong{color:var(--text);font-size:1.4rem}.visualize-delta{background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;font-weight:600;justify-self:flex-end;padding:6px 12px}.visualize-delta.positive{color:var(--brand)}.visualize-delta.negative{color:#d14747}.visualize-stream{display:flex;flex-direction:column;gap:12px}.visualize-list-title{color:var(--text-secondary);font-size:.78rem;letter-spacing:.28em;text-transform:uppercase}.visualize-stream-row{align-items:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:18px;box-shadow:0 18px 34px #050a104d;display:flex;justify-content:space-between;padding:12px 14px}.visualize-stream-row p{color:var(--text);font-size:.82rem;margin-bottom:4px}.visualize-stream-row span{color:var(--text-secondary);display:block;font-size:.8rem}.visualize-stream-meta{text-align:right}.visualize-stream-meta strong{color:var(--text)}.queue-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05080ca6;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.queue-modal{backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);background:#ffffff1f;border:1px solid color-mix(in srgb,#8db6ff 20%,#ffffff59);border:1px solid var(--glass-border);border-radius:32px;box-shadow:0 24px 60px #05080f59;box-shadow:var(--glass-shadow);color:var(--text);display:flex;flex-direction:column;gap:16px;max-height:82vh;padding:24px;width:min(760px,96%)}.queue-modal-head{align-items:baseline;border-bottom:1px solid #ffffff40;display:flex;justify-content:space-between;padding-bottom:12px}.queue-modal-head p{color:#ffffffb3;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase}.queue-close{background:#ffffff1f;border:1px solid #fff6;border-radius:999px;color:inherit;cursor:pointer;padding:6px 12px}.queue-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.queue-row{align-items:center;border-bottom:1px dashed var(--border);display:flex;justify-content:space-between;padding:12px 0}.queue-row:last-child{border-bottom:none}.queue-row strong{display:block;margin-bottom:4px}.queue-row span{color:#000000a6;font-size:.85rem}.queue-time{color:var(--text);font-weight:600}.donut-overlay{grid-gap:clamp(16px,4vw,52px);align-items:stretch;display:grid;gap:clamp(16px,4vw,52px);grid-template-columns:clamp(420px,55%,780px) 1fr;height:100%;width:100%}.donut-chart{align-items:center;background:radial-gradient(circle at top,#76e4c533,#ffffff05 65%);border:1px solid #ffffff40;border-radius:32px;box-shadow:inset 0 1px 0 #ffffff59,0 30px 50px #080c1040;color:#111;display:flex;justify-content:center;min-height:0;overflow:visible;padding:clamp(12px,2.5vw,36px);position:relative}.donut-chart svg{height:auto;max-width:100%;overflow:visible}.donut-chart text{fill:#111;font-weight:600}.donut-details{border-radius:28px;display:flex;flex-direction:column;gap:16px;min-height:0;padding:clamp(12px,2vw,28px)}.donut-list{grid-gap:12px 16px;align-content:start;display:grid;flex:1 1;gap:12px 16px;grid-auto-flow:dense;grid-auto-rows:minmax(78px,auto);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.donut-row{align-items:flex-start;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(140deg,#ffffffe6,#fff3);border:1px solid #ffffff73;border-radius:18px;box-shadow:0 15px 25px #0f0f0f1f,inset 0 1px 1px #ffffffd9;display:flex;gap:12px;min-width:0;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease}.donut-row .dot{border:2px solid #ffffff8c;border-radius:50%;flex-shrink:0;height:16px;width:16px}.donut-copy{color:#111;display:flex;flex-direction:column;gap:4px;line-height:1.25;min-width:0}.donut-row strong{display:block;font-size:.9rem;font-weight:600}.donut-row span,.donut-row strong{color:#111;overflow-wrap:anywhere;word-break:break-word}.donut-row span{font-size:.78rem}.donut-row:hover{box-shadow:0 22px 32px #0f0f0f33,inset 0 1px 1px #ffffffed;transform:translateY(-4px) scale(1.01)}@media (max-width:1100px){.overlay-card{height:auto}.overlay-body{overflow:auto}.donut-overlay{gap:20px;grid-template-columns:1fr}}.overview-hub.vision{background:#0000;color:var(--text)}.overview-content.vision-shell{background:radial-gradient(circle at 18% 12%,color-mix(in srgb,#8db6ff 16%,#0000),#0000 50%),radial-gradient(circle at 82% 8%,color-mix(in srgb,#6f90d6 12%,#0000),#0000 48%),linear-gradient(145deg,color-mix(in srgb,#8db6ff 24%,#ffffff24),color-mix(in srgb,#243454 12%,#ffffff08));background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--tone-6,#8db6ff) 16%,#0000),#0000 50%),radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--tone-5,#6f90d6) 12%,#0000),#0000 48%),var(--pane-bg-strong,var(--pane-bg));border:1px solid color-mix(in srgb,#8db6ff 20%,#ffffff59);border:1px solid var(--pane-border-soft);box-shadow:0 30px 80px #05080e73}.ghost-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:14px;color:inherit;cursor:pointer;display:inline-flex;gap:6px;padding:6px 12px}.snapshot-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.snapshot-item{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background:#ffffff1a;border:1px solid color-mix(in srgb,#8db6ff 20%,#ffffff59);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 18px 32px #080a1047;padding:18px}.snapshot-item p{color:var(--text-secondary);font-size:.7rem;letter-spacing:.32em;margin-bottom:4px;text-transform:uppercase}.snapshot-item strong{display:block;font-size:1.45rem}.snapshot-item span{color:var(--text-secondary);font-size:.85rem}.notifications-list{display:flex;flex-direction:column;gap:14px}.notification-row{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid color-mix(in srgb,#8db6ff 20%,#ffffff59);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 18px 34px #05080c40;display:flex;justify-content:space-between;padding:14px 18px}.notification-row:last-child{border-bottom:none}.notification-row p{color:var(--text-secondary);font-size:.85rem;margin:4px 0 0}.services-card .card-body{padding:0}@media (max-width:1200px){.preview-grid{grid-template-columns:1fr}.hero-main{flex-direction:column}}.recharts-responsive-container{-webkit-backdrop-filter:blur(4px) saturate(120%);backdrop-filter:blur(4px) saturate(120%);border-radius:16px}.kpis-grid-enhanced{grid-gap:var(--space-lg);display:grid;flex-shrink:0;gap:var(--space-lg);gap:2vw;grid-template-columns:repeat(4,1fr);margin-bottom:2vh;margin-top:2vh}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;min-height:140px;overflow:hidden;padding:var(--space-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,var(--brand),var(--brand-light));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.stat-title{color:var(--text-secondary);font-size:.875rem;font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin:0;text-transform:uppercase}.stat-icon{font-size:1.25rem;opacity:.7}.stat-content{align-items:flex-end;display:flex;flex:1 1;gap:var(--space-md);justify-content:space-between}.stat-values{display:flex;flex:1 1;flex-direction:column}.stat-value{color:var(--text-primary);font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-weight-bold);line-height:1.1;margin:0 0 var(--space-xs) 0}.stat-change{align-self:flex-start;border-radius:var(--radius-sm);font-size:.75rem;font-weight:var(--font-weight-semibold);margin:0;padding:var(--space-xs) var(--space-sm);transition:all .2s ease}.stat-change.positive{background:#4ade801a;color:#4ade80}.stat-change.negative{background:#f871711a;color:#f87171}.stat-change.neutral{background:#94a3b81a;color:#94a3b8}.stat-chart{flex-shrink:0;height:48px;width:112px}.custom-tooltip{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text-primary);font-size:.75rem;font-weight:var(--font-weight-semibold);padding:var(--space-sm)}.tooltip-text{color:var(--text-primary);margin:0}@media (max-width:1024px){.kpis-grid-enhanced{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kpis-grid-enhanced{gap:var(--space-md);grid-template-columns:1fr}.stat-card{min-height:120px;padding:var(--space-md)}.stat-chart{height:40px;width:96px}}@media (max-width:480px){.stat-content{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.stat-chart{height:40px;width:100%}}.pricing-calendar{height:100%;position:relative;width:100%}.pricing-calendar.compact.minimal{display:flex;flex-direction:column;max-height:60vh;width:100%}.calendar-card.slim{-webkit-backdrop-filter:blur(4px) saturate(120%);backdrop-filter:blur(4px) saturate(120%);border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:14px 14px 12px;position:relative;z-index:1}.calendar-header.shell{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:0 2px}.calendar-title{color:#f4f6fb;color:var(--text-primary,#f4f6fb);font-size:1.02rem;font-weight:700;margin:0}.calendar-subtitle{color:#b9c0d0;color:var(--text-secondary,#b9c0d0);font-size:.82rem;margin:2px 0 0}.calendar-navigation.compact{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;gap:6px;max-height:4vh;max-width:10vw;padding:4px 6px}.calendar-navigation.compact,.nav-btn{align-items:center;display:inline-flex}.nav-btn{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:30px;color:#f4f6fb;color:var(--text-primary,#f4f6fb);cursor:pointer;height:2.5vh;justify-content:center;padding:0;transition:all .18s ease;width:1.25vw}.nav-btn:hover{background:#ffffff24;transform:translateY(-1px)}.chevron-icon{height:1vh;width:1vw}.current-month{font-size:.9rem;min-width:118px;text-align:center}.calendar-body{display:flex;flex:1 1;flex-direction:column;gap:8px;margin-top:10px;min-height:0;width:100%}.weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.weekday{color:#8b93a7;color:var(--text-tertiary,#8b93a7);font-size:.72rem;font-weight:700;padding:4px 0;text-align:center}.days-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,minmax(0,1fr))}.day-button,.day-cell,.empty-day{aspect-ratio:1;width:100%}.day-button{align-items:center;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(140%);background:linear-gradient(140deg,#ffffff1f,#ffffff0a);border:1px solid #fff0;border-radius:50%;color:#f4f6fb;color:var(--text-primary,#f4f6fb);cursor:pointer;display:flex;flex-direction:column;gap:4px;height:auto;justify-content:center;margin:0 auto;max-width:48px;min-height:0;min-width:0;position:relative;transition:all .16s ease}.day-button:not(.selected):hover{background:#ffffff12;border-color:#ffffff24;box-shadow:0 10px 26px #00000040}.day-button.selected{background:linear-gradient(145deg,#5b8cff52,#5b8cff1f);border-color:#5b8cff8c;box-shadow:0 10px 28px #5b8cff59}.day-number{font-size:.92rem;font-weight:700;letter-spacing:-.01em}.today-indicator{border:1px solid #fff3;border-radius:12px;inset:4px}.day-ring,.today-indicator{pointer-events:none;position:absolute}.day-ring{background:conic-gradient(from -90deg,#0000 0deg 4deg,var(--ring-color) 4deg -4deg,#0000 -4deg 1turn);background:conic-gradient(from -90deg,#0000 0deg 4deg,var(--ring-color) 4deg calc(var(--ring-deg, 0deg) - 4deg),#0000 calc(var(--ring-deg, 0deg) - 4deg) 1turn);border-radius:50%;inset:0;mask:radial-gradient(circle,#0000 55%,#000 63%,#000 100%);-webkit-mask:radial-gradient(circle,#0000 55%,#000 63%,#000 100%);padding:0}.day-inner{border-radius:50%;flex-direction:column;gap:2px;height:72%;justify-content:center;position:relative;width:72%;z-index:1}.day-inner,.selected-preview{align-items:center;display:flex}.selected-preview{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:#f4f6fb;color:var(--text-primary,#f4f6fb);font-weight:700;justify-content:space-between;padding:10px 12px}.selected-date{opacity:.85}.selected-price{color:#5b8cff}.calendar-loading{align-items:center;display:flex;height:100%;justify-content:center}.spinner-container{height:46px;position:relative;width:46px}.spinner-ring{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;position:absolute}.ring-1{border-top-color:#ffffff73;height:100%;left:0;top:0;width:100%}.ring-2{animation-direction:reverse;animation-duration:1.3s;border-top-color:#5b8cffcc;height:calc(100% - 10px);left:5px;top:5px;width:calc(100% - 10px)}.ring-3{animation-duration:1.7s;border-top-color:#ffffff47;height:calc(100% - 20px);left:10px;top:10px;width:calc(100% - 20px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.calendar-error{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.error-icon{color:#ef4444;height:36px;width:36px}.error-message{color:#b9c0d0;color:var(--text-secondary,#b9c0d0);margin:0}.retry-btn{background:#ef44441f;border:1px solid #ef444480;border-radius:10px;color:#ef4444;cursor:pointer;font-weight:700;padding:6px 10px;transition:all .2s ease}.retry-btn:hover{background:#ef444433}@media (max-width:768px){.pricing-calendar.compact.minimal{max-height:none}.calendar-card.slim{padding:12px 12px 10px}.months-grid{grid-template-columns:1fr}.current-month{min-width:auto}}.month-title{display:flex;flex-direction:column;gap:2px;text-transform:capitalize}.current-month{color:#f4f6fb;color:var(--text-primary,#f4f6fb);font-size:1rem;font-weight:700}.current-year{color:#b9c0d0;color:var(--text-secondary,#b9c0d0);font-size:.85rem;letter-spacing:.02em;padding-left:1vw}.calendar-header.shell{padding:4px 4px 2px}.month-title{align-items:baseline;flex-direction:row;gap:8px}.current-month{margin:0}.current-month,.current-year,.month-title{font-family:inherit}.current-year{font-weight:500;padding-left:3vw}.nav-month{color:#f4f6fb;color:var(--text-primary,#f4f6fb);font-size:.95rem;font-weight:500;padding-left:.5vw;padding-right:.5vw;text-transform:capitalize}.current-year{color:#fff;flex-shrink:0;font-size:1.08rem;font-weight:600;margin:0;padding:0 6px}.calendar-header.shell{gap:12px;justify-content:flex-start;padding:0 4px;position:relative}.calendar-navigation.compact{flex:0 0 auto;margin-left:auto}.nav-month{text-align:center}.current-year{left:25%;position:absolute;transform:translateX(-50%)}.liquid-bg{background-attachment:fixed;background-repeat:no-repeat;background-size:cover;bottom:0;height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed!important;right:0;top:0;transform:scaleX(-1);transform-origin:center;width:100vw;z-index:0}.blob{animation:slow-drift 18s ease-in-out infinite alternate;filter:blur(2px);opacity:.85;position:fixed;z-index:-1}.blob-big{animation-duration:20s;background:radial-gradient(circle at 32% 18%,#ffffff4d 0,#0000 36%),radial-gradient(circle at 62% 68%,color-mix(in srgb,var(--tone-5) 24%,#0c1118 76%) 0,color-mix(in srgb,var(--tone-1) 18%,#06080e 82%) 70%);border-radius:62% 38% 58% 42%;bottom:-25vmax;box-shadow:-28px -34px 80px #000000c7,0 0 26px 6px color-mix(in srgb,var(--tone-6) 85%,#ffffff14),0 0 120px 18px color-mix(in srgb,var(--tone-6) 48%,#0000);filter:blur(1px);height:90vmax;opacity:.9;right:-30vmax;width:90vmax}.blob-medium{animation-duration:12s;background:radial-gradient(circle at 36% 34%,#ffffff3d 0,#0000 38%),radial-gradient(circle at 58% 62%,color-mix(in srgb,var(--tone-6) 22%,#0c1118 78%) 0,color-mix(in srgb,var(--tone-2) 20%,#06080e 80%) 70%);border-radius:56% 44% 58% 42%;box-shadow:16px 24px 68px #00000073,0 0 20px 6px color-mix(in srgb,var(--tone-5) 70%,#ffffff14),0 0 90px 14px color-mix(in srgb,var(--tone-5) 40%,#0000);height:60vmax;left:-28vmax;opacity:.88;top:-18vmax;width:60vmax}.blob-small-a{animation-duration:16s;background:radial-gradient(circle at 46% 32%,#ffffff38 0,#0000 34%),radial-gradient(circle at 64% 64%,color-mix(in srgb,var(--tone-3) 22%,#0c1118 78%) 0,color-mix(in srgb,var(--tone-1) 18%,#06080e 82%) 70%);border-radius:52% 48% 54% 46%;box-shadow:-10px -16px 52px #00000061,0 0 18px 5px color-mix(in srgb,var(--tone-4) 70%,#ffffff14),0 0 72px 12px color-mix(in srgb,var(--tone-4) 38%,#0000);height:38vmax;opacity:.86;right:14vmax;top:6vmax;width:38vmax}.blob-small-b{animation-duration:14s;background:radial-gradient(circle at 38% 38%,#ffffff2e 0,#0000 32%),radial-gradient(circle at 60% 62%,color-mix(in srgb,var(--tone-6) 21%,#0c1118 79%) 0,color-mix(in srgb,var(--tone-2) 18%,#06080e 82%) 68%);border-radius:58% 42% 50% 50%;bottom:-8vmax;box-shadow:10px 14px 46px #00000057,0 0 18px 5px color-mix(in srgb,var(--tone-6) 65%,#ffffff14),0 0 66px 12px color-mix(in srgb,var(--tone-6) 36%,#0000);height:30vmax;left:-6vmax;opacity:.84;width:30vmax;z-index:-1}.liquid-bg:before{background:radial-gradient(circle at 20% 28%,color-mix(in srgb,var(--tone-6) 85%,#ffffff0a) 0,#0000 38%),radial-gradient(circle at 78% 68%,color-mix(in srgb,var(--tone-5) 75%,#ffffff0a) 0,#0000 40%);content:"";filter:blur(10px);inset:-20%;opacity:.72;position:absolute;z-index:0}.salon-dashboard.dark .liquid-bg:before{background:radial-gradient(circle at 20% 28%,color-mix(in srgb,var(--tone-2) 28%,#01030a 72%) 0,#0000 26%),radial-gradient(circle at 78% 68%,color-mix(in srgb,var(--tone-3) 24%,#000208 76%) 0,#0000 30%);opacity:.48}.salon-dashboard.dark .blob-big{background:radial-gradient(circle at 32% 18%,#ffffff1f 0,#0000 28%),radial-gradient(circle at 62% 68%,color-mix(in srgb,var(--tone-5) 14%,#02030a 86%) 0,color-mix(in srgb,var(--tone-1) 10%,#000208 90%) 70%);box-shadow:-28px -34px 110px #000000eb,0 0 12px 3px color-mix(in srgb,var(--tone-6) 42%,#ffffff08),0 0 120px 10px color-mix(in srgb,var(--tone-6) 18%,#0000);opacity:.9}.salon-dashboard.dark .blob-medium{background:radial-gradient(circle at 36% 34%,#ffffff1a 0,#0000 26%),radial-gradient(circle at 58% 62%,color-mix(in srgb,var(--tone-6) 12%,#02030a 88%) 0,color-mix(in srgb,var(--tone-2) 10%,#000208 90%) 70%);box-shadow:16px 24px 90px #00000094,0 0 10px 3px color-mix(in srgb,var(--tone-5) 32%,#ffffff08),0 0 90px 8px color-mix(in srgb,var(--tone-5) 18%,#0000);opacity:.82}.salon-dashboard.dark .blob-small-a{background:radial-gradient(circle at 46% 32%,#ffffff14 0,#0000 24%),radial-gradient(circle at 64% 64%,color-mix(in srgb,var(--tone-3) 12%,#02030a 88%) 0,color-mix(in srgb,var(--tone-1) 10%,#000208 90%) 70%);box-shadow:-10px -16px 68px #00000085,0 0 10px 3px color-mix(in srgb,var(--tone-4) 34%,#ffffff08),0 0 70px 8px color-mix(in srgb,var(--tone-4) 18%,#0000);opacity:.8}.salon-dashboard.dark .blob-small-b{background:radial-gradient(circle at 38% 38%,#ffffff14 0,#0000 24%),radial-gradient(circle at 60% 62%,color-mix(in srgb,var(--tone-6) 12%,#02030a 88%) 0,color-mix(in srgb,var(--tone-2) 10%,#000208 90%) 68%);box-shadow:10px 14px 60px #0000007a,0 0 10px 3px color-mix(in srgb,var(--tone-6) 30%,#ffffff08),0 0 62px 8px color-mix(in srgb,var(--tone-6) 16%,#0000);opacity:.78}@keyframes slow-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(3%,-2%,0) scale(1.02)}to{transform:translate3d(-2%,2%,0) scale(1)}}@media (prefers-reduced-motion:reduce){.blob,.liquid-bg:before{animation:none!important}}.glass-section{display:flex;flex-direction:column;gap:18px}.glass-eyebrow{color:#ffffffb3;font-size:12px;letter-spacing:.18em;margin:0 0 4px;text-transform:uppercase}.glass-title{color:#f6f8ff;font-size:26px;letter-spacing:-.3px;margin:3vh 0 0}.glass-action{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffff2e,#ffffff14);border:1px solid #ffffff38;border-radius:999px;box-shadow:0 18px 40px #00000059,inset 0 0 0 1px #ffffff1a;color:#0a1220;cursor:pointer;font-size:16px;font-weight:700;padding:14px 22px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.glass-action:hover{border-color:#ffffff4d;box-shadow:0 22px 52px #0006,inset 0 0 0 1px #ffffff29;transform:translateY(-2px)}.add-card{background:linear-gradient(135deg,#ffffff1f,#ffffff0d);border:1px solid #ffffff24;border-radius:24px;color:#f6f8ff;cursor:pointer;display:grid;max-width:18vw;min-height:13vh;padding:18px;place-items:center;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.add-card:hover{border-color:#ffffff40;box-shadow:0 22px 52px #0006,inset 0 0 0 1px #ffffff24;transform:translateY(-3px)}.add-card .plus{color:#ffffffe6;font-size:30px;margin-bottom:6px}.add-card .add-label{font-weight:700;letter-spacing:.01em}.glass-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,.2fr))}.glass-card{-webkit-backdrop-filter:blur(8px) saturate(150%);backdrop-filter:blur(8px) saturate(150%);background:#ffffff14;border-radius:24px;color:#f6f8ff;overflow:hidden;padding:18px;position:relative}.glass-card:after{background:linear-gradient(135deg,#ffffff24,#0000 55%);border-radius:inherit;content:"";inset:1px;opacity:.65;pointer-events:none;position:absolute}.glass-card h3{font-size:18px;margin:0}.glass-card-appointments{-webkit-backdrop-filter:blur(8px) saturate(150%);backdrop-filter:blur(8px) saturate(150%);max-width:20vw}.glass-card-appointments,.service-card{background:#ffffff14;border-radius:24px;box-shadow:0 24px 60px #04081073,inset 0 1px 0 #ffffff40;color:#f6f8ff;overflow:hidden;padding:18px;position:relative}.service-card{-webkit-backdrop-filter:blur(6px) saturate(150%);backdrop-filter:blur(6px) saturate(150%);max-width:18vw}.service-card:after{background:linear-gradient(135deg,#ffffff24,#0000 55%);border-radius:inherit;content:"";inset:1px;opacity:.65;pointer-events:none;position:absolute}.service-card.glass-empty{background:#ffffff0a;border:1px dashed #ffffff38;box-shadow:none}.field-label,.glass-select{text-decoration:none}.glass-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffff0f;background-image:linear-gradient(135deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff2e;border-radius:14px;color:#f7f9ff;outline:none;padding:12px 14px;transition:border .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.glass-select:focus{background:#ffffff1a;border-color:#ffffff61;box-shadow:0 0 0 3px #fff3;text-decoration:none}.modal-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#05080f8c;display:grid;place-items:center;z-index:999}.modal-card{background:#0f121ce6;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 24px 60px #0000008c,inset 0 1px 0 #ffffff24;padding:20px 22px;width:min(520px,92vw)}.modal-head{gap:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.modal-close{background:#ffffff0f;border:1px solid #ffffff29;color:#f6f8ff;padding:10px 14px}.glass-meta{align-items:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:12px;color:#ffffffd9;display:inline-flex;font-size:12px;gap:8px;padding:6px 10px}.glass-desc{color:#ffffffc7;font-size:13px;line-height:1.5;margin:8px 0 6px;min-height:42px}.glass-row{align-items:center;color:#ffffffbf;display:flex;flex-wrap:wrap;font-size:12px;gap:10px}.badge-soft{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;font-size:12px;gap:6px;padding:6px 10px}.avatar,.badge-soft{align-items:center;display:inline-flex}.avatar{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:16px;color:#f6f8ff;font-weight:700;height:46px;justify-content:center;width:46px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05080cb3;display:flex;inset:0;justify-content:center;position:fixed;z-index:80}.modal-card{-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);background:#ffffff14;border:1px solid #ffffff2e;border-radius:26px;box-shadow:0 28px 70px #0408108c,inset 0 1px 0 #ffffff4d;color:#f6f8ff;overflow:hidden;padding:22px;position:relative;width:min(640px,96%)}.modal-card:before{background:radial-gradient(circle at 50% 0,#ffffff40,#0000 55%);content:"";filter:blur(18px);height:50%;inset:-20% 10% auto 10%;opacity:.8;position:absolute}.modal-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.modal-head h3{font-size:20px;margin:0}.modal-close{background:#0000;border:none;border-radius:12px;color:#fffc;cursor:pointer;padding:6px 10px;transition:background .2s ease,color .2s ease}.modal-close:hover{background:#ffffff14;color:#fff}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:8px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{color:#ffffffbf;font-size:12px}.form-field input,.form-field select,.form-field textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;color:#f6f8ff;font-size:14px;outline:none;padding:11px 12px;transition:border-color .2s ease,box-shadow .2s ease}.form-field textarea{min-height:90px;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#ffffff59;box-shadow:0 0 0 3px #ffffff1f}.modal-cta{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #fff3;border-radius:999px;color:#04101a;cursor:pointer;font-weight:700;margin-top:12px;padding:12px 14px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.modal-cta:disabled{cursor:default;opacity:.6}.modal-cta:not(:disabled):hover{box-shadow:0 18px 40px #00000059;transform:translateY(-2px)}.empty-state{background:#ffffff0a;border:1px dashed #fff3;border-radius:18px;color:#ffffffbf;padding:24px;text-align:center}.empty-state__icon{font-size:28px;margin-bottom:6px}.cta-bar{bottom:16px;display:flex;justify-content:center;left:0;padding:10px 16px;pointer-events:none;position:fixed;right:0;z-index:20}.cta-bar .glass-action{min-width:240px;pointer-events:auto}@media (max-width:640px){.glass-header{align-items:flex-start;flex-direction:column}.glass-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.appointment-list{display:flex;flex-direction:column;gap:12px}.appointment-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffeb;display:flex;flex-direction:column;gap:6px;padding:12px 14px}.appointment-card__top{align-items:center;display:flex;gap:8px;justify-content:space-between}.appointment-card__service{font-weight:600}.appointment-card__time{color:#ffffffb8;font-size:12px}.appointment-card__customer{color:#ffffffb8}.appointment-card__duration{color:#fff9;font-size:12px}.image-upload{align-items:flex-start;display:flex;flex-direction:column;gap:1rem}.image-preview{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.image-preview img{height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;background:#f3f4f6;color:#9ca3af;display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}.upload-controls{display:flex;flex-wrap:wrap;gap:.75rem}.image-upload[data-type=logo] .image-preview{background:#fff;height:150px;width:150px}.image-upload[data-type=logo] .image-placeholder{font-size:3rem}.image-upload[data-type=hero] .image-preview{height:150px;width:300px}.image-upload[data-type=hero] .image-placeholder{font-size:2.5rem}.image-upload[data-type=favicon] .image-preview{height:64px;width:64px}.image-upload[data-type=favicon] .image-placeholder{font-size:1.5rem}.profile-settings h2{color:#1f2937;font-size:1.5rem;margin-bottom:2rem}.profile-image-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:2rem}.profile-image-section h3{color:#374151;font-size:1.1rem;margin-bottom:1rem}.profile-form h3{color:#374151;font-size:1.1rem;margin-bottom:1.5rem}.email-change-section{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem}.email-change-section h3{color:#374151;font-size:1.1rem;margin-bottom:1rem}.email-change-form{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #fff3;border-radius:22px;box-shadow:0 20px 45px #050a1066;padding:1.75rem}.salon-settings h2{color:#1f2937;font-size:1.5rem;margin-bottom:2rem}.logo-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:2rem}.logo-section h3{color:#374151;font-size:1.1rem;margin-bottom:1rem}.salon-form h3{color:#374151;font-size:1.1rem;margin-bottom:1.5rem}.character-count{color:#6b7280;font-size:.875rem;margin-top:.25rem;text-align:right}.character-count.near-limit{color:#f59e0b}.character-count.over-limit{color:#ef4444}.notification-settings h2{color:var(--text);font-size:1.5rem;margin-bottom:2rem}.notification-category{border-bottom:1px solid #ffffff1f;margin-bottom:2.5rem;padding-bottom:2rem}.notification-category:last-child{border-bottom:none;margin-bottom:0}.notification-category h3{align-items:center;color:var(--text);display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1.5rem}.toggle-group{display:flex;flex-direction:column;gap:1rem}.toggle-item{align-items:flex-start;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff12;border:1px solid #fff3;border-radius:20px;box-shadow:0 18px 32px #050a1059;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .25s ease}.toggle-item:hover{background:#ffffff1f;border-color:#fff6}.toggle-item input[type=checkbox]{cursor:pointer;height:1.25rem;margin-top:.25rem;width:1.25rem}.toggle-label{flex:1 1}.toggle-label strong{color:var(--text);display:block;font-size:1rem;margin-bottom:.25rem}.toggle-label small{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.design-settings h2{color:var(--text);font-size:1.5rem;margin-bottom:2rem}.design-section{border-bottom:1px solid #ffffff1f;margin-bottom:3rem;padding-bottom:2rem}.design-section:last-child{border-bottom:none;margin-bottom:0}.design-section h3{align-items:center;color:var(--text);display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1.5rem}.color-picker-group{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.color-picker-group.single{grid-template-columns:minmax(260px,420px)}.color-picker{display:flex;flex-direction:column;gap:.75rem}.color-picker label{color:var(--text);font-weight:600}.color-input-group{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 18px 32px #050a1059;display:flex;gap:.75rem;padding:.75rem}.color-input-group input[type=color]{background:#0003;border:1px solid #ffffff40;border-radius:10px;cursor:pointer;height:40px;width:60px}.color-input-group input[type=text]{background:#050c12a6;border:1px solid #ffffff2e;border-radius:10px;color:var(--text);flex:1 1;font-family:monospace;font-size:.9rem;padding:.5rem .75rem}.color-preview{border:1px solid #ffffff2e;border-radius:10px;box-shadow:inset 0 1px 2px #00000059;height:40px;width:100%}.color-helper{color:#ffffffa6;font-size:.8rem;margin-top:.35rem}.theme-actions{display:flex;justify-content:flex-end;margin-bottom:1rem}.theme-reset-btn{background:#ffffff0d;border:1px solid #ffffff40;border-radius:999px;color:var(--text);cursor:pointer;font-size:.85rem;padding:.45rem 1.2rem;transition:background .2s ease,border-color .2s ease}.theme-reset-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff6}.theme-reset-btn:disabled{cursor:not-allowed;opacity:.6}.toggle-row{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 12px 28px #050a1052;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.toggle-label{color:var(--text);font-weight:700}.toggle-helper{color:#ffffffbf;font-size:.9rem}.glass-toggle{align-items:center;background:linear-gradient(135deg,#fff3,#ffffff0f);border:1px solid #ffffff59;border-radius:999px;cursor:pointer;display:inline-flex;height:40px;padding:4px;position:relative;transition:all .2s ease;width:104px}.glass-toggle.off{background:#00000040;border-color:#ffffff2e}.glass-toggle .thumb{border-radius:999px;box-shadow:0 10px 24px #00000040;height:32px;left:4px;position:absolute;top:4px;transition:transform .2s ease;width:32px}.glass-toggle.on .thumb{transform:translateX(62px)}.glass-toggle-text{color:#0b1020;flex:1 1;font-weight:700;mix-blend-mode:difference;text-align:center}.design-preview{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff0f;border:1px solid #fff3;border-radius:24px;box-shadow:0 30px 60px #050a1073;margin-top:2rem;padding:1.75rem}.design-preview h4{color:var(--text);margin-bottom:1rem}.preview-card{background:#050c12a6;border:1px solid #ffffff2e;border:1px solid var(--glass-border,#ffffff2e);border-radius:16px;box-shadow:0 25px 45px #04080e73;max-width:420px;overflow:hidden;position:relative}.preview-header{background:#5ac8fa;background:var(--primary-color,#5ac8fa);padding:1.5rem}.preview-card.glass-on{backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);background:#ffffff1a;background:var(--glass-bg,#ffffff1a);box-shadow:0 30px 60px #050a1080,0 18px 32px #00000052;box-shadow:0 30px 60px #050a1080,var(--glass-glow,0 18px 32px #00000052)}.preview-card.glass-off{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 18px 28px #00000059}.preview-header.glass-on{border-bottom:1px solid #ffffff59}.preview-header h3{color:#fff;font-family:Arial;font-family:var(--font-family,Arial);font-size:1.25rem;margin:0}.preview-content{background:#00000026;display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem}.preview-btn{border:none;border-radius:999px;box-shadow:0 18px 32px #050a1066;color:#fff;cursor:default;font-family:Arial;font-family:var(--font-family,Arial);font-weight:600;padding:.5rem 1rem}.preview-btn.primary{background:#5ac8fa;background:var(--primary-color,#5ac8fa)}.preview-btn.secondary{background:#007aff;background:var(--secondary-color,#007aff)}.glass-chip{border:1px solid #ffffff47;border-radius:999px;box-shadow:0 14px 26px #00000040;color:#fff;font-size:.85rem;padding:.45rem .85rem}.glass-chip.glass-on{background:linear-gradient(135deg,#8ed8ff,#ffffff2e);background:linear-gradient(135deg,var(--primary-soft,#8ed8ff),#ffffff2e)}.glass-chip.glass-off{background:#ffffff14;color:#e5e7eb}.image-upload-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.image-upload-item h4{color:#374151;margin-bottom:.5rem}.image-upload-item p{color:#6b7280;font-size:.875rem;line-height:1.4;margin-bottom:1rem}.bg-option{gap:12px;position:relative}.bg-thumb{background-position:50%;background-size:cover;border:1px solid #fff3;border-radius:14px;box-shadow:0 12px 30px #00000038,inset 0 1px 0 #ffffff59;flex-shrink:0;height:20vh;width:16vw}.bg-option span{display:none}.bg-option input{opacity:0;pointer-events:none;position:absolute}.password-strength{margin-top:.5rem}.strength-bar{display:flex;gap:4px;height:6px;margin-bottom:.5rem}.strength-segment{border-radius:3px;flex:1 1;transition:all .3s ease}.strength-segment.active{transform:scaleY(1.2)}.strength-label{font-size:.875rem;font-weight:600;text-align:center}.session-manager h3{color:#374151;font-size:1.1rem;margin-bottom:1.5rem}.sessions-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.session-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .2s ease}.session-item.active{background:#f0f9ff;border-color:#5ac8fa}.session-item:hover{box-shadow:0 2px 8px #0000001a}.session-info{flex:1 1}.session-device{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.session-device strong{color:#374151;font-size:1rem}.current-badge{background:#10b981;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.session-details{display:flex;flex-direction:column;gap:.25rem}.session-details span{color:#6b7280;font-size:.875rem}.session-actions{display:flex;justify-content:flex-end}.loading{color:#6b7280;padding:2rem;text-align:center}.security-settings h2{color:var(--text);font-size:1.5rem;margin-bottom:2rem}.security-tabs{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff0f;border:1px solid #fff3;border-radius:28px;box-shadow:0 30px 60px #050a1073;overflow:hidden}.tab-nav{background:#ffffff17;border-bottom:1px solid #ffffff2e;display:flex;padding:0 1.5rem}.tab-nav-item{background:#0000;border:none;border-bottom:2px solid #0000;color:#ffffffa6;cursor:pointer;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease;white-space:nowrap}.tab-nav-item:hover{background:#ffffff14;color:var(--text)}.tab-nav-item.active{background:#ffffff1f;border-bottom-color:#8de0ff;color:#8de0ff}.tab-content{background:#00000026;padding:2rem}.password-change-form h3,.twofa-settings h3{color:#374151;font-size:1.1rem;margin-bottom:1.5rem}.twofa-status{max-width:500px}.status-info{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.status{border-radius:20px;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.status.enabled{background:#d1fae5;color:#065f46}.status.disabled{background:#fef3c7;color:#92400e}.twofa-description{color:#6b7280;line-height:1.6;margin-bottom:1.5rem}.twofa-setup{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;margin-top:2rem;padding:1.5rem}.twofa-setup h4{color:#0369a1;margin-bottom:1rem}.twofa-setup ol{color:#374151;line-height:1.6;margin-bottom:1.5rem;margin-left:1.5rem}.twofa-setup li{margin-bottom:.5rem}.qr-code-placeholder{text-align:center}.qr-code-mock{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:8px;color:#9ca3af;display:inline-flex;font-weight:600;height:200px;justify-content:center;width:200px}.data-management h2{color:var(--text);font-size:1.5rem;margin-bottom:2rem}.data-section{border-bottom:1px solid #ffffff1f;margin-bottom:3rem;padding-bottom:2rem}.data-section:last-child{border-bottom:none;margin-bottom:0}.data-section h3{align-items:center;color:var(--text);display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.data-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.export-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.export-item{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 45px #050a1066;padding:1.5rem}.export-item h4{align-items:center;color:var(--text);display:flex;gap:.5rem;margin-bottom:.5rem}.export-item p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:1rem}.backup-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.backup-info{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff12;border:1px solid #fff3;border-radius:22px;box-shadow:0 22px 44px #050a1066;padding:1.5rem}.backup-info h4{color:var(--text);margin-bottom:1rem}.backup-list{display:flex;flex-direction:column;gap:.75rem}.backup-item{align-items:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;box-shadow:0 16px 30px #050a1059;display:flex;justify-content:space-between;padding:1rem}.backup-item span{color:var(--text);font-weight:600}.backup-item small{color:var(--text-secondary);font-size:.875rem}.privacy-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.privacy-item{align-items:center;background:#ffffff14;border:1px solid #fff3;border-radius:16px;box-shadow:0 18px 32px #050a1059;display:flex;justify-content:space-between;padding:1rem}.privacy-item strong{color:var(--text)}.privacy-item span{color:var(--text-secondary);font-size:.875rem}.privacy-actions{display:flex;flex-wrap:wrap;gap:1rem}.asset-section{display:flex;flex-direction:column;gap:1rem}.asset-upload-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.asset-result-card,.asset-upload-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #fff3;border-radius:22px;box-shadow:0 22px 44px #050a1059;padding:1.5rem}.asset-upload-card input[type=text],.asset-upload-card label,.asset-upload-card select{color:var(--text);width:100%}.asset-upload-card input[type=text],.asset-upload-card select{background:#050c12a6;border:1px solid #ffffff2e;border-radius:12px;margin-top:.35rem;padding:.65rem .75rem}.file-input{display:flex;flex-direction:column;font-weight:600;gap:.5rem;margin-top:1rem}.file-input input[type=file]{background:#ffffff0d;border:1px dashed #ffffff4d;border-radius:16px;color:var(--text);padding:.75rem}.asset-preview{border:1px solid #ffffff26;border-radius:18px;margin:1rem 0;overflow:hidden}.asset-preview img{display:block;height:auto;width:100%}.asset-result-section{margin-top:1rem}.asset-result-section.metadata{background:#00000059;border:1px solid #ffffff1a;border-radius:12px;max-height:220px;overflow:auto;padding:.75rem}.asset-result-section pre{color:var(--text);font-size:.8rem;margin:0}.asset-result-section ul{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:.5rem 0 0;padding:0}.asset-result-section li{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.settings-container{grid-gap:2rem;color:var(--text);display:grid;gap:2rem;grid-template-columns:260px 1fr;min-height:600px}.settings-sidebar{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:26px;height:-webkit-fit-content;height:fit-content;padding:1.75rem;position:-webkit-sticky;position:sticky;top:2rem}.settings-nav{display:flex;flex-direction:column;gap:.5rem}.settings-nav-item{align-items:center;background:#ffffff0a;border:1px solid #0000;border-radius:16px;box-shadow:0 12px 24px #04080e40;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:1rem 1.25rem;text-align:left;transition:all .2s ease}.settings-nav-icon{height:18px;opacity:.8;width:18px}.settings-nav-item:hover{background:#ffffff1a;border-color:#ffffff40;color:var(--text)}.settings-nav-item.active{background:#7a7a7ae6;border-color:#fff3;color:#f5f7fb;font-weight:700}.settings-content{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:28px;box-shadow:var(--shadow-card);padding:2rem}@media (max-width:768px){.settings-container{gap:1rem;grid-template-columns:1fr}.settings-sidebar{padding:1rem;position:static}.settings-nav{flex-direction:row;gap:.25rem;overflow-x:auto}.settings-nav-item{font-size:.875rem;padding:.75rem 1rem;white-space:nowrap}}.settings-card{background:#ffffff0d;border:1px solid #ffffff2e;border-radius:22px;box-shadow:0 20px 45px #05080c66;max-width:100%;padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#050c12a6;border:1px solid #ffffff2e;border-radius:14px;box-sizing:border-box;color:var(--text);font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6fd0ffa6;box-shadow:0 0 0 3px #6fd0ff2e;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.disabled-input{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group small{color:#6b7280;display:block;font-size:.875rem;margin-top:.25rem}.message{background:#ffffff0a;border:1px solid #ffffff26;border-radius:16px;font-weight:500;margin-bottom:1rem;padding:1rem}.message.success{background:#5ac8fa1a;border-color:#5ac8fa66;color:#9fe6ff}.message.error{background:#ff78781f;border-color:#ff787866;color:#ffbac1}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.primary{background:#5ac8fa;color:#fff}.btn.primary:hover:not(:disabled){background:#45b8e9;transform:translateY(-1px)}.btn.secondary{background:#6b7280;color:#fff}.btn.secondary:hover:not(:disabled){background:#4b5563}.btn.danger{background:#ef4444;color:#fff}.btn.danger:hover:not(:disabled){background:#dc2626}.btn.ghost{background:#0000;border:1px solid #d1d5db;color:#6b7280}.btn.ghost:hover:not(:disabled){background:#f9fafb;color:#374151}.loading-spinner{align-items:center;color:#6b7280;display:flex;font-size:1.1rem;justify-content:center;padding:3rem}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}