@charset "UTF-8";@import url(https://fonts.googleapis.com/icon?family=Material+Icons);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);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}:root{--color-primary-light:#90caf9;--color-primary-dark:#1565c0;--bg-main:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#f2f4f8;--bg-hover:#f0f7ff;--border-color:#e0e0e0;--border-color-light:#f0f0f0;--border-color-dark:#d0d0d0;--text-tertiary:#999;--status-holiday:#fff3e0;--status-holiday-text:#f57c00;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 12px #0000001a}[data-theme=dark]{--bg-main:#1a1a1a;--bg-secondary:#262626;--bg-tertiary:#333;--bg-hover:#2c2c2c;--border-color:#333;--border-color-light:#404040;--border-color-dark:#4d4d4d;--text-primary:#e0e0e0;--text-secondary:#999;--text-tertiary:#666;--status-holiday:#2c1810;--status-holiday-text:#ffb74d;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 20px #0000004d}.tutorial-progress-banner{margin:24px auto;max-width:1400px;padding:0 24px;position:relative;width:100%;z-index:10}@media (max-width:768px){.tutorial-progress-banner{margin:16px auto;padding:0 16px}}.tutorial-banner-content{background:linear-gradient(135deg,#fff,#f8faff);border:1px solid #e0e7ff;border-radius:16px;box-shadow:0 4px 12px #0000000f;overflow:hidden;transition:all .3s ease}.tutorial-banner-content:hover{box-shadow:0 6px 16px #00000014}[data-theme=dark] .tutorial-banner-content{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .tutorial-banner-content:hover{box-shadow:0 6px 16px #0006}.tutorial-banner-header{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.tutorial-banner-left{align-items:center;display:flex;flex:1 1;gap:16px}.tutorial-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.tutorial-header-text{flex:1 1;min-width:0}.tutorial-main-title{color:#1e293b;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:4px}.tutorial-subtitle{color:#64748b;font-size:13px;line-height:1.4}[data-theme=dark] .tutorial-main-title{color:#f1f5f9}[data-theme=dark] .tutorial-subtitle{color:#94a3b8}.tutorial-banner-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.tutorial-action-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.tutorial-action-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.tutorial-action-btn:active{transform:translateY(0)}.tutorial-close-btn,.tutorial-expand-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.tutorial-close-btn:hover,.tutorial-expand-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}[data-theme=dark] .tutorial-close-btn,[data-theme=dark] .tutorial-expand-btn{background:#1e293b;border-color:#334155;color:#94a3b8}[data-theme=dark] .tutorial-close-btn:hover,[data-theme=dark] .tutorial-expand-btn:hover{background:#334155;border-color:#475569;color:#f1f5f9}.tutorial-progress-section{padding:0 24px 20px}.tutorial-progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tutorial-progress-label{color:#64748b;font-size:12px;font-weight:500}.tutorial-progress-percent{color:#2563eb;font-size:13px;font-weight:600}.tutorial-progress-bar-container{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.tutorial-progress-bar-fill{background:linear-gradient(90deg,#2563eb,#1d4ed8);border-radius:999px;height:100%;transition:width .3s ease}[data-theme=dark] .tutorial-progress-label{color:#94a3b8}[data-theme=dark] .tutorial-progress-bar-container{background:#334155}.tutorial-steps-list{grid-gap:8px;background:#fafbfc;border-top:1px solid #e2e8f0;display:grid;gap:8px;padding:16px 24px}.tutorial-step-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;padding:12px 16px}.tutorial-step-item,.tutorial-step-main{align-items:center;display:flex;gap:12px;transition:all .2s ease}.tutorial-step-main{cursor:pointer;flex:1 1}.tutorial-step-main:hover{transform:translateX(2px)}.tutorial-step-actions{align-items:center;display:flex;gap:8px}.tutorial-step-item.next{background:linear-gradient(135deg,#eff6ff,#fafbfc);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.tutorial-step-item.completed{background:#f0fdf4;border-color:#86efac}.tutorial-step-item.skipped{opacity:.6}[data-theme=dark] .tutorial-steps-list{background:#0f172a;border-top-color:#334155}[data-theme=dark] .tutorial-step-item{background:#1e293b;border-color:#334155}[data-theme=dark] .tutorial-step-item.next{background:linear-gradient(135deg,#1e3a8a,#1e293b);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}[data-theme=dark] .tutorial-step-item.completed{background:#1a2e05;border-color:#22c55e}.tutorial-step-badge{align-items:center;background:#e0e7ff;border-radius:50%;color:#2563eb;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.tutorial-step-item.completed .tutorial-step-badge{background:#22c55e;color:#fff}.tutorial-step-item.next .tutorial-step-badge{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.tutorial-step-content{flex:1 1;min-width:0}.tutorial-step-title{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:2px}.tutorial-step-desc{color:#64748b;font-size:12px}.tutorial-step-item.completed .tutorial-step-desc,.tutorial-step-item.completed .tutorial-step-title{color:#15803d}[data-theme=dark] .tutorial-step-title{color:#f1f5f9}[data-theme=dark] .tutorial-step-desc{color:#94a3b8}[data-theme=dark] .tutorial-step-item.completed .tutorial-step-desc,[data-theme=dark] .tutorial-step-item.completed .tutorial-step-title{color:#4ade80}.tutorial-step-status{align-items:center;color:#22c55e;display:flex;flex-shrink:0;font-size:12px;font-weight:500}.tutorial-step-status.skipped-label{color:#94a3b8}.tutorial-step-action-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:6px 16px;transition:all .2s ease}.tutorial-step-action-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 2px 8px #2563eb4d;transform:translateY(-1px)}.tutorial-step-skip{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.tutorial-step-skip:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}[data-theme=dark] .tutorial-step-action-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8)}[data-theme=dark] .tutorial-step-action-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}[data-theme=dark] .tutorial-step-skip{background:#1e293b;border-color:#334155;color:#94a3b8}[data-theme=dark] .tutorial-step-skip:hover{background:#334155;border-color:#475569;color:#f1f5f9}@media (max-width:768px){.tutorial-banner-header{align-items:flex-start;flex-direction:column;gap:12px}.tutorial-banner-left{width:100%}.tutorial-banner-actions{justify-content:flex-end;width:100%}.tutorial-action-btn{flex:1 1;max-width:140px}.tutorial-header-text{flex:1 1}.tutorial-main-title{font-size:15px}.tutorial-subtitle{font-size:12px}.tutorial-steps-list{padding:12px 16px}.tutorial-step-item{padding:10px 12px}}@media (max-width:480px){.tutorial-banner-header{padding:16px}.tutorial-progress-section{padding:0 16px 16px}.tutorial-action-btn{font-size:13px;padding:8px 16px}.tutorial-icon{height:40px;width:40px}}.overview-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-bottom:1px solid var(--header-border);left:0;position:fixed;right:0;top:0;transition:all .3s ease-in-out;z-index:1000}.overview-header.scrolled{background:#fff;box-shadow:var(--shadow-light)}.overview-header:before{background:linear-gradient(to right,var(--primary-color),var(--primary-light),var(--primary-dark));content:"";height:3px;left:0;position:absolute;right:0;top:0}.overview-header-toolbar{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:auto 1fr auto;height:75px;padding:0 24px}.overview-header-left{align-items:center;display:flex;gap:8px}.overview-header-menu-button{align-items:center;background:radial-gradient(circle,#1976d214 0,#42a5f50d 100%);background:radial-gradient(circle,var(--primary-softer,#1976d214) 0,var(--primary-soft,#42a5f50d) 100%);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;display:flex;justify-content:center;outline:none;padding:12px;transition:all .3s ease-in-out}.overview-header-menu-button:hover{background:radial-gradient(circle,#1976d21f 0,#42a5f514 100%);background:radial-gradient(circle,var(--primary-soft,#1976d21f) 0,var(--primary-soft,#42a5f514) 100%)}.overview-header-menu-button:hover .menu-icon{transform:scale(1.1)}.overview-header-menu-button:hover+.menu-text{color:var(--primary-color);transform:translateX(2px)}.menu-icon{color:var(--primary-color);font-size:20px;transition:transform .3s ease-in-out}.menu-text{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.overview-header-center{align-items:center;cursor:pointer;display:flex;gap:16px;justify-content:center}.overview-header-company-name{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:22px;font-weight:700;letter-spacing:.4px;position:relative;text-align:center;text-rendering:optimizeLegibility}.overview-header-company-name:after{background:linear-gradient(to right,#0000,var(--primary-color),#0000);bottom:-4px;content:"";height:2px;left:20%;position:absolute;width:60%}.overview-header-logo{border-radius:50%;height:40px;object-fit:cover;width:40px}.overview-header-right{align-items:center;display:flex;gap:16px}.overview-header-theme-button{align-items:center;background:radial-gradient(circle,#1976d214 0,#42a5f50d 100%);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;display:flex;justify-content:center;outline:none;padding:12px;transition:all .3s ease-in-out}.overview-header-theme-button:hover{transform:rotate(180deg)}.theme-icon{color:var(--primary-color);font-size:20px}@media (max-width:768px){.overview-header-toolbar{gap:12px;padding:0 16px}.overview-header-company-name{font-size:20px}.overview-header-logo{height:32px;width:32px}.menu-text{display:none}.navigation-menu{margin-left:12px;margin-top:0;max-width:280px;min-width:240px;width:-webkit-fit-content;width:fit-content;z-index:1100}.navigation-menu-container{left:0;top:75px;z-index:1100}}@media (max-width:480px){.overview-header-toolbar{gap:8px;padding:0 12px}.overview-header-company-name{font-size:18px}.overview-header-logo{height:28px;width:28px}.navigation-menu{margin-left:8px;max-width:240px;min-width:200px;width:-webkit-fit-content;width:fit-content;z-index:1100}.navigation-menu-container{left:0;top:75px;z-index:1100}}.loading-container{background:var(--bg-main);min-height:100vh}.loading-spinner{border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--primary-color)}.overview-container{background:#0000;display:flex;flex-direction:column;min-height:100vh;position:relative}.overview-main{background:#0000;flex-grow:1;overflow-x:hidden;padding:90px 24px 24px;position:relative;width:100%}.overview-main::-webkit-scrollbar{display:none}.overview-main{-ms-overflow-style:none;scrollbar-width:none}.overview-main .MuiGrid-container,.overview-main .MuiGrid-item,.overview-main .MuiPaper-root:not(.MuiAppBar-root){background:#0000!important}.navigation-menu-container{background:#0000;height:auto;isolation:isolate;left:0;pointer-events:none;position:fixed;top:75px;width:auto;z-index:1100}.navigation-menu-container:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;content:"";left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:1099}.navigation-menu{animation:slideIn .2s ease-out;background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 4px 20px #00000026;isolation:isolate;margin-left:16px;margin-top:0;overflow:hidden;pointer-events:auto;position:relative;width:-webkit-fit-content;width:fit-content;z-index:1100}.overview-container .MuiContainer-root,.overview-container .MuiStack-root{background:#0000!important}.navigation-menu-container .nav-menu{background:#fff!important}.navigation-menu-container .nav-menu .nav-menu-item{background:#0000;color:#374151}.navigation-menu-container .nav-menu .nav-menu-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important}.navigation-menu-container .nav-menu .nav-menu-item.active{background:#000!important;background-image:none!important;border:1px solid #2a2a2a!important;color:#fff!important}.navigation-menu-container .nav-menu .nav-signout{background:#0000}.navigation-menu-container .nav-menu .nav-signout:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2)!important}[data-theme=dark] .overview-container,[data-theme=dark] .overview-main{background:#1a1a1a}[data-theme=dark] .overview-header{background:#1a1a1af2;border-bottom-color:#ffffff1a}[data-theme=dark] .overview-header.scrolled{background:#1a1a1a}[data-theme=dark] .menu-text{color:#fff}[data-theme=dark] .overview-header-company-name{color:#fff!important}[data-theme=dark] .overview-header-company-name:after{background:linear-gradient(90deg,#0000,#42a5f5,#0000)}[data-theme=dark] .navigation-menu{background:#1f2937;border:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .navigation-menu-container .nav-menu{background:#000!important;border:1px solid #1a1a1a!important}[data-theme=dark] .navigation-menu-container .nav-menu .nav-menu-item{background:#0000;color:#fff!important}[data-theme=dark] .navigation-menu-container .nav-menu .nav-menu-item:hover{background:linear-gradient(135deg,#374151,#4b5563)!important}[data-theme=dark] .navigation-menu-container .nav-menu .nav-menu-item.active{background:#000!important;background-image:none!important;border:1px solid #2a2a2a!important;color:#fff!important}[data-theme=dark] .navigation-menu-container .nav-menu .nav-signout{background:#0000;color:#f87171}[data-theme=dark] .navigation-menu-container .nav-menu .nav-signout:hover{background:linear-gradient(135deg,#7f1d1d,#991b1b)!important}[data-theme=dark] .navigation-menu-container .nav-menu .nav-signout .icon{color:#f87171}[data-theme=dark] .navigation-menu-container:before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b3}@media (max-width:768px){[data-theme=dark] .navigation-menu{background:#1f2937}}@media (max-width:480px){[data-theme=dark] .navigation-menu{background:#1f2937}}@media (max-width:768px){.quick-actions-card{order:1!important}.today-appointments-card{order:2!important}.pending-confirmations-card{order:3!important}.upcoming-appointments-full-width{order:4!important}.recent-updates-card{order:5!important}}@media (min-width:769px) and (max-width:1024px){.quick-actions-card{order:1!important}.today-appointments-card{order:2!important}.pending-confirmations-card{order:3!important}.upcoming-appointments-full-width{order:4!important}.recent-updates-card{order:5!important}}.button{align-items:center;background-color:#006bb3;border:3px solid #ffffff4d;border-radius:9999px;box-shadow:0 10px 20px #0003;color:#fff!important;cursor:pointer;display:flex;filter:none;font-size:15px;font-weight:700;gap:10px;justify-content:center;mix-blend-mode:normal;opacity:0;outline:none;overflow:hidden;padding-block:.5rem;padding-inline:1.25rem;position:relative}.button,.icon{transition:all .3s ease-in-out}.icon{height:24px;width:24px}.button:hover{border-color:#fff9;transform:scale(1.05)}.button:hover .icon{transform:translate(4px)}.button:hover:before{animation:shine 1.5s ease-out infinite;opacity:.6}.button:before{background-image:linear-gradient(120deg,#fff0 30%,#fffc,#fff0 70%);content:"";height:100%;left:-100px;opacity:0;position:absolute;top:0;width:100px}.button.small{border-width:2px;box-shadow:0 6px 12px #00000026;font-size:13px;gap:6px;min-height:28px;padding-block:.25rem;padding-inline:.75rem}.pending-confirmations-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:300px;overflow:hidden;transition:all .3s ease}.pending-confirmations-header{align-items:center;background:linear-gradient(180deg,#42a5f5 0,#1976d2);background:linear-gradient(to bottom,var(--primary-light,#42a5f5) 0,var(--primary-color,#1976d2) 100%);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:8px 20px;position:relative}.pending-confirmations-header:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.pending-confirmations-icon{align-items:center;background:#0000;border-radius:8px;display:flex;height:32px;justify-content:center;position:relative;width:32px;z-index:1}.pending-confirmations-icon svg{color:#fff;font-size:18px}.pending-confirmations-title{flex:1 1;margin-left:12px;position:relative;z-index:1}.pending-confirmations-title h3{font-size:16px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 1px 2px #0000001a}.pending-confirmations-title p{font-size:11px;font-weight:400;margin:2px 0 0;opacity:.9;text-shadow:0 1px 2px #0000001a}.pending-confirmations-view-all{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;outline:none;position:relative;transition:all .3s ease;width:32px;z-index:1}.pending-confirmations-view-all:hover{background:#ffffff1a;transform:translateY(-1px)}.pending-confirmations-view-all svg{font-size:18px}.pending-confirmations-content{flex:1 1;overflow-y:auto;padding:16px}.pending-confirmations-list{list-style:none;margin:0;padding:0}.pending-confirmations-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:8px 0;transition:all .3s ease}.pending-confirmations-item:last-child{border-bottom:none}.pending-confirmations-item:hover{background:#1976d20d;background:var(--primary-softer,#1976d20d);border-radius:8px;margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.pending-appointment-avatar{align-items:center;background:#ff9800;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;margin-right:12px;width:32px}.pending-appointment-content{flex:1 1;min-width:0}.pending-appointment-header{margin-bottom:4px}.pending-appointment-client-name{color:#2c3e50;font-size:13px;font-weight:600;letter-spacing:-.2px;line-height:1.2;margin:0}.pending-appointment-details{display:flex;flex-direction:column;gap:2px}.pending-appointment-service{color:#7f8c8d;font-size:11px;font-weight:400;line-height:1.3;margin:0}.pending-appointment-time{align-items:center;color:#ff9800;display:flex;font-size:10px;font-weight:500;gap:4px;line-height:1.3;margin:0}.pending-appointment-time svg{font-size:12px}.pending-confirmations-empty{color:#7f8c8d;padding:40px 20px;text-align:center}.pending-confirmations-empty p{font-size:14px;font-weight:400;margin:0}.pending-confirmations-footer{background:#f8f9fa;border-top:1px solid #f0f0f0;padding:12px 16px;text-align:center}.pending-confirmations-footer p{color:#1976d2;color:var(--primary-color,#1976d2);cursor:pointer;font-size:12px;font-weight:500;margin:0;transition:all .3s ease}.pending-confirmations-footer p:hover{color:#1565c0;transform:translateY(-1px)}.pending-confirmations-content::-webkit-scrollbar{width:4px}.pending-confirmations-content::-webkit-scrollbar-track{background:#0000}.pending-confirmations-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.pending-confirmations-content::-webkit-scrollbar-thumb:hover{background:#0003}@media (max-width:768px){.pending-confirmations-content{padding:12px}.pending-confirmations-item{padding:6px 0}.pending-appointment-avatar{font-size:12px;height:28px;width:28px}.pending-appointment-client-name{font-size:12px}.pending-appointment-service{font-size:10px}.pending-appointment-time{font-size:9px}.pending-appointment-time svg{font-size:10px}}[data-theme=dark] .pending-confirmations-container{background:#1a1a1a}[data-theme=dark] .pending-confirmations-header{background:#000}[data-theme=dark] .pending-confirmations-item{border-bottom-color:#333}[data-theme=dark] .pending-confirmations-item:hover{background:#1976d21a;background:var(--primary-soft,#1976d21a)}[data-theme=dark] .pending-appointment-client-name{color:#fff}[data-theme=dark] .pending-appointment-service,[data-theme=dark] .pending-confirmations-empty{color:#a0a0a0}[data-theme=dark] .pending-confirmations-footer{background:#2a2a2a;border-top-color:#333}.today-appointments-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:300px;overflow:hidden;transition:all .3s ease}.today-appointments-header{align-items:center;background:linear-gradient(180deg,#42a5f5 0,#1976d2);background:linear-gradient(to bottom,var(--primary-light,#42a5f5) 0,var(--primary-color,#1976d2) 100%);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:8px 20px;position:relative}.today-appointments-header:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.today-appointments-icon{align-items:center;background:#0000;border-radius:8px;display:flex;height:32px;justify-content:center;position:relative;width:32px;z-index:1}.today-appointments-icon svg{color:#fff;font-size:18px}.today-appointments-title{flex:1 1;margin-left:12px;position:relative;z-index:1}.today-appointments-title h3{font-size:16px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 1px 2px #0000001a}.today-appointments-title p{font-size:11px;font-weight:400;margin:2px 0 0;opacity:.9;text-shadow:0 1px 2px #0000001a}.today-appointments-view-all{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;outline:none;position:relative;transition:all .3s ease;width:32px;z-index:1}.today-appointments-view-all:hover{background:#ffffff1a;transform:translateY(-1px)}.today-appointments-view-all svg{font-size:18px}.today-appointments-content{flex:1 1;overflow-y:auto;padding:16px}.today-appointments-list{list-style:none;margin:0;padding:0}.today-appointments-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:8px 0;transition:all .3s ease}.today-appointments-item:last-child{border-bottom:none}.today-appointment-avatar{align-items:center;background:#1976d2;background:var(--primary-color,#1976d2);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;margin-right:12px;width:32px}.appointment-content,.today-appointment-content{flex:1 1;min-width:0}.appointment-header{margin-bottom:4px}.appointment-row{align-items:flex-start;display:flex;justify-content:space-between}.appointment-left{display:flex;flex-direction:column;gap:4px}.appointment-client-name{color:#2c3e50;font-size:13px;font-weight:600;letter-spacing:-.2px;line-height:1.2;margin:0}.today-appointments-container .appointment-status{align-items:center;background:#4caf50;border-radius:10px;color:#fff;display:inline-flex;font-size:10px;font-weight:600;height:20px;margin-left:6px;padding:0 8px;text-transform:none}.today-appointments-container .appointment-status.pending{background:#ff9800;color:#fff}.today-appointments-container .appointment-status.cancelled,.today-appointments-container .appointment-status.no-show{background:#f44336}.today-appointment-details{align-items:flex-start;display:flex;flex-direction:column;gap:2px;width:100%}.today-appointment-service{color:#7f8c8d;display:block;flex:1 1;font-size:11px;font-weight:400;line-height:1.3;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-appointment-time{align-items:center;align-self:flex-start;color:#95a5a6;display:flex;font-size:10px;font-weight:500;gap:4px;line-height:1.3;margin:0;white-space:nowrap}.appointment-time svg{color:#90a4ae;font-size:12px}.today-appointment-time svg{font-size:11px}.today-appointments-empty{color:#7f8c8d;padding:40px 20px;text-align:center}.today-appointments-empty p{font-size:14px;font-weight:400;margin:0}.today-appointments-footer{background:#f8f9fa;border-top:1px solid #f0f0f0;padding:12px 16px;text-align:center}.today-appointments-footer p{color:#1976d2;color:var(--primary-color,#1976d2);cursor:pointer;font-size:12px;font-weight:500;margin:0;transition:all .3s ease}.today-appointments-footer p:hover{color:#1565c0;transform:translateY(-1px)}.today-appointments-content::-webkit-scrollbar{width:4px}.today-appointments-content::-webkit-scrollbar-track{background:#0000}.today-appointments-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.today-appointments-content::-webkit-scrollbar-thumb:hover{background:#0003}@media (max-width:768px){.today-appointments-content{padding:12px}.today-appointments-item{padding:6px 0}.appointment-avatar{height:28px;width:28px}.appointment-avatar svg,.appointment-client-name{font-size:12px}.appointment-service{font-size:10px}.appointment-time{font-size:9px;text-align:right}}[data-theme=dark] .today-appointments-container{background:#1a1a1a}[data-theme=dark] .today-appointments-header{background:#000}[data-theme=dark] .today-appointments-item{border-bottom-color:#333}[data-theme=dark] .today-appointments-item:hover{background:#1976d21a;background:var(--primary-soft,#1976d21a)}[data-theme=dark] .appointment-client-name{color:#fff}[data-theme=dark] .appointment-service{color:#a0a0a0}[data-theme=dark] .appointment-time{color:grey}[data-theme=dark] .today-appointments-empty{color:#a0a0a0}[data-theme=dark] .today-appointments-footer{background:#2a2a2a;border-top-color:#333}.recent-updates-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:300px;overflow:hidden;transition:all .3s ease}.recent-updates-header{align-items:center;background:linear-gradient(180deg,#42a5f5 0,#1976d2);background:linear-gradient(to bottom,var(--primary-light,#42a5f5) 0,var(--primary-color,#1976d2) 100%);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;overflow:hidden;padding:8px 20px;position:relative}.recent-updates-header:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.recent-updates-icon{align-items:center;background:#0000;border-radius:8px;display:flex;height:32px;justify-content:center;position:relative;width:32px;z-index:1}.recent-updates-icon svg{color:#fff;font-size:18px}.recent-updates-title{flex:1 1;margin-left:12px;position:relative;z-index:1}.recent-updates-title h3{font-size:16px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 1px 2px #0000001a}.recent-updates-title p{font-size:11px;font-weight:400;margin:2px 0 0;opacity:.9;text-shadow:0 1px 2px #0000001a}.recent-updates-view-all{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;outline:none;position:relative;transition:all .3s ease;width:32px;z-index:1}.recent-updates-view-all:hover{background:#ffffff1a;transform:translateY(-1px)}.recent-updates-view-all svg{font-size:18px}.recent-updates-content{flex:1 1;max-height:212px;overflow-y:auto;padding:0}.recent-updates-list{list-style:none;margin:0;padding:0}.recent-updates-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:default;display:flex;padding:4px 16px;transition:all .3s ease}.recent-updates-item.cancelled{cursor:pointer}.recent-updates-item:last-child{border-bottom:none}.recent-updates-item:hover{background:#1976d20d;background:var(--primary-softer,#1976d20d)}.recent-updates-item.cancelled:hover{background:#f443360d}.update-content{flex:1 1;min-width:0;padding:8px 0}.update-message{align-items:center;display:flex;font-size:14px;font-weight:500;gap:4px;letter-spacing:-.1px;line-height:1.3;margin:0 0 4px}.update-message.confirmed{color:#4caf50}.update-message.cancelled{color:#f44336}.update-message.rescheduled{color:#ff9800}.update-message.no_show{color:#9c27b0}.update-message.info{color:#2196f3;color:var(--primary-light,#2196f3)}.update-message svg{font-size:12px;opacity:.7}.update-time{color:#95a5a6;font-size:12px;font-weight:400;line-height:1.3;margin:0}.update-checkbox{align-items:center;background:#0000;border:none;color:#4caf50;cursor:pointer;display:flex;justify-content:center;opacity:.7;outline:none;padding:2px;transition:all .2s ease-in-out}.update-checkbox:hover{opacity:1;transform:scale(1.1)}.update-checkbox svg{font-size:16px}.recent-updates-empty{color:#7f8c8d;padding:40px 20px;text-align:center}.recent-updates-empty p{font-size:16px;font-weight:400;margin:0}.recent-updates-footer{background:#f8f9fa;border-top:1px solid #f0f0f0;flex-shrink:0;padding:6px 16px;text-align:center}.recent-updates-footer p{color:#1976d2;color:var(--primary-color,#1976d2);cursor:pointer;font-size:14px;font-weight:500;margin:0;transition:all .3s ease}.recent-updates-footer p:hover{color:#1565c0;transform:translateY(-1px)}.recent-updates-content::-webkit-scrollbar{width:4px}.recent-updates-content::-webkit-scrollbar-track{background:#0000}.recent-updates-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.recent-updates-content::-webkit-scrollbar-thumb:hover{background:#0003}@media (max-width:768px){.recent-updates-item{padding:4px 12px}.update-message{font-size:13px}.update-time{font-size:11px}.update-checkbox svg{font-size:14px}}[data-theme=dark] .recent-updates-container{background:#1a1a1a}[data-theme=dark] .recent-updates-header{background:#000}[data-theme=dark] .recent-updates-item{border-bottom-color:#333}[data-theme=dark] .recent-updates-item:hover{background:#1976d21a;background:var(--primary-soft,#1976d21a)}[data-theme=dark] .recent-updates-item.cancelled:hover{background:#f443361a}[data-theme=dark] .update-time{color:grey}[data-theme=dark] .recent-updates-empty{color:#a0a0a0}[data-theme=dark] .recent-updates-footer{background:#2a2a2a;border-top-color:#333}.nav-menu{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:8px;min-width:280px;padding:16px 8px;width:-webkit-fit-content;width:fit-content;z-index:1100}.nav-menu-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:12px 16px;position:relative;text-align:left;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.nav-menu-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 2px 8px #0000000f;transform:translateX(4px)}.nav-menu-item.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.nav-menu-item.active:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateX(4px)}.nav-menu-item .icon{align-items:center;display:flex;height:20px;justify-content:center;margin-right:12px;transition:all .2s ease;width:20px}.nav-menu-item:hover .icon{transform:scale(1.1)}.nav-menu-item.active .icon{color:#fff}.nav-menu-item .label{color:inherit;flex:1 1;font-weight:500}.nav-menu-item.active .label{font-weight:600}.nav-menu-item .active-indicator{background:#fff;border-radius:50%;height:6px;margin-left:8px;opacity:0;transition:opacity .2s ease;width:6px}.nav-menu-item.active .active-indicator{opacity:1}.nav-divider{background:linear-gradient(90deg,#0000,#e5e7eb 50%,#0000);height:1px;margin:8px 0}.nav-signout{align-items:center;background:#0000;border:none;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:500;margin-top:8px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.nav-signout:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);box-shadow:0 2px 8px #ef44441a;transform:translateX(4px)}.nav-signout .icon{align-items:center;color:#ef4444;display:flex;height:20px;justify-content:center;margin-right:12px;transition:all .2s ease;width:20px}.nav-signout:hover .icon{transform:scale(1.1)}.nav-menu-item[data-section=overview] .icon{color:#3b82f6}.nav-menu-item[data-section=calendar] .icon{color:#8b5cf6}.nav-menu-item[data-section=history] .icon{color:#f59e0b}.nav-menu-item[data-section=clients] .icon{color:#06b6d4}.nav-menu-item[data-section=employees] .icon{color:#ec4899}.nav-menu-item[data-section=settings] .icon{color:#64748b}.nav-menu-item[data-section=support] .icon{color:#f97316}.nav-menu-item.active .icon{color:#fff!important}@media (max-width:768px){.nav-menu{min-width:240px;padding:12px 6px}.nav-menu-item{font-size:13px;padding:10px 12px}.nav-menu-item .icon{height:18px;margin-right:10px;width:18px}}@media (max-width:480px){.nav-menu{min-width:200px;padding:10px 4px}.nav-menu-item{font-size:12px;padding:8px 10px}.nav-menu-item .icon{height:16px;margin-right:8px;width:16px}}[data-theme=dark] .nav-menu{background:#000!important;border:1px solid #1a1a1a!important;box-shadow:0 4px 20px #00000080}[data-theme=dark] .nav-menu-item{color:#fff}[data-theme=dark] .nav-menu-item:hover{background:linear-gradient(135deg,#374151,#4b5563)}[data-theme=dark] .nav-menu-item.active{background:#000!important;background-color:#000!important;background-image:none!important;border:1px solid #2a2a2a!important;box-shadow:0 4px 12px #00000073!important;color:#fff!important}[data-theme=dark] .nav-menu-item.active:hover{background:linear-gradient(135deg,#0a0a0a,#141414)}@media (prefers-color-scheme:dark){.nav-menu{background:#000!important;border:1px solid #1a1a1a!important;box-shadow:0 4px 20px #00000080}.nav-menu-item{color:#fff}.nav-menu-item:hover{background:linear-gradient(135deg,#1a1a1a,#111);box-shadow:0 2px 8px #00000059;transform:translateX(4px)}.nav-menu-item.active{background:#000!important;background-color:#000!important;background-image:none!important;border:1px solid #2a2a2a!important;box-shadow:0 4px 12px #00000073!important;color:#fff!important}.nav-menu-item.active:hover{background:linear-gradient(135deg,#0a0a0a,#141414)}.nav-divider{background:linear-gradient(90deg,#0000,#2a2a2a 50%,#0000)}.nav-signout{color:#f87171}.nav-signout:hover{background:linear-gradient(135deg,#1a0b0b,#220e0e);box-shadow:0 2px 8px #ef444440;transform:translateX(4px)}}[data-theme=dark] .nav-divider{background:linear-gradient(90deg,#0000,#4b5563 50%,#0000)}[data-theme=dark] .nav-signout{color:#f87171}[data-theme=dark] .nav-signout:hover{background:linear-gradient(135deg,#7f1d1d,#991b1b)}[data-theme=dark] .nav-signout .icon{color:#f87171}[data-theme=dark] .nav-menu-item[data-section=overview] .icon{color:#60a5fa}[data-theme=dark] .nav-menu-item[data-section=calendar] .icon{color:#a78bfa}[data-theme=dark] .nav-menu-item[data-section=history] .icon{color:#fbbf24}[data-theme=dark] .nav-menu-item[data-section=clients] .icon{color:#22d3ee}[data-theme=dark] .nav-menu-item[data-section=employees] .icon{color:#f472b6}[data-theme=dark] .nav-menu-item[data-section=settings] .icon{color:#9ca3af}[data-theme=dark] .nav-menu-item[data-section=support] .icon{color:#fb923c}@media (max-width:768px){[data-theme=dark] .nav-menu{background:#1f2937}}@media (max-width:480px){[data-theme=dark] .nav-menu{background:#1f2937}}.quick-actions-container{background:#0000;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:auto;overflow:visible;padding:0;transition:all .3s ease}.quick-actions-grid{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:1fr 1fr;overflow-y:visible;padding:0}.quick-action-button{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 4px #0000000a;cursor:pointer;display:flex;gap:12px;min-height:48px;outline:none;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:all .2s ease}.quick-action-button:hover{background:#f8f9fa;border-color:var(--action-color);box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.quick-action-button:active{background:#f1f3f4;transform:translateY(0);transition:all .1s ease}.action-icon{background:var(--action-color);border-radius:8px;height:32px;margin:0;position:relative;transition:all .2s ease;width:32px;z-index:1}.quick-action-button:hover .action-icon{transform:scale(1.05)}.action-icon svg{color:#fff;font-size:16px}.action-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.action-content h4{color:#333;font-size:14px;font-weight:500;letter-spacing:-.1px;line-height:1.3;margin:0;text-align:left}.quick-action-button:hover .action-content h4{color:var(--action-color)}@media (max-width:768px){.quick-actions-grid{gap:8px;grid-template-columns:1fr}.quick-action-button{gap:10px;min-height:44px;padding:10px 14px}.action-icon{height:28px;width:28px}.action-icon svg{font-size:14px}.action-content h4{font-size:13px}.quick-actions-container .pagination-controls{align-items:center!important;border-top:1px solid #e0e0e0!important;display:flex!important;flex-direction:row!important;gap:16px!important;justify-content:center!important;margin-left:auto!important;margin-right:auto!important;margin-top:8px!important;max-width:200px!important;padding:10px 0!important;position:relative!important;width:100%!important}.quick-actions-container .pagination-controls .pagination-button{all:unset!important;align-items:center!important;background:#1976d2!important;background:var(--primary-color,#1976d2)!important;border:1px solid #1976d2!important;border:1px solid var(--primary-color,#1976d2)!important;border-radius:50%!important;box-shadow:0 2px 4px #1976d233,0 1px 2px #0000001a!important;box-shadow:var(--shadow-light,0 2px 4px #1976d233),0 1px 2px #0000001a!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;font-weight:500!important;height:28px!important;justify-content:center!important;padding:6px!important;position:relative!important;transition:all .2s ease!important;width:28px!important}.quick-actions-container .pagination-controls .pagination-button:hover:not(:disabled){background:#1565c0!important;border-color:#1565c0!important;box-shadow:0 4px 8px #1976d24d,0 2px 4px #0000001a!important;box-shadow:var(--shadow-medium,0 4px 8px #1976d24d),0 2px 4px #0000001a!important;color:#fff!important;filter:brightness(1.1)!important;transform:translateY(-1px)!important}.quick-actions-container .pagination-controls .pagination-button:disabled{background:#1976d2!important;background:var(--primary-color,#1976d2)!important;border-color:#1976d2!important;border-color:var(--primary-color,#1976d2)!important;box-shadow:0 1px 2px #0000000d!important;color:#fff!important;cursor:not-allowed!important;filter:brightness(.7)!important;opacity:.5!important;transform:none!important}.quick-actions-container .pagination-controls .pagination-button svg{align-items:center!important;display:flex!important;font-size:14px!important;font-weight:500!important;justify-content:center!important;transition:all .2s ease!important}.quick-actions-container .pagination-controls .page-indicator{align-items:center!important;background:linear-gradient(135deg,#f7fafc,#edf2f7)!important;border:1px solid #e2e8f0!important;border-radius:6px!important;box-shadow:0 1px 3px #00000014!important;color:#4a5568!important;display:flex!important;flex-shrink:0!important;flex:0 0 auto!important;font-size:13px!important;font-weight:600!important;height:28px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-width:80px!important;min-width:50px!important;padding:0 10px!important;position:relative!important;text-align:center!important;z-index:1!important}}[data-theme=dark] .quick-actions-container{background:#0000}[data-theme=dark] .quick-action-button{background:#2a2a2a;border:1px solid #3a3a3a}[data-theme=dark] .quick-action-button:hover{background:#333;border-color:var(--action-color)}[data-theme=dark] .quick-action-button:active{background:#2a2a2a}[data-theme=dark] .action-content h4{color:#e0e0e0}.welcome-card-container{background:linear-gradient(180deg,#42a5f5 0,#1976d2);background:linear-gradient(to bottom,var(--primary-light,#42a5f5) 0,var(--primary-color,#1976d2) 100%);border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.welcome-card-container:before{background:linear-gradient(180deg,#ffffff26 0,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.welcome-card-content{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.welcome-card-left{flex:1 1}.welcome-card-greeting{font-size:22px;font-weight:600;line-height:1.2;margin:0}.welcome-card-greeting,.welcome-card-name{color:#fff;letter-spacing:-.5px;text-shadow:0 1px 2px #0000001a}.welcome-card-name{font-size:36px;font-weight:700;line-height:1.1;margin:8px 0 0}.welcome-card-right{text-align:right}.welcome-card-date{font-size:20px;letter-spacing:-.2px;margin:0}.welcome-card-date,.welcome-card-time{color:#fff;font-weight:700;opacity:.9;text-shadow:0 1px 2px #0000001a}.welcome-card-time{font-size:32px;letter-spacing:-.5px;margin:4px 0 0}@media (max-width:768px){.welcome-card-container{height:90px;padding:20px}.welcome-card-greeting{font-size:18px}.welcome-card-name{font-size:28px}.welcome-card-date{font-size:16px}.welcome-card-time{font-size:24px}}@media (max-width:480px){.welcome-card-content{align-items:center;flex-direction:row;gap:12px}.welcome-card-right{text-align:right}.welcome-card-name{font-size:28px}.welcome-card-time{font-size:24px}}[data-theme=dark] .welcome-card-container{background:#000}.upcoming-appointments-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:500px;overflow:hidden;transition:all .3s ease;width:100%}.upcoming-appointments-header{align-items:center;background:linear-gradient(180deg,#42a5f5 0,#1976d2);background:linear-gradient(to bottom,var(--primary-light,#42a5f5) 0,var(--primary-color,#1976d2) 100%);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:8px 20px;position:relative}.upcoming-appointments-header:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.upcoming-appointments-icon{align-items:center;background:#0000;border-radius:8px;display:flex;height:32px;justify-content:center;position:relative;width:32px;z-index:1}.upcoming-appointments-icon svg{color:#fff;font-size:24px}.upcoming-appointments-title{flex:1 1;margin-left:12px;position:relative;z-index:1}.upcoming-appointments-title h3{font-size:16px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 1px 2px #0000001a}.upcoming-appointments-view-all{background:#0000;border:1px solid #ffffff80;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;outline:none;padding:6px 16px;position:relative;transition:all .3s ease;z-index:1}.upcoming-appointments-view-all:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-1px)}.upcoming-appointments-content{background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23424242' fill-opacity='.1' d='M79 50.5a7.5 7.5 0 1 1-7.5-7.5 7.5 7.5 0 0 1 7.5 7.5Zm-4.023 27.639a33.114 33.114 0 0 1-2.484 6.666A22.902 22.902 0 0 1 52 97h-3V82.429A9.642 9.642 0 0 0 39.571 73H25v-3a22.902 22.902 0 0 1 12.195-20.493 33.114 33.114 0 0 1 6.666-2.484C54.88 32.14 67.663 25.534 86.374 25h.126A10.467 10.467 0 0 1 97 35.653C96.46 54.631 90.058 67 74.977 78.139ZM88 35.524A1.5 1.5 0 0 0 86.545 34c-16.383.486-26.517 5.898-36.114 19.293a85.323 85.323 0 0 0-6.618 11.211 18.861 18.861 0 0 1 13.683 13.683 85.128 85.128 0 0 0 11.211-6.618C82.126 61.951 87.538 51.847 88 35.524Zm-58.107 45.66c-2.322 2.316-3.753 9.309-4.26 12.216L25 97l3.6-.636c2.883-.51 9.834-1.947 12.156-4.275a7.74 7.74 0 0 0 0-10.905 7.839 7.839 0 0 0-10.863 0Z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:300px 300px;flex:1 1;margin-right:-8px;overflow-y:auto;padding:24px 16px 24px 24px;position:relative}.upcoming-appointments-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));width:100%}.upcoming-appointments-empty{color:#7f8c8d;margin-top:16px;opacity:.8;text-align:center}.upcoming-appointments-empty p{font-size:14px;font-weight:400;margin:0}.upcoming-appointments-content::-webkit-scrollbar{width:8px}.upcoming-appointments-content::-webkit-scrollbar-track{background:#0000}.upcoming-appointments-content::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.upcoming-appointments-content::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width:1200px){.upcoming-appointments-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.upcoming-appointments-content{margin-right:-4px;padding:16px 8px 16px 16px}.upcoming-appointments-grid{gap:12px;grid-template-columns:1fr}.upcoming-appointments-title h3{font-size:14px}.upcoming-appointments-view-all{font-size:11px;padding:4px 12px}}[data-theme=dark] .upcoming-appointments-container{background:#1a1a1a}[data-theme=dark] .upcoming-appointments-header{background:#000}[data-theme=dark] .upcoming-appointments-content{background:#1a1a1a}[data-theme=dark] .upcoming-appointments-empty{color:#a0a0a0}.archives-filter-header,.archives-filter-header.MuiBox-root,.archives-filter-header.archives-filter-header,.overview-container .archives-filter-header,.overview-container .archives-filter-header.MuiBox-root{background:linear-gradient(180deg,#42a5f5 0,#1976d2)!important;background:linear-gradient(to bottom,var(--primary-light,#42a5f5) 0,var(--primary-color,#1976d2) 100%)!important}.archives-table thead .MuiTableCell-head,.archives-table thead .MuiTableCell-root,.archives-table thead th{color:#fff!important;color:var(--primary-contrast-color,#fff)!important}[data-theme=light] .archives-table thead .MuiTableCell-head,[data-theme=light] .archives-table thead .MuiTableCell-root,[data-theme=light] .archives-table thead th{color:#000!important;color:var(--primary-contrast-color,#000)!important}.tut-banner{background:#f8fbff;border:1px solid #e5e7eb;border:1px solid var(--tutorial-border,#e5e7eb);border-radius:12px;box-shadow:none;margin:8px 0 12px;overflow:hidden;width:100%}.tut-banner__close,.tut-banner__header,.tut-banner__title{display:none}.tut-banner__body{color:#0f172a;padding:12px 14px 14px}.tut-banner__desc{color:#1f2937;font-size:13px;font-weight:600;margin-bottom:12px}.tut-banner__actions{display:flex;gap:8px}.tut-banner__btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--tutorial-border,#e5e7eb);border-radius:8px;color:#1976d2;color:var(--tutorial-primary,#1976d2);cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px}.tut-banner__btn--primary{background:linear-gradient(90deg,#1976d2,#115293);background:linear-gradient(90deg,var(--tutorial-primary,#1976d2),var(--tutorial-primary-dark,#115293));border:0;color:#fff}.tut-banner__btn--link{background:none;border:none;color:#1976d2;color:var(--tutorial-primary,#1976d2);text-decoration:underline}.tut-banner__close:hover{background:#ffffff42}@media (min-width:1024px){.tut-banner{margin:8px 0 12px}.tut-banner__body{align-items:center;display:flex;gap:16px}.tut-banner__desc{flex:1 1;margin:0}.tut-banner__actions{margin-left:auto}.tut-banner__btn{padding:8px 12px}}.portal-settings{--color-bg:#fff;--color-surface:#fff;--color-border:#e5e7eb;--color-text:#0f172a;--color-muted:#64748b;--color-primary:#1d4ed8;--color-field:#fff;--focus-ring:#1d4ed826;--badge-ok-bg:#ecfdf5;--badge-ok-color:#065f46;--badge-ok-border:#a7f3d0;color-scheme:light;display:flex;flex-direction:column;gap:16px;max-width:720px}[data-theme=dark] .portal-settings{--color-surface:#ffffff0a;--color-border:#94a3b83d;--color-text:#e6edf6;--color-muted:#9fb0c3;--color-primary:#3b82f6;--color-field:#ffffff0f;--focus-ring:#3b82f659;--badge-ok-bg:#22c55e26;--badge-ok-color:#22c55e;--badge-ok-border:#22c55e59;color-scheme:dark}[data-theme=dark] .portal-settings .input::placeholder{color:#93a4b8}[data-theme=dark] .portal-settings .input:disabled{background:#ffffff0a;color:#9fb0c3}[data-theme=dark] .portal-settings .input{background:var(--color-field)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}[data-theme=dark] .portal-settings input.input:-webkit-autofill,[data-theme=dark] .portal-settings input.input:-webkit-autofill:focus,[data-theme=dark] .portal-settings input.input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--color-field) inset;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.settings-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 4px 12px #0f172a0f;padding:24px}.settings-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.settings-card__title-group{display:flex;flex-direction:column;gap:4px}.settings-card__title{color:var(--color-text);font-size:20px;font-weight:600;margin:0}.settings-card__subtitle{color:var(--color-muted);font-size:14px;margin:0}.status-badge{border:1px solid #0000;white-space:nowrap}.status-badge--ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.status-badge--muted{background:#f1f5f9;border-color:var(--color-border);color:#334155}.alert{animation:fadeOut 0s ease 5s forwards;margin-bottom:12px;padding:10px 12px}.alert--error{background:#fef2f2;color:#991b1b}.alert--success{background:var(--badge-ok-bg);border:1px solid var(--badge-ok-border);color:var(--badge-ok-color)}.form-grid{grid-template-columns:1fr}.portal-settings .form-grid{grid-template-columns:1fr!important}@media (min-width:601px){.portal-settings .form-item>.form-label{text-align:left!important}.portal-settings .input-group{display:block;text-align:center;width:100%}.portal-settings .form-item>.input,.portal-settings .input-group>.input{display:block;width:100%}.portal-settings .input-group .btn{align-items:center;display:inline-flex;height:40px;justify-content:center;margin-left:6px;margin-right:6px;margin-top:8px;min-width:96px;vertical-align:middle}}.form-item{align-items:stretch}.form-label{font-size:14px;font-weight:500;letter-spacing:normal;margin-bottom:4px;text-align:left;text-transform:none!important}.form-label--strong{font-weight:700}.form-helper{color:var(--color-muted);font-size:12px}.input{-webkit-appearance:none;appearance:none;background:var(--color-field);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:14px}.input::placeholder{color:#94a3b8}.input:focus{border-color:#b3d2ff;box-shadow:0 0 0 3px var(--focus-ring)}.input[readonly]{background:var(--color-field);color:var(--color-text);opacity:1}.input:disabled{background:#f8fafc;color:var(--color-muted)}.input-group{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:auto auto;justify-content:center}.input-group>.input{grid-column:1/-1;width:100%}.input-group .btn{margin:0;width:auto}.input-group__append{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;vertical-align:middle}.btn{border-radius:8px;gap:6px;line-height:1;vertical-align:middle}.btn--secondary{border-color:#bfdbfe;color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background:#e8f2ff;border-color:#93c5fd;color:#1d4ed8}.btn--ghost{background:#0000;border-color:var(--color-border);color:var(--color-text)}.btn--ghost:hover:not(:disabled){background:#ffffff0d;border-color:var(--color-border)}.btn--secondary:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .portal-settings .btn--secondary{background:#3b82f626;border-color:#3b82f64d;color:#93c5fd}[data-theme=dark] .portal-settings .btn--secondary:hover:not(:disabled){background:#3b82f640;border-color:#3b82f680;color:#bfdbfe}[data-theme=dark] .portal-settings .btn--ghost{background:#ffffff0f;border-color:#94a3b866;color:#e6edf6}[data-theme=dark] .portal-settings .btn--ghost:hover:not(:disabled){background:#ffffff1a;border-color:#94a3b899;color:#fff}.help-text{color:#64748b;font-size:13px;margin-top:8px}.portal-settings .help-text{text-align:center}.switch{height:28px;width:50px}.switch input{height:0;opacity:0;width:0}.switch__slider{background-color:#e2e8f0;border-radius:999px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s ease}.switch__slider:before{background-color:#fff;border-radius:50%;box-shadow:0 1px 2px #1018281a;content:"";height:22px;left:3px;position:absolute;top:3px;transition:.2s ease;width:22px}.switch input:checked+.switch__slider{background-color:var(--color-primary)}.switch input:checked+.switch__slider:before{transform:translateX(22px)}.header-actions{align-items:center;flex-wrap:nowrap;justify-content:flex-end}.toggle-wrap{display:inline-flex;gap:8px}.form-label--inline{color:#334155;font-weight:500}.switch__state{color:#64748b;font-size:12px}.switch__state.on{color:#065f46}.switch__state.off{color:#991b1b}.icon{display:inline-block;flex-shrink:0;margin-right:6px;vertical-align:middle}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@media (max-width:600px){.settings-card{border-radius:12px;padding:16px}.settings-card__header{align-items:center;flex-direction:column;gap:10px}.settings-card__title{font-size:18px;text-align:center}.settings-card__subtitle{text-align:center}.header-actions{align-items:center;flex-direction:row;gap:8px;justify-content:center;width:100%}.toggle-wrap{gap:6px}.form-label--inline{font-size:13px}.status-badge{font-size:11px;padding:4px 8px}.form-grid{gap:12px}.input-group{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:1fr 1fr;justify-content:center}.input-group>.input{grid-column:1/-1}.input-group .btn{height:44px;vertical-align:middle;width:100%}.input{font-size:16px}.form-label{font-size:13px;margin-bottom:2px;text-align:center}.help-text{font-size:12px;line-height:1.4}}.authorize-settings{--color-bg:#fff;--color-surface:#f7f9fc;--color-border:#e5eaf2;--color-text:#0f1b2d;--color-muted:#6b7a90;--color-primary:#1269e2;--color-primary-600:#0f59be;--color-success:#1f9751;--color-warning:#b76e00;--color-field:#fff;--focus-ring:#1269e226;--badge-ok-bg:#ecfdf3;--badge-ok-color:#1f9751;--badge-ok-border:#d1fadf;--badge-warn-bg:#fffaeb;--badge-warn-color:#b76e00;--badge-warn-border:#fbe6b8;--radius-md:12px;--radius-sm:8px;--shadow-sm:0 1px 2px #1018280a,0 1px 3px #1018280f;--shadow-md:0 8px 16px #02304714;background:#0000;color-scheme:light;display:block;padding:0}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);max-width:880px;width:100%}.auth-card__header{align-items:center;background:linear-gradient(180deg,#fff,#f9fbff);border-bottom:1px solid var(--color-border);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);display:flex;gap:12px;justify-content:space-between;padding:20px 24px}.auth-card__title-group{display:flex;flex-direction:column;gap:2px}.auth-card__title{color:var(--color-text);font-size:18px;font-weight:700;margin:0}.auth-card__subtitle{color:var(--color-muted);font-size:13px;margin:0}.status-badge{align-items:center;background:#eef7ff;border:1px solid var(--color-border);border-radius:999px;color:var(--color-primary-600);display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:6px 10px}.status-badge--ok{background:var(--badge-ok-bg);border-color:var(--badge-ok-border);color:var(--badge-ok-color)}.status-badge--warn{background:var(--badge-warn-bg);border-color:var(--badge-warn-border);color:var(--badge-warn-color)}.alert{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;margin:16px 24px 0;padding:12px 14px}.alert--error{background:#fff2f2;border-color:#f8c7c7;color:#c62828}.alert--success{background:#ecfdf3;border-color:#d1fadf;color:var(--color-success)}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:20px 24px 8px}@media (max-width:720px){.authorize-settings{padding:8px 12px}.auth-card__header{align-items:center;flex-direction:column;gap:8px;padding:16px}.auth-card__title-group{align-items:center;text-align:center}.status-badge{align-self:center}.form-grid{gap:12px;grid-template-columns:1fr;padding:16px}.input,.select{font-size:16px;padding:12px}.form-actions{align-items:stretch;flex-direction:column;gap:8px;padding:8px 16px 16px}.btn{width:100%}.help-text{padding:0 16px 16px}}.form-item{display:flex;flex-direction:column;gap:8px}.form-label{color:var(--color-text);font-size:13px}.input,.select{-webkit-appearance:none;appearance:none;background:var(--color-field);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);transition:box-shadow .15s ease,border-color .15s ease,background-color .2s ease;width:100%}.input::placeholder{color:#9aa8bc}.input:focus,.select:focus{border-color:#b3d2ff;box-shadow:0 0 0 3px var(--focus-ring)}.form-actions{align-items:center;display:flex;gap:10px;padding:8px 24px 20px}.btn{font-size:14px;font-weight:700;gap:8px;padding:10px 14px;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .02s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:#fff}.btn--primary:hover{background:var(--color-primary-600);border-color:var(--color-primary-600)}.btn--secondary{background:var(--color-field);border-color:var(--color-border);color:var(--color-text)}.btn--secondary:hover{background:#f7fbff;border-color:#c9d6ea}.btn--danger{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.btn--danger:hover{background:#fecaca;border-color:#fca5a5;color:#991b1b}.help-text,.inline-note{color:var(--color-muted);font-size:12px}.help-text{padding:0 24px 20px}[data-theme=dark] .authorize-settings{--color-bg:#0000;--color-surface:#ffffff0a;--color-border:#94a3b83d;--color-text:#e6edf6;--color-muted:#9fb0c3;--color-primary:#3b82f6;--color-primary-600:#2563eb;--color-success:#22c55e;--color-warning:#f59e0b;--color-field:#ffffff0f;--focus-ring:#3b82f659;--badge-ok-bg:#22c55e26;--badge-ok-color:#22c55e;--badge-ok-border:#22c55e59;--badge-warn-bg:#f59e0b26;--badge-warn-color:#f59e0b;--badge-warn-border:#f59e0b59;--shadow-sm:none;--shadow-md:none;color-scheme:dark}[data-theme=dark] .authorize-settings .auth-card__header{background:linear-gradient(180deg,#ffffff0a,#ffffff05)}[data-theme=dark] .authorize-settings .input::placeholder{color:#93a4b8}[data-theme=dark] .authorize-settings .select{background-color:#0f172a;border-color:#94a3b859;color:#e6edf6}[data-theme=dark] .authorize-settings .select option{background-color:#0b1220;color:#e6edf6}[data-theme=dark] .authorize-settings .select option:checked,[data-theme=dark] .authorize-settings .select option:hover{background-color:#1e293b;color:#fff}:root{--primary-600:#1e88e5;--primary-700:#1976d2;--primary-50:#e3f2fd;--text-900:var(--text-primary,#0f172a);--text-700:var(--text-secondary,#334155);--text-500:#64748b;--border-200:var(--border-primary,#e5e7eb);--border-300:#d1d5db;--bg-50:var(--bg-surface,#f8fafc);--bg-0:var(--bg-paper,#fff);--success-600:#16a34a;--error-600:#dc2626}.is-dark,.is-dark :root,[data-theme=dark]{--text-900:var(--text-primary,#e5e7eb);--text-700:var(--text-primary,#e5e7eb);--text-500:#9ca3af;--border-200:var(--border-primary,#ffffff1f);--border-300:#ffffff2e;--bg-50:var(--bg-paper,#1a1d24);--bg-0:var(--bg-paper,#1a1d24)}.mobile-settings-page:not(.is-dark) .svc-page{--text-900:#0f172a;--text-700:#334155;--text-500:#64748b;--border-200:#e5e7eb;--border-300:#d1d5db;--bg-50:#f8fafc;--bg-0:#fff}.mobile-settings-page.is-dark .svc-page{--text-900:#e5e7eb;--text-700:#e5e7eb;--text-500:#9ca3af;--border-200:#ffffff1f;--border-300:#ffffff2e;--bg-50:#1a1d24;--bg-0:#1a1d24}@media (prefers-color-scheme:dark){:root:not(.force-light){--text-900:var(--text-primary,#e5e7eb);--text-700:var(--text-primary,#e5e7eb);--text-500:#9ca3af;--border-200:var(--border-primary,#ffffff1f);--border-300:#ffffff2e;--bg-50:var(--bg-paper,#1a1d24);--bg-0:var(--bg-paper,#1a1d24)}}.svc-page{display:block}.svc-page,.svc-page *,.svc-page :after,.svc-page :before{box-sizing:border-box}.svc-page button,.svc-page input,.svc-page select,.svc-page textarea{font:inherit}.svc-page img{display:block;max-width:100%}.svc-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}.svc-btn,.svc-toolbar{align-items:center;gap:8px}.svc-btn{background:#fff;background:var(--bg-0);border:1px solid #e5e7eb;border:1px solid var(--border-200);border-radius:10px;color:#0f172a;color:var(--text-900);cursor:pointer;display:inline-flex;font-weight:600;height:40px;justify-content:center;padding:0 14px;transition:all .16s ease-in-out}.svc-btn:hover{border-color:#d1d5db;border-color:var(--border-300);transform:translateY(-1px)}.svc-btn:disabled{cursor:not-allowed;opacity:.6}.svc-btn--primary{background:linear-gradient(180deg,#1e88e5,#1976d2);background:linear-gradient(180deg,var(--primary-600),var(--primary-700));border:none;box-shadow:0 6px 14px #1976d240;color:#fff}.svc-btn--info{background:linear-gradient(180deg,#60a5fa,#3b82f6);border:none;box-shadow:0 6px 14px #3b82f640;color:#fff}.svc-btn--success{background:linear-gradient(180deg,#22c55e,#16a34a);border:none;box-shadow:0 6px 14px #22c55e40;color:#fff}.svc-btn--cyan{background:linear-gradient(180deg,#06b6d4,#0891b2);border:none;box-shadow:0 6px 14px #06b6d440;color:#fff}.svc-btn--ghost{background:#0000;border:none;color:#334155;color:var(--text-700)}.svc-alert{background:#fff;background:var(--bg-0);border:1px solid #e5e7eb;border:1px solid var(--border-200);border-radius:10px;font-size:14px;padding:12px 14px}.svc-alert--error{background:#dc26260d;border-color:#dc262633;color:#dc2626;color:var(--error-600)}.svc-alert--success{background:#16a34a0d;border-color:#16a34a33;color:#16a34a;color:var(--success-600)}.svc-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.svc-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-200);border-radius:16px;box-shadow:0 6px 18px #0f172a0f;cursor:pointer;display:grid;grid-template-columns:1fr;overflow:hidden;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.is-dark .svc-card,[data-theme=dark] .svc-card{background:#fff;background:var(--bg-0)}.svc-card:hover{border-color:#e3f2fd;border-color:var(--primary-50);box-shadow:0 16px 32px #0284c71a,0 6px 12px #0284c70d;transform:translateY(-2px)}.svc-card__image{background:linear-gradient(180deg,#f1f5f9,#eef2ff);height:140px;overflow:hidden;position:relative;width:100%}.is-dark .svc-card__image,[data-theme=dark] .svc-card__image{background:linear-gradient(180deg,#1a1d24,#20242d);background:linear-gradient(180deg,var(--bg-paper,#1a1d24),#20242d)}.svc-card__image img{display:block;height:100%;object-fit:cover;pointer-events:none;transition:transform .32s ease;width:100%;will-change:transform}.svc-card:focus-within .svc-card__image img,.svc-card:hover .svc-card__image img{transform:scale(1.06)}.svc-card__content{grid-gap:6px;background:#fff;display:grid;gap:6px;grid-template-rows:auto 1fr auto;padding:14px 14px 16px;position:relative}.is-dark .svc-card__content,[data-theme=dark] .svc-card__content{background:#0000}.svc-card__title{color:#0f172a;font-size:15px;font-weight:700;margin:4px 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-dark .svc-card__title,[data-theme=dark] .svc-card__title{color:#0f172a;color:var(--text-900)}.svc-meta{color:#334155;color:var(--text-700);display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:6px}.svc-meta__row{align-items:center;display:flex;gap:6px}.svc-meta__row .svc-icon{display:inline-block;height:16px;width:16px}.svc-price{color:#2e7d32;font-weight:700}.svc-badges{display:flex;gap:8px;margin-top:6px}.svc-badge{align-items:center;background:#eff6ff;border:1px solid #e5e7eb;border:1px solid var(--border-200);border-radius:999px;color:#1976d2;color:var(--primary-700);display:inline-flex;font-size:12px;height:22px;padding:0 8px}.svc-badge.green{background:#ecfeff;border-color:#99f6e4;color:#0f766e}.svc-card__actions{display:flex;gap:6px;position:absolute;right:10px;top:10px}.svc-icon-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-200);border-radius:8px;box-shadow:0 2px 8px #02061714;color:#334155;color:var(--text-700);display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.is-dark .svc-icon-btn,[data-theme=dark] .svc-icon-btn{background:#fff;background:var(--bg-0)}.svc-icon-btn:hover{border-color:#d1d5db;border-color:var(--border-300);transform:scale(1.05)}.svc-icon-btn--edit{background:#fb923c1a;color:#fb923c}.svc-icon-btn--delete{background:#dc26261a;color:#dc2626;color:var(--error-600)}.is-dark .svc-icon-btn--edit,[data-theme=dark] .svc-icon-btn--edit{background:#fb923c33;border-color:#fb923c4d}.is-dark .svc-icon-btn--delete,[data-theme=dark] .svc-icon-btn--delete{background:#dc262633;border-color:#dc26264d}.svc-icon-btn--round{border-radius:999px;height:34px;width:34px}.svc-empty{background:#f8fafc;background:var(--bg-50);border:1px dashed #d1d5db;border:1px dashed var(--border-300);border-radius:16px;color:#334155;color:var(--text-700);margin-top:16px;padding:32px;text-align:center}.svc-modal-backdrop{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.svc-modal{background:#fff;background:var(--bg-0);border:1px solid #e5e7eb;border:1px solid var(--border-200);border-radius:16px;box-shadow:0 30px 60px #02061740,0 2px 8px #0206171f;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:100%}.svc-modal__header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-200);color:#0f172a;color:var(--text-900);font-weight:700;padding:16px 18px}.svc-modal__body{overflow:auto;padding:16px 18px}.svc-modal__footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-200);display:flex;gap:10px;justify-content:flex-end;padding:12px 18px 16px}.svc-field{margin-bottom:12px}.svc-label{color:#334155;color:var(--text-700);display:block;font-weight:600;margin-bottom:6px}.svc-input{border:1px solid #e5e7eb;border:1px solid var(--border-200);border-radius:10px;height:40px;outline:none;padding:0 12px;transition:border-color .12s ease;width:100%}.svc-input:focus{border-color:#1976d2;border-color:var(--primary-700);box-shadow:0 0 0 3px #1e88e51f}.svc-helper{border:1px solid #e5e7eb;border:1px solid var(--border-200);border-radius:10px;color:#64748b;color:var(--text-500);font-size:12px;margin-top:6px;padding:10px}.svc-helper,.svc-upload{background:#f8fafc;background:var(--bg-50)}.svc-upload{align-items:center;border:2px dashed #d1d5db;border:2px dashed var(--border-300);border-radius:12px;cursor:pointer;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.svc-upload:hover{background:#f0f7ff;border-color:#1976d2;border-color:var(--primary-700)}.svc-upload__preview{display:block;height:100%;object-fit:cover;width:100%}.svc-prefix{color:#64748b;color:var(--text-500);font-weight:600;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.svc-input--with-prefix{padding-left:26px}.svc-spinner{animation:spin 1s linear infinite;border:2px solid #0f172a26;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.svc-pills{display:flex;gap:8px;margin-top:8px}.svc-card__footer,.svc-chips{display:flex;flex-wrap:wrap;gap:8px}.svc-card__footer{align-items:center;margin-top:8px}.svc-chip{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 2px 6px #0206170f;color:#334155;display:inline-flex;font-size:12.5px;font-weight:600;height:24px;letter-spacing:.2px;padding:0 10px}.is-dark .svc-chip,[data-theme=dark] .svc-chip{background:#ffffff1a;border-color:#fff3;box-shadow:0 2px 6px #0003;color:#e5e7eb}.svc-chip.success{background:#16a34a0f;border-color:#16a34a40;color:#15803d}.svc-chip.info{background:#3b82f626;border-color:#3b82f659;color:#1e66f5}.is-dark .svc-chip.info,[data-theme=dark] .svc-chip.info{background:#3b82f640;border-color:#3b82f680;box-shadow:0 2px 6px #3b82f633;color:#bfdbfe}.svc-chip.slate{background:#64748b1f;border-color:#64748b59;color:#334155}.is-dark .svc-chip.slate,[data-theme=dark] .svc-chip.slate{background:#94a3b82e;border-color:#94a3b873;color:#e5e7eb}.svc-chip.muted{background:#f8fafc;color:#64748b;color:var(--text-500)}.svc-pill{align-items:center;background:#f8fbff;border:1px solid #e5e7eb;border:1px solid var(--border-200);border-radius:999px;color:#1976d2;color:var(--primary-700);display:inline-flex;font-size:12px;font-weight:600;gap:6px;height:26px;padding:0 10px}.svc-pill.green{background:#effdfd;border-color:#99f6e4;color:#0f766e}.svc-count{display:inline;font-size:inherit;font-weight:700;margin-left:4px}.is-dark .svc-count,.svc-count,[data-theme=dark] .svc-count{color:inherit}.svc-placeholder{color:#64748b;color:var(--text-500);display:grid;font-size:22px;height:100%;place-items:center;width:100%}@media (max-width:640px){.svc-grid{gap:12px}.svc-card,.svc-grid{grid-template-columns:1fr}.svc-card{min-height:0;min-height:auto}.svc-card__image{height:120px;width:100%}.svc-card__content{grid-template-rows:auto 1fr auto;min-height:0;min-height:auto;padding:12px}.svc-card__actions{right:8px;top:8px}.svc-icon-btn,.svc-icon-btn--round{height:40px;width:40px}.svc-card__title{font-size:16px}.svc-pills{margin-top:6px}.svc-chips{gap:6px}}.svc-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.svc-title{color:#0f172a;color:var(--text-900);font-size:20px;font-weight:700}.svc-header--sub{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.svc-title--sm{color:#0f172a;color:var(--text-900);font-size:16px;font-weight:700}.svc-badge-count{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:#1976d2;color:var(--primary-700);display:inline-flex;font-size:12px;font-weight:700;height:20px;margin-left:6px;padding:0 8px}.svc-btn--sm{height:36px;padding:0 12px}.svc-section{background:#fff;background:var(--bg-0);border:1px solid #e5e7eb;border:1px solid var(--border-200);border-radius:14px;margin-bottom:16px;padding:16px}.svc-row{align-items:center;display:flex;flex-wrap:wrap;gap:18px}.svc-divider{background:#e5e7eb;background:var(--border-200);height:1px;margin:12px 0}.svc-tabs{background:#fff;background:var(--bg-0);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-200);display:flex}.svc-tab{border-bottom:2px solid #0000;color:#334155;color:var(--text-700);cursor:pointer;font-weight:600;padding:12px 16px}.svc-tab:hover{background:#f6fafe}.svc-tab--active,.svc-tab:hover{color:#1976d2;color:var(--primary-700)}.svc-tab--active{border-bottom-color:#1976d2;border-bottom-color:var(--primary-700)}.svc-tabpanel{background:#fff;background:var(--bg-0);padding:16px}.svc-alert--info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1976d2;color:var(--primary-700);padding:12px 14px}@media (max-width:640px){.svc-header,.svc-header--sub{align-items:center;flex-direction:column;gap:8px}.svc-title{font-size:18px}.svc-section{border-radius:12px;padding:12px}.svc-row{gap:12px}.svc-tabpanel{padding:12px}.svc-tabs{border-bottom:none;flex-direction:column;gap:4px}.svc-tab{border:1px solid #e5e7eb;border:1px solid var(--border-200);border-left-width:3px;border-radius:10px;min-width:0;min-width:auto;padding:12px;white-space:normal}.svc-tab--active{background:#f6fafe;border-left-color:#1976d2;border-left-color:var(--primary-700)}.svc-chips{gap:6px}.svc-chip{font-size:11px;height:20px}.svc-toolbar{justify-content:center}}:root{--mc-bg:#fff;--mc-surface:#fff;--mc-border:#e6eaf2;--mc-text:#0f172a;--mc-muted:#64748b;--mc-primary:#1e66f5;--mc-primary-600:#1459d2;--mc-primary-50:#eef4ff;--mc-success:#15803d;--mc-warn:#b45309;--mc-error:#b91c1c;--mc-shadow:0 6px 24px #0f172a14;--mc-radius:14px}.mobile-settings-page:not(.is-dark) .mc-container{--bg-0:#fff;--bg-50:#f8fafc;--text-900:#0f172a;--text-700:#334155;--text-500:#64748b;--border-200:#e5e7eb;--border-300:#d1d5db}.is-dark .mc-container,.is-dark .mc-container *,[data-theme=dark] .mc-container,[data-theme=dark] .mc-container *{--mc-bg:var(--bg-paper,#111315);--mc-surface:var(--bg-paper,#111315);--mc-border:var(--border-primary,#ffffff1f);--mc-text:var(--text-primary,#e5e7eb);--mc-muted:#9ca3af}.mc-container{background:#0000;color:#0f172a;color:var(--mc-text);display:block}.mc-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.usage{color:#15803d;color:var(--mc-success);font-size:.9rem}.usage--warn{color:#b45309;color:var(--mc-warn)}.usage--error{color:#b91c1c;color:var(--mc-error)}.btn{border-radius:12px;padding:10px 16px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.btn:disabled{opacity:.6}.btn-primary{background:linear-gradient(180deg,#1e66f5,#1459d2);background:linear-gradient(180deg,var(--mc-primary) 0,var(--mc-primary-600) 100%);box-shadow:0 8px 24px #1e66f540}.btn-primary:active:not(:disabled),.btn-primary:hover:not(:disabled){transform:none}.btn-ghost{background:#0000;border-color:#e6eaf2;border-color:var(--mc-border);color:var(--mc-text)}[data-theme=dark] .btn-ghost{background:#ffffff1a!important;border-color:#ffffff4d!important;color:#fff!important}[data-theme=dark] .btn-ghost:hover:not(:disabled){background:#ffffff26!important;border-color:#fff6!important;color:#fff!important}[data-theme=dark] .btn-primary{background:linear-gradient(180deg,#60a5fa,#3b82f6)!important;border:none!important;box-shadow:0 8px 24px #3b82f680!important;color:#fff!important}[data-theme=dark] .btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#3b82f6,#2563eb)!important;box-shadow:0 8px 24px #3b82f699!important}.mc-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px}.mc-card{background:#fff;background:var(--mc-surface);border:1px solid #e6eaf2;border:1px solid var(--mc-border);border-radius:14px;border-radius:var(--mc-radius);box-shadow:0 6px 24px #0f172a14;box-shadow:var(--mc-shadow);padding:16px;position:relative;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.mc-card--empty{align-items:center;display:flex;justify-content:center;min-height:200px;text-align:center}.mc-card__icon{color:#64748b;color:var(--mc-muted);opacity:.6}.mc-card__content{color:#0f172a;color:var(--mc-text);margin-top:8px}.mc-card__header{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:40px 1fr;margin-bottom:12px}.mc-avatar{background:#1e66f5;background:var(--mc-primary);border-radius:10px;color:#fff;display:grid;height:40px;place-items:center;width:40px}.mc-card__title{min-width:0;padding-right:120px}.mc-card__title .title{font-weight:700;white-space:normal;word-break:break-word}.mc-card__title .subtitle{color:#64748b;color:var(--mc-muted);font-size:.9rem;margin-top:4px}.mc-card__actions{display:flex;gap:8px;justify-content:flex-end}@media (max-width:520px){.mc-card__header{grid-template-columns:40px 1fr;row-gap:8px}.mc-card__title{padding-right:0}.mc-card__actions{justify-content:flex-start}}.icon-btn{align-items:center;background:#fff;border:1px solid #e6eaf2;border:1px solid var(--mc-border);border-radius:8px;color:#0f172a;color:var(--mc-text);cursor:pointer;display:inline-flex;gap:6px;height:34px;min-width:34px;padding:0 10px;transition:background .2s ease,color .2s ease,border-color .2s ease}.icon-btn--danger:hover,.icon-btn:hover{border-color:#e6eaf2;border-color:var(--mc-border);color:#0f172a;color:var(--mc-text)}.icon-btn--edit svg{color:#c2410c}.icon-btn--danger svg{color:#b91c1c}.mc-image{display:block;object-fit:cover}.mc-image,.mc-image--placeholder{border-radius:10px;height:40px;width:40px}.mc-image--placeholder{background:#f1f5f9;border:1px solid #e6eaf2;border:1px solid var(--mc-border)}.mc-image-preview{border:1px solid #e6eaf2;border:1px solid var(--mc-border);border-radius:10px;margin-top:8px;max-height:140px;object-fit:cover;width:100%}.mc-divider{background:#e6eaf2;background:var(--mc-border);height:1px;margin:8px 0 12px}.mc-card__body{display:flex;flex-direction:column;gap:12px}.mc-row{align-items:flex-start;display:flex;gap:10px}.mc-row__icon{color:#1e66f5;color:var(--mc-primary);margin-top:2px}.mc-row__content .label{color:#64748b;color:var(--mc-muted);font-size:.78rem}.chip-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{background:#eef4ff;background:var(--mc-primary-50);border:1px solid #e6eaf2;border:1px solid var(--mc-border);border-radius:8px;color:#0f172a;color:var(--mc-text);font-size:.8rem;padding:6px 10px}.muted{color:var(--mc-muted)}.small{font-size:.9rem}.mc-modal{-webkit-overflow-scrolling:touch;background:#02061773;display:grid;inset:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;place-items:center;position:fixed;z-index:50}.mc-modal__panel{background:#fff;background:var(--mc-surface);border:1px solid #e6eaf2;border:1px solid var(--mc-border);border-radius:16px;box-shadow:0 6px 24px #0f172a14;box-shadow:var(--mc-shadow);display:flex;flex-direction:column;max-height:92vh;max-width:560px;overflow:hidden;padding:16px;width:100%}.mc-modal__header{align-items:center;display:flex;justify-content:space-between}.mc-modal__title{color:#0f172a;color:var(--mc-text);font-size:1.1rem;margin:0}.mc-modal__content{grid-gap:12px;-webkit-overflow-scrolling:touch;display:grid;flex:1 1 auto;gap:12px;margin-top:8px;min-height:0;overflow-y:auto}.mc-modal__actions{border-top:1px solid #e6eaf2;border-top:1px solid var(--mc-border);display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:12px}.form-field{grid-gap:6px;display:grid;gap:6px}.form-label{font-size:.92rem}.input{background:#fff!important;background:var(--mc-surface)!important;border:1px solid #e6eaf2;border:1px solid var(--mc-border);border-radius:10px;color:#0f172a!important;color:var(--mc-text)!important;font-size:1rem;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input::placeholder{color:#64748b;color:var(--mc-muted)}.input:focus{border-color:#1e66f5;border-color:var(--mc-primary);box-shadow:0 0 0 3px #1e66f526;outline:none}.multi-select details{position:relative}.multi-select summary{border:1px solid #e6eaf2;border:1px solid var(--mc-border);border-radius:10px;cursor:pointer;list-style:none;padding:8px 10px}.multi-select summary::-webkit-details-marker{display:none}.selected-values{display:flex;flex-wrap:wrap;gap:6px}.multi-select__menu{background:#fff;background:var(--mc-surface);border:1px solid #e6eaf2;border:1px solid var(--mc-border);border-radius:12px;box-shadow:0 6px 24px #0f172a14;box-shadow:var(--mc-shadow);left:0;max-height:220px;overflow:auto;padding:10px;position:absolute;right:0;top:calc(100% + 8px);z-index:10}.option{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:6px 4px}.option:hover{background:#ffffff0f}.checkbox-list{grid-gap:6px;background:#fff;background:var(--mc-surface);border:1px solid #e6eaf2;border:1px solid var(--mc-border);border-radius:10px;display:grid;gap:6px;max-height:240px;overflow:auto;padding:8px}.checkbox-list .option{padding:8px}.checkbox-list .option input{accent-color:#1e66f5;accent-color:var(--mc-primary)}.checkbox-list .option input:focus+span{outline:none}.spinner{border:2px solid #cbd5e1;border-top:2px solid var(--mc-primary);height:20px;width:20px}.spinner--inline{display:inline-block;vertical-align:middle}.is-dark .mc-modal .icon-btn,[data-theme=dark] .mc-modal .icon-btn{background:#0000;border-color:#e6eaf2;border-color:var(--mc-border);color:#0f172a;color:var(--mc-text)}.is-dark .mc-modal .input::placeholder,[data-theme=dark] .mc-modal .input::placeholder{color:#64748b;color:var(--mc-muted)}[data-theme=dark] .mc-modal{background:#000000bf}[data-theme=dark] .mc-modal__panel{background:#fff;background:var(--mc-surface);border-color:#e6eaf2;border-color:var(--mc-border)}[data-theme=dark] .form-label,[data-theme=dark] .icon-btn,[data-theme=dark] .mc-modal__title{color:#0f172a;color:var(--mc-text)}[data-theme=dark] .icon-btn{background:#0000;border-color:#e6eaf2;border-color:var(--mc-border)}[data-theme=dark] .chip{background:#ffffff0d;border-color:#ffffff26;color:#0f172a;color:var(--mc-text)}[data-theme=dark] .option:hover{background:#ffffff14}[data-theme=dark] .checkbox-list{background:#fff;background:var(--mc-surface);border-color:#e6eaf2;border-color:var(--mc-border)}[data-theme=dark] .muted{color:#64748b;color:var(--mc-muted)}[data-theme=dark] .mc-image-preview{border-color:#e6eaf2;border-color:var(--mc-border)}[data-theme=dark] .svc-chip{background:#ffffff1a;border-color:#fff3;color:#e5e7eb}[data-theme=dark] .svc-chip.info{background:#3b82f640;border-color:#3b82f680;color:#bfdbfe}@media (max-width:600px){.mc-modal__panel{max-height:96vh}.checkbox-list{max-height:40vh}}.settings-subnav{background:#0000;border-bottom:1px solid #0000;position:-webkit-sticky;position:sticky;top:0;z-index:5}.settings-subnav-inner{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:12px 16px;scrollbar-width:none}.settings-subnav-inner::-webkit-scrollbar{height:0}.subnav-item{-webkit-appearance:none;appearance:none;background:var(--bg-paper);border:1px solid #00000014;border:1px solid var(--border-primary,#00000014);border-radius:999px;color:#374151;color:var(--text-primary,#374151);cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.2px;padding:8px 14px;transition:all .2s ease-in-out;white-space:nowrap}.subnav-item:hover{box-shadow:0 2px 10px #0000000f;transform:translateY(-1px)}.subnav-item.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 12px #1976d240;color:#fff}@media (max-width:900px){.settings-subnav-inner{gap:6px;padding:10px 12px}.subnav-item{font-size:12px;padding:7px 12px}}[data-theme=dark] .settings-subnav{background:#0000;border-bottom-color:#0000}[data-theme=dark] .subnav-item{background:var(--bg-paper);border-color:#ffffff1a;color:#e5e7eb;color:var(--text-primary,#e5e7eb)}[data-theme=dark] .subnav-item.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 12px #1976d240;color:#fff}.settings-sidebar{padding:12px 8px}.settings-sidebar .sidebar-list{display:flex;flex-direction:column;gap:6px}.sidebar-item{grid-gap:8px;align-items:start;background:var(--bg-paper);border:none;border-radius:12px;cursor:pointer;display:grid;gap:8px;grid-template-columns:40px 1fr;padding:12px 14px;text-align:left;transition:all .2s ease-in-out;width:100%}.sidebar-item:hover{border-color:#1976d240;box-shadow:0 4px 10px #0000000f}.sidebar-item.active{background:var(--bg-paper);border-color:#1976d2;position:relative}.sidebar-item.active:before{background:#1976d2;border-radius:2px;bottom:8px;content:"";left:0;position:absolute;top:8px;width:3px}.sidebar-icon{align-items:center;background:radial-gradient(circle,#1976d21f 0,#1976d20f 100%);border-radius:10px;color:var(--primary-color);display:inline-flex;height:34px;justify-content:center;width:34px}.sidebar-text{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-text .label{color:#0f172a;display:block;font-size:14px;font-weight:700;line-height:1.3;overflow:visible;text-overflow:clip;white-space:nowrap}.sidebar-text .desc{color:#475569;display:block;font-size:12px;line-height:1.35;white-space:normal}[data-theme=dark] .sidebar-item{background:var(--bg-paper);border:none}[data-theme=dark] .sidebar-item:hover{border-color:#42a5f559;box-shadow:0 4px 12px #00000080}[data-theme=dark] .sidebar-item.active{background:var(--bg-paper)}[data-theme=dark] .sidebar-item.active:before{background:#fff}[data-theme=dark] .sidebar-icon{background:radial-gradient(circle,#ffffff14 0,#ffffff0a 100%);color:var(--text-primary)}[data-theme=dark] .sidebar-text .label{color:#e5e7eb}[data-theme=dark] .sidebar-text .desc{color:#94a3b8}.mobile-settings-page{--bg:#0000;--card-bg:var(--bg-paper,#fff);--border:var(--border-primary,#edf0f5);--text-primary:#0f1a2a;--text-secondary:#6b7280;--accent:var(--primary-color,#1976d2);--accent-soft:var(--primary-softer,#e8f1ff);--active-bg:var(--hover-bg,#f2f7ff);--active-border:var(--border-primary,#cfe3ff);--shadow:var(--shadow-light,0 6px 18px #0f1a2a0f)}.mobile-settings-page.is-dark,[data-theme=dark] .mobile-settings-page{--bg:#0000;--card-bg:var(--bg-paper,#000);--border:var(--border-primary,#1a1a1a);--text-primary:#f3f4f6;--text-secondary:#9ca3af;--accent:var(--primary-color,#60a5fa);--accent-soft:var(--primary-softer,#60a5fa26);--active-bg:var(--hover-bg,#ffffff0a);--active-border:var(--border-primary,#2a2a2a);--shadow:var(--shadow-light,0 6px 18px #00000080)}.mobile-settings-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text-primary);min-height:100vh;padding:16px 12px 32px}.mobile-settings-container{margin:0 auto;max-width:920px}.mobile-topbar{border-bottom:none;display:flex;height:40px;justify-content:center;margin:0 0 8px;position:relative;top:0;z-index:1}.mobile-topbar,.mobile-topbar .back-btn{align-items:center;background:#0000;padding:0}.mobile-topbar .back-btn{border:none;color:var(--accent);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;text-align:center}.mobile-settings-card,.mobile-settings-nav-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:14px}.mobile-content-card.transparent,.mobile-settings-card.transparent{background:#0000!important;border-color:#0000!important;box-shadow:none!important}.mobile-settings-nav-header{border-left:3px solid var(--accent);color:var(--text-primary);font-size:18px;font-weight:700;margin:4px 6px 10px;padding-left:8px}.nav-list{list-style:none;margin:0;padding:0}.nav-item{align-items:flex-start;background:#0000;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:10px;margin-bottom:10px;padding:14px 12px;text-align:left;width:100%}.nav-item.active{background:var(--active-bg);border-color:var(--active-border)}.nav-icon{align-items:center;background:var(--accent-soft);border-radius:50%;color:var(--accent);display:inline-flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.nav-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.nav-text .label{color:var(--text-primary);font-size:clamp(14px,4.2vw,16px);font-weight:700;letter-spacing:.1px;line-height:1.28;margin-bottom:2px;overflow:visible;white-space:nowrap}.nav-text .desc{color:var(--text-secondary);font-size:13px;line-height:1.4}.mobile-subnav{display:flex;gap:8px;margin-bottom:8px;overflow-x:auto;padding:8px 4px}.mobile-content-card{padding:12px}.mobile-settings-page.is-dark .mobile-content-card{color:var(--text-primary)}@media (max-width:640px){.mobile-settings-card,.mobile-settings-nav-card{padding:12px}}:root{--em-primary:#1976d2;--em-primary-600:#1565c0;--em-primary-700:#0d47a1;--em-bg:#f7f9fc;--em-surface:#fff;--em-text:#1f2937;--em-text-muted:#6b7280;--em-border:#e5e7eb;--em-shadow:0 2px 8px #0000000f;--em-shadow-lg:0 6px 20px #0000001a;--em-radius:12px;--em-radius-sm:8px;--em-radius-xs:6px}.em-surface{background:#fff;background:var(--em-surface);border:1px solid #e5e7eb;border:1px solid var(--em-border);box-shadow:0 2px 8px #0000000f;box-shadow:var(--em-shadow)}.em-header-banner,.em-surface{border-radius:12px;border-radius:var(--em-radius)}.em-header-banner{background:#1976d2;background:var(--em-primary);color:#fff;overflow:hidden;padding:24px;position:relative}.em-header-pattern{background-image:linear-gradient(135deg,#0000 25%,#ffffff0f 0,#ffffff0f 50%,#0000 0,#0000 75%,#ffffff0f 0);background-size:20px 20px;bottom:0;position:absolute;right:0;top:0;width:40%}.em-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;position:relative;z-index:1}.em-title{font-size:24px;font-weight:700;margin:0 0 4px}.em-subtitle{align-items:center;display:flex;font-size:14px;gap:8px;opacity:.95}.em-badge{align-items:center;background:#fff3;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;min-width:24px;padding:0 8px}.em-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.em-input{background:#fff;background:var(--em-surface);border:1px solid #e5e7eb;border:1px solid var(--em-border);border-radius:8px;border-radius:var(--em-radius-sm);color:#1f2937;color:var(--em-text);font-size:14px;max-width:520px;outline:none;padding:10px 12px 10px 36px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.em-input:focus{border-color:#1976d2;border-color:var(--em-primary);box-shadow:0 0 0 3px #1976d226}.em-input-wrapper{flex:2 1 260px;position:relative}.em-input-icon{color:#6b7280;color:var(--em-text-muted);height:16px;left:12px;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:16px}.em-select{background:#fff;background:var(--em-surface);border:1px solid #e5e7eb;border:1px solid var(--em-border);border-radius:8px;border-radius:var(--em-radius-sm);color:#1f2937;color:var(--em-text);font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.em-select:focus{border-color:#1976d2;border-color:var(--em-primary);box-shadow:0 0 0 3px #1976d226}.em-btn{align-items:center;background:#1976d2;background:var(--em-primary);border:1px solid #0000;border-radius:8px;border-radius:var(--em-radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.em-btn:hover{background:#1565c0;background:var(--em-primary-600);box-shadow:0 6px 20px #0000001a;box-shadow:var(--em-shadow-lg);transform:translateY(-1px)}.em-btn-ghost{background:#1976d214;border:1px solid #1976d21f;color:#1976d2;color:var(--em-primary)}.em-icon-btn{align-items:center;background:#0000;border:0;border-radius:50%;color:#1f2937;color:var(--em-text);cursor:pointer;display:inline-flex;height:28px;justify-content:center;transition:transform .2s ease,color .2s ease;width:28px}.em-icon-btn:hover{transform:translateY(-1px)}.em-icon-btn.primary{color:#1976d2;color:var(--em-primary)}.em-icon-btn.danger{color:#ef4444}.em-icon-btn.info{color:#0284c7}.em-toggle{border:1px solid #e5e7eb;border:1px solid var(--em-border);border-radius:6px;border-radius:var(--em-radius-xs);display:inline-flex;overflow:hidden}.em-toggle .em-icon-btn{background:#fff;border:none;border-right:1px solid #e5e7eb;border-right:1px solid var(--em-border)}.em-toggle .em-icon-btn:last-child{border-right:none}.em-toggle .em-icon-btn.active{background:#1976d21a;color:#1976d2;color:var(--em-primary)}.em-chip{align-items:center;background:#1976d214;border-radius:999px;color:#1976d2;color:var(--em-primary);display:inline-flex;font-size:12px;font-weight:600;height:24px;padding:0 8px;text-transform:capitalize}.em-card{background:#fff;background:var(--em-surface);border:1px solid #e5e7eb;border:1px solid var(--em-border);border-radius:12px;border-radius:var(--em-radius);box-shadow:0 2px 8px #0000000f;box-shadow:var(--em-shadow);cursor:pointer;display:flex;flex-direction:column;height:100%;position:relative;transition:transform .2s ease,box-shadow .2s ease}.em-card:hover{box-shadow:0 6px 20px #0000001a;box-shadow:var(--em-shadow-lg);transform:translateY(-2px)}.em-card-role{height:3px;width:100%}.em-card-actions{background:#0000;border:0;border-radius:8px;display:flex;gap:6px;opacity:0;padding:0;position:absolute;right:6px;top:6px;transition:opacity .2s ease;z-index:2}.em-card:hover .em-card-actions{opacity:1}.em-card-body{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:16px}.em-avatar{background:#1976d214;border-radius:50%;box-shadow:0 2px 8px #0000000f;box-shadow:var(--em-shadow);color:#1976d2;color:var(--em-primary);display:grid;font-size:20px;font-weight:700;height:64px;margin-bottom:12px;overflow:hidden;place-items:center;width:64px}.em-avatar img{display:block;height:100%;object-fit:cover;width:100%}.em-name{color:#000;font-size:15px;font-weight:700;margin:0 0 8px;text-align:center}.em-status{align-items:center;background:#1976d20d;border-radius:8px;color:#6b7280;color:var(--em-text-muted);display:inline-flex;font-size:12px;gap:8px;margin-top:auto;padding:6px 10px}.em-status svg{height:14px;opacity:.9;width:14px}.em-table-wrapper{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--em-border);border-radius:12px;border-radius:var(--em-radius);box-shadow:0 2px 8px #0000000f;box-shadow:var(--em-shadow);overflow:hidden}table.em-table{border-collapse:collapse;font-size:14px;width:100%}table.em-table thead{background:#1976d208}table.em-table td,table.em-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--em-border);padding:12px 16px;text-align:left;vertical-align:middle}table.em-table tr:hover{background:#1976d205}.em-row-accent{border-left:3px solid #0000}.em-row-accent:hover{border-left-color:#1976d2;border-left-color:var(--em-primary)}.em-flex{align-items:center;display:flex;gap:12px}.em-text-muted{color:#6b7280;color:var(--em-text-muted);font-size:12px}.em-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.em-grid-item{min-width:0}.em-list{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--em-border);border-radius:12px;border-radius:var(--em-radius);box-shadow:0 2px 8px #0000000f;box-shadow:var(--em-shadow);list-style:none;margin:0;overflow:hidden;padding:0}.em-list-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--em-border);display:flex;justify-content:space-between;padding:12px 16px}.em-list-item:last-child{border-bottom:none}.em-list-primary{color:#1f2937;color:var(--em-text);font-weight:600}.em-list-secondary{color:#6b7280;color:var(--em-text-muted);font-size:12px}.em-gap-8{gap:8px}.em-gap-12{gap:12px}.em-mb-16{margin-bottom:16px}.em-mb-24{margin-bottom:24px}.em-ml-8{margin-left:8px}.em-badge-muted{background:#0000000f;color:#fff}@media (max-width:768px){.em-controls{gap:12px}.em-input-wrapper{flex:1 1 100%}.em-input{max-width:100%}}.em-card-circle{align-items:center;background:#0000!important;border:0!important;box-shadow:none!important;cursor:pointer;display:flex;flex-direction:column;gap:8px;position:relative}.em-card-circle:hover{box-shadow:none;transform:none}.em-card-circle .em-card-body{padding:12px 8px}.em-circle{background:#fff;border:3px solid #e5e7eb;border:3px solid var(--em-border);border-radius:50%;box-shadow:0 2px 8px #0000000f;box-shadow:var(--em-shadow);display:grid;height:132px;overflow:hidden;place-items:center;transition:transform .2s ease,box-shadow .2s ease;width:132px}.em-card-circle:hover .em-circle{box-shadow:0 6px 20px #0000001a;box-shadow:var(--em-shadow-lg);transform:translateY(-2px)}.em-circle img{display:block;height:100%;object-fit:cover;width:100%}.em-circle-initials{color:#1976d2;color:var(--em-primary);font-size:28px;font-weight:800;letter-spacing:.5px}.em-card-meta{text-align:center}@media (prefers-color-scheme:dark){:root{--em-bg:#0b1118;--em-surface:#0f172a;--em-text:#e5e7eb;--em-text-muted:#94a3b8;--em-border:#1f2937;--em-shadow:0 1px 2px #0009;--em-shadow-lg:0 8px 24px #0000008c}.em-card,.em-surface{background:#fff;background:var(--em-surface);border-color:#e5e7eb;border-color:var(--em-border);box-shadow:0 2px 8px #0000000f;box-shadow:var(--em-shadow)}.em-card-circle{background:#0000!important}.em-circle{background:#0b1220;border-color:#334155;box-shadow:0 2px 8px #0000000f;box-shadow:var(--em-shadow)}.em-icon-btn{border-color:#0000;color:#1f2937;color:var(--em-text)}.em-icon-btn,.em-icon-btn:hover{background:#0000}.em-toggle{border-color:#334155}.em-chip{background:#1976d22e;color:#8ab4f8}.em-input,.em-select{background:#0b1220;border-color:#334155;color:#1f2937;color:var(--em-text)}.em-name{color:#e5e7eb}table.em-table thead{background:#94a3b814}table.em-table td,table.em-table th{border-bottom-color:#1f2937}.em-table-wrapper{background:#fff;background:var(--em-surface)}.em-card-actions{background:#0000;border:0}}[data-mui-color-scheme=dark],[data-theme=dark],body.dark,html.dark{--em-bg:#0b1118;--em-surface:#0f172a;--em-text:#e5e7eb;--em-text-muted:#94a3b8;--em-border:#1f2937;--em-shadow:0 1px 2px #0009;--em-shadow-lg:0 8px 24px #0000008c}[data-mui-color-scheme=dark] .em-name,[data-theme=dark] .em-name,body.dark .em-name,html.dark .em-name{color:#e5e7eb}[data-mui-color-scheme=dark] .em-circle,[data-theme=dark] .em-circle,body.dark .em-circle,html.dark .em-circle{background:#0b1220;border-color:#334155;box-shadow:0 2px 8px #0000000f;box-shadow:var(--em-shadow)}[data-mui-color-scheme=dark] .em-icon-btn,[data-theme=dark] .em-icon-btn,body.dark .em-icon-btn,html.dark .em-icon-btn{background:#0000;border-color:#0000;color:#1f2937;color:var(--em-text)}[data-mui-color-scheme=dark] .em-chip,[data-theme=dark] .em-chip,body.dark .em-chip,html.dark .em-chip{background:#1976d22e;color:#8ab4f8}[data-mui-color-scheme=light],[data-theme=light],body.light,html.light{--em-bg:#f7f9fc;--em-surface:#fff;--em-text:#111827;--em-text-muted:#6b7280;--em-border:#e5e7eb}[data-mui-color-scheme=light] .em-name,[data-theme=light] .em-name,body.light .em-name,html.light .em-name{color:#000}[data-mui-color-scheme=light] .em-circle,[data-theme=light] .em-circle,body.light .em-circle,html.light .em-circle{background:#fff;border-color:#e5e7eb;border-color:var(--em-border);box-shadow:0 2px 8px #0000000f;box-shadow:var(--em-shadow)}:root{--bg:#0206178c}.modal-backdrop{background:#0206178c;background:var(--bg);padding:24px}.modal-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #02061733;color:#0f172a;color:var(--text-primary);max-width:520px;overflow:hidden;width:100%}.modal-header{justify-content:center;padding:18px 20px;text-align:center}.modal-title{display:inline-block;margin:0 auto;text-align:center}.modal-body{padding:18px 20px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:14px 20px 18px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.label{color:#475569;color:var(--text-secondary);font-size:13px}.input,.select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;font-size:14px;height:42px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.input:focus,.select:focus{border-color:#1976d2;border-color:var(--brand-blue);box-shadow:0 0 0 3px #1976d21f}.select-wrap{position:relative}.btn{height:40px}.error-text{color:#dc2626;font-size:13px;margin-top:6px}.spinner{height:16px;margin-right:8px;vertical-align:-2px;width:16px}.dialog-description{text-align:center}.mini-calendar{background:#fff;background:var(--calendar-bg);width:100%}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.calendar-header h3{color:#1a1a1a;color:var(--text-primary);font-size:1.1rem;font-weight:600;letter-spacing:-.5px;margin:0}.calendar-header button{align-items:center;background:none;border:none;border-radius:12px;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.calendar-header button:hover{background-color:#f0f7ff;background-color:var(--hover-bg);color:#1976d2;color:var(--primary-color)}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.75rem;text-align:center}.weekday{color:#666;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.5rem 0;text-transform:uppercase}.days-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;background-color:initial;background-color:var(--calendar-cell-bg);border-radius:12px;color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.calendar-day:hover{background-color:#f0f7ff;background-color:var(--hover-bg);color:#1976d2;color:var(--primary-color);transform:scale(1.1)}.calendar-day.selected{background-color:#1976d2;background-color:var(--primary-color);box-shadow:0 4px 12px #1976d24d;color:#fff;font-weight:600;transform:scale(1.1)}.calendar-day.different-month{color:#bbb;color:var(--text-disabled)}.calendar-day.today{border:2px solid #1976d2;border:2px solid var(--primary-color);font-weight:600}.calendar-day.has-events:after{background-color:#1976d2;background-color:var(--primary-color);border-radius:50%;bottom:4px;content:"";height:4px;position:absolute;width:4px}.calendar-day.selected.has-events:after{background-color:#fff}.calendar-day.closed{cursor:not-allowed;pointer-events:none}.calendar-day.closed,.calendar-day.closed:hover{background-color:#f5f5f5;background-color:var(--disabled-bg);color:#bbb;color:var(--text-disabled)}.calendar-day.closed:hover{transform:none}.calendar-day.closed.today{border-color:#bbb;border-color:var(--text-disabled)}.calendar-day.closed.selected{background-color:#f5f5f5;background-color:var(--disabled-bg);box-shadow:none;color:#bbb;color:var(--text-disabled);transform:none}.calendar-day.different-month.closed{background-color:#f5f5f5;background-color:var(--disabled-bg);opacity:.5}.calendar-day.holiday{background-color:#fff3e0;color:#f57c00}.calendar-day.holiday:hover{background-color:#ffe0b2;color:#ef6c00}.calendar-day.holiday.closed{background-color:#ffebee;color:#d32f2f;cursor:not-allowed}:root{--calendar-bg:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--text-disabled:#bbb;--primary-color:#1976d2;--hover-bg:#f0f7ff;--calendar-cell-bg:#0000;--disabled-bg:#f5f5f5}[data-theme=dark]{--calendar-bg:#1e1e1e;--text-primary:#fff;--text-secondary:#b0b0b0;--text-disabled:#666;--primary-color:#90caf9;--hover-bg:#90caf914;--calendar-cell-bg:#262626;--disabled-bg:#333}.today-button-container{display:flex;justify-content:center;margin-bottom:.75rem}.today-button-container button{align-items:center;background:none;border:none;border-radius:12px;color:#666;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.today-button-container button:hover{background-color:#f0f7ff;background-color:var(--hover-bg)}:root{--primary:#1976d2;--primary-600:#1565c0;--bg-subtle:#f5f8fb;--text:#0a2540;--text-muted:#5b7083;--border:#e6ecf0;--success:#22c55e;--hover-bg:#f7faff;--selected-bg:#f2f7ff;--thead-bg:#f7faff;--row-hover-bg:#f9fbff;--bubble-user-bg:#f1f5f9;--chip-info-bg:#1976d214;--chip-success-bg:#22c55e1a;--backdrop:#00000059;--loader-track:#1976d233;--sticky-bg:#fffc}[data-theme=dark]{--bg:#0b1220;--bg-subtle:#0f172a;--text:#e5e7eb;--text-muted:#9aa4b2;--border:#1f2937;--primary:#60a5fa;--primary-600:#3b82f6;--success:#34d399;--danger:#f87171;--hover-bg:#60a5fa0f;--selected-bg:#60a5fa1f;--thead-bg:#60a5fa0f;--row-hover-bg:#60a5fa12;--bubble-user-bg:#94a3b81f;--chip-info-bg:#60a5fa26;--chip-success-bg:#34d39926;--backdrop:#00000073;--loader-track:#60a5fa33;--sticky-bg:#020617cc}[data-theme=dark] .sticky-tabs{background:#0000}[data-theme=dark] .card{background:#0000;border:none!important}[data-theme=dark] .header,[data-theme=dark] .messages,[data-theme=dark] .table thead th,[data-theme=dark] .table-wrapper{background:#0000}[data-theme=dark] .modal{border:1px solid #e6ecf0;border:1px solid var(--border)}[data-theme=dark] .modal,[data-theme=dark] .modal-header{background:#fff;background:var(--bg)}[data-theme=dark] .modal-content{background:#f5f8fb;background:var(--bg-subtle)}[data-theme=dark] .modal-actions{background:#fff;background:var(--bg)}[data-theme=dark] .list-item:hover{background:#ffffff0a}[data-theme=dark] .list-item.selected{background:#ffffff08}[data-theme=dark] .btn{background:#0000;border-color:#e6ecf0;border-color:var(--border);color:#0a2540;color:var(--text)}[data-theme=dark] .btn:hover{background:#ffffff0f;border-color:#5b7083;border-color:var(--text-muted)}[data-theme=dark] .btn.danger{background:#f8717114;border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}[data-theme=dark] .chip.info,[data-theme=dark] .tab.active{color:#0a2540;color:var(--text)}[data-theme=dark] .chip.info{background:#ffffff0f}.card a{color:#0a2540;color:var(--text);text-decoration:none}.card a:hover{text-decoration:underline}.input-bar textarea{color:#0a2540;color:var(--text)}.input-bar textarea::placeholder{color:#5b7083;color:var(--text-muted)}.support-dashboard{width:100%}.support-dashboard a,.support-dashboard a:active,.support-dashboard a:hover,.support-dashboard a:link,.support-dashboard a:visited{color:#0a2540;color:var(--text)}.sticky-tabs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;background:var(--sticky-bg);border-bottom:1px solid #e6ecf0;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.tabs{display:flex;gap:8px;padding:8px 12px}.tab{-webkit-appearance:none;appearance:none;background:#0000;border:none;border-radius:8px 8px 0 0;color:#0a2540;color:var(--text);cursor:pointer;font-weight:600;padding:10px 14px}.tab.active{border-bottom:3px solid #1976d2;border-bottom:3px solid var(--primary);color:#1976d2;color:var(--primary)}.layout{grid-gap:12px;display:grid;gap:12px;grid-template-columns:320px 1fr;min-height:calc(100vh - 160px);overflow:auto;padding:8px}@media (max-width:1024px){.layout{grid-template-columns:1fr;min-height:auto}}.card{background:#fff;background:var(--bg);border:1px solid #e6ecf0;border:1px solid var(--border);display:flex;flex-direction:column}.scroll-y{overflow-y:auto}.scroll-y::-webkit-scrollbar{display:none}.scroll-y{-ms-overflow-style:none;scrollbar-width:none}.list{list-style:none;margin:0;padding:0}.list-item{border-left:4px solid #0000;cursor:pointer;padding:12px}.list-item:hover{background:#f7faff;background:var(--hover-bg)}.list-item.selected{background:#f2f7ff;background:var(--selected-bg);border-left-color:#1976d2;border-left-color:var(--primary)}.list-item.unread{border-left-color:#ef4444;border-left-color:var(--danger)}.list-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.list .list-row .ellipsis{color:#0a2540;color:var(--text)}.small{font-size:12px}.muted,.small{color:#5b7083;color:var(--text-muted)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.separator{background:#e6ecf0;background:var(--border);height:1px;opacity:.6}.header{align-items:center;background:#fff;background:var(--bg);border-bottom:1px solid #e6ecf0;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.header a{text-decoration:none}.header a,.header a:hover{color:#0a2540;color:var(--text)}.header a:hover{text-decoration:underline}.header .user{align-items:center;display:flex;gap:10px}.badge-online{background:#22c55e;background:var(--success);border-radius:50%;height:8px;width:8px}.messages{background:#f5f8fb;background:var(--bg-subtle);flex:1 1;gap:8px;padding:16px}.message,.messages{display:flex;flex-direction:column}.message{align-items:flex-start;gap:6px}.message.support{align-items:flex-end}.bubble{background:#f1f5f9;background:var(--bubble-user-bg);border-radius:12px;box-shadow:0 1px 2px #0000000a;color:#0a2540;color:var(--text);max-width:min(680px,70%);padding:12px 14px}.bubble.support{background:#1976d2;background:var(--primary);color:#fff}.bubble .meta{color:#ffffffd9;font-size:12px;margin-top:6px}.bubble.user .meta{color:#5b7083;color:var(--text-muted)}.input-bar{background:#fff;background:var(--bg);border-top:1px solid #e6ecf0;border-top:1px solid var(--border);display:flex;gap:8px;padding:12px}.input-bar textarea{background:#f5f8fb;background:var(--bg-subtle);border:1px solid #e6ecf0;border:1px solid var(--border);border-radius:10px;flex:1 1;font:inherit;max-height:120px;min-height:42px;padding:10px 12px;resize:none}[data-theme=dark] .input-bar,[data-theme=dark] .input-bar textarea{background:#0000}.btn{-webkit-appearance:none;appearance:none;background:#1976d214;border:1px solid #1976d2;border:1px solid var(--primary);color:#1976d2;color:var(--primary);padding:10px 12px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn.danger{background:#ef44440f;border-color:#ef4444;border-color:var(--danger);color:#ef4444;color:var(--danger)}.search-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.search-row input[type=text]{background:#fff;background:var(--bg);border:1px solid #e6ecf0;border:1px solid var(--border);border-radius:10px;max-width:100%;padding:10px 12px;width:300px}.table-wrapper{background:#fff;background:var(--bg);border:1px solid #e6ecf0;border:1px solid var(--border);border-radius:12px;overflow:visible}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #e6ecf0;border-bottom:1px solid var(--border);padding:12px;text-align:left}.table thead th{background:#f7faff;background:var(--thead-bg);font-weight:700}.table tr:hover{background:#f9fbff;background:var(--row-hover-bg)}.chip{display:inline-block;font-weight:700;padding:4px 8px}.chip.info{background:#1976d214;background:var(--chip-info-bg);color:#1976d2;color:var(--primary)}.chip.success{background:#22c55e1a;background:var(--chip-success-bg);color:#22c55e;color:var(--success)}.pagination{border:none;border-radius:0;box-shadow:none;gap:8px;justify-content:flex-end;padding:10px 12px}.pagination select{background:#fff;background:var(--bg);border:1px solid #e6ecf0;border:1px solid var(--border);color:#0a2540;color:var(--text)}.pagination select option{background-color:#fff!important;color:#0a2540!important}.pagination select:-internal-list-box,.pagination select::-ms-value{background-color:#fff!important;color:#0a2540!important}[data-theme=light] .pagination select option{background-color:#fff!important;color:#0a2540!important}[data-theme=light] .support-dashboard .pagination select{background-color:#fff!important;border-color:#e6ecf0!important;border-color:var(--border)!important;color:#0a2540!important}[data-theme=light] .support-dashboard .pagination select option:checked{background-color:#e9f2ff!important;color:#0a2540!important}.modal-backdrop{background:#00000059;background:var(--backdrop);z-index:1000}.modal{background:var(--bg);border:1px solid #e6ecf0;display:flex;flex-direction:column;max-height:80vh;width:min(920px,94vw)}.modal-header{border-bottom:1px solid #e6ecf0;padding:12px 16px}.modal-content{background:#f5f8fb;background:var(--bg-subtle);overflow-y:auto;padding:16px}.modal-actions{align-items:center;background:inherit;border-top:1px solid #e6ecf0;margin-top:auto;padding:12px 16px}.modal-actions .btn{margin:0}.loader{border:3px solid #1976d233;border-top-color:#1976d2;border:3px solid var(--loader-track);border-top-color:var(--primary);height:48px;margin:24px auto;width:48px}[data-theme=dark] .table-wrapper{background:#0000!important;border:0!important;border-color:#0000!important;box-shadow:none!important}[data-theme=dark] .table-wrapper,[data-theme=dark] .table-wrapper *{outline:none!important}[data-theme=dark] .table-wrapper{border-radius:0!important}[data-theme=dark] .table{border:none!important}[data-theme=dark] .table,[data-theme=dark] .table td,[data-theme=dark] .table th{border-color:#e6ecf0;border-color:var(--border)}[data-theme=dark] .table{border-collapse:initial}[data-theme=dark] .table thead th{background:#0000!important}[data-theme=dark] .pagination{background:#0000;border-top:none;border:0!important;border-radius:0!important;box-shadow:none!important;color:#0a2540;color:var(--text)}[data-theme=dark] .pagination,[data-theme=dark] .pagination *{box-shadow:none!important;outline:none!important}[data-theme=dark] .pagination label{color:#5b7083;color:var(--text-muted)}[data-theme=dark] .pagination select{background:#0000;border:1px solid #e6ecf0;border:1px solid var(--border);color:#0a2540;color:var(--text)}[data-theme=dark] .pagination select option{background:#0b1220;color:#0a2540;color:var(--text)}[data-theme=dark] .pagination select:focus{box-shadow:inset 0 0 0 1px #e6ecf0;box-shadow:0 0 0 1px var(--border) inset;outline:none}[data-theme=dark] .support-dashboard option,[data-theme=dark] .support-dashboard select{background-color:#0b1220!important;border-color:#e6ecf0!important;border-color:var(--border)!important;color:#0a2540!important;color:var(--text)!important}.stripe-callback-error,.stripe-callback-loading,.stripe-callback-success{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.stripe-callback-icon{font-size:64px!important;margin-bottom:1.5rem}.stripe-callback-loading .stripe-callback-icon{animation:pulse 2s infinite;color:#635bff!important}.stripe-callback-success .stripe-callback-icon{animation:scaleIn .5s ease-out;color:#2ecc71!important}.stripe-callback-error .stripe-callback-icon{animation:shake .5s ease-in-out;color:#e74c3c!important}.stripe-callback-title{font-weight:500!important;margin-bottom:1rem!important}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.spinning{animation:spin 2s linear infinite}.appointment-history-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:24px;width:100%}.page-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fffc;border-radius:20px;box-shadow:0 8px 32px #00000014;display:flex;gap:16px;margin-bottom:40px;overflow:hidden;padding:24px;position:relative}.page-header:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.page-title{font-size:2.25rem}.appointment-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fffc;border-radius:20px;box-shadow:0 8px 32px #00000014;display:flex;gap:12px;margin-bottom:40px;overflow:hidden;padding:8px;position:relative}.appointment-tabs:before{background:linear-gradient(135deg,#3b82f60d,#1d4ed80d);border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.tab-button{align-items:center;background:#0000;border:none;border-radius:16px;color:#64748b;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:10px;overflow:hidden;padding:16px 28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.tab-button:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:-1}.tab-button:hover{color:#374151;transform:translateY(-2px)}.tab-button.active{box-shadow:0 8px 24px #3b82f64d;color:#fff;transform:translateY(-2px)}.tab-button.active:before{opacity:1}.tab-button svg{height:22px;transition:transform .3s ease;width:22px}.tab-button.active svg,.tab-button:hover svg{transform:scale(1.1)}.tab-count{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:14px;color:inherit;display:inline-flex;font-size:.8rem;font-weight:700;height:28px;justify-content:center;margin-left:6px;min-width:28px;padding:0 10px;transition:all .3s ease}.tab-button.active .tab-count{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1)}.loading-container p{color:#64748b}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #dc26261a;justify-content:center;margin:24px 0;padding:32px}.error-message p{color:#dc2626;font-size:1.1rem;font-weight:600;margin:0;position:relative;text-align:center;z-index:1}.appointment-list-container{animation:fadeInUp .6s ease-out;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.appointment-list{flex-direction:column;width:100%}.appointment-filters,.appointment-list{display:flex;gap:20px;margin-bottom:32px}.appointment-filters{align-items:center;animation:slideInDown .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fffc;border-radius:20px;box-shadow:0 8px 32px #00000014;flex-wrap:wrap;padding:24px;position:relative;z-index:10}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.filter-group{flex:1 1;min-width:240px;position:relative}.search-input-wrapper,.select-wrapper{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px #0000000d;display:flex;overflow:visible;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.search-input-wrapper:focus-within,.select-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f633;transform:translateY(-2px)}.input-icon{align-items:center;color:#64748b;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:color .3s ease;width:56px}.search-input-wrapper:focus-within .input-icon,.select-wrapper:focus-within .input-icon{color:#3b82f6}.input-icon svg{height:22px;transition:transform .3s ease;width:22px}.search-input-wrapper:focus-within .input-icon svg,.select-wrapper:focus-within .input-icon svg{transform:scale(1.1)}.search-input,.status-select{background:#0000;border:none;color:#1e293b;flex:1 1;font-family:inherit;font-size:1rem;font-weight:500;outline:none;padding:16px 20px}.search-input::placeholder{color:#94a3b8;font-weight:400}.status-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px;cursor:pointer;padding-right:48px;position:relative;z-index:1}.status-select option{background:#fff;border:none;color:#1e293b;font-weight:500;outline:none;padding:12px}.pagination-container{align-items:center;animation:fadeIn .6s ease-out;border-top:2px solid #e2e8f0;display:flex;flex-direction:column;gap:20px;margin-top:40px;padding-top:32px}.pagination{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fffc;border-radius:20px;box-shadow:0 8px 32px #00000014;gap:12px;padding:12px}.pagination,.pagination-button{align-items:center;display:flex}.pagination-button{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:none;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#374151;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-button:hover:not(.disabled){background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 24px #3b82f64d;color:#fff;transform:translateY(-2px)}.pagination-button:active:not(.disabled){transform:translateY(0)}.pagination-button.disabled{cursor:not-allowed;opacity:.5;transform:none}.pagination-button svg{height:18px;transition:transform .3s ease;width:18px}.pagination-button:hover:not(.disabled) svg{transform:scale(1.1)}.pagination-pages{align-items:center;display:flex;gap:6px}.pagination-page{align-items:center;background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.pagination-page:hover:not(.active){background:#3b82f61a;color:#3b82f6;transform:translateY(-1px)}.pagination-page.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 16px #3b82f64d;color:#fff;transform:translateY(-1px)}.pagination-ellipsis{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;font-weight:600;height:40px;justify-content:center;width:40px}.pagination-info{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:#64748b;font-size:.9rem;font-weight:600}.no-appointments{align-items:center;animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed #3b82f64d;border-radius:24px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;justify-content:center;margin:32px 0;overflow:hidden;padding:64px 32px;position:relative;text-align:center}.no-appointments:before{background:linear-gradient(135deg,#3b82f605,#1d4ed805);border-radius:24px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.no-appointments-icon{align-items:center;animation:float 3s ease-in-out infinite;color:#3b82f666;display:flex;height:80px;justify-content:center;margin-bottom:24px;position:relative;width:80px;z-index:1}.no-appointments-icon svg{filter:drop-shadow(0 4px 8px rgba(59,130,246,.2));height:60px;width:60px}.no-appointments-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin:0 0 12px;position:relative;z-index:1}.no-appointments-description{color:#64748b;font-size:1.1rem;line-height:1.6;margin:0 0 32px;max-width:480px;position:relative;z-index:1}.appointment-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #1f268726,inset 0 1px 0 #fff9;margin-bottom:16px;overflow:hidden;padding:40px 20px 20px;position:relative}.appointment-card:after{background:linear-gradient(135deg,#1976d20d,#42a5f50d 50%,#03dac60d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.appointment-card:hover:after{opacity:1}.appointment-card:before{align-items:center;background:var(--primary-blue);border-radius:12px 12px 0 0;color:#fff;content:attr(data-status);display:flex;font-size:.7rem;font-weight:600;height:24px;justify-content:center;left:0;letter-spacing:.5px;position:absolute;right:0;text-transform:uppercase;top:0}.appointment-card.status-confirmed:before{background:var(--success-green)}.appointment-card.status-pending:before{background:var(--warning-orange)}.appointment-card.status-cancelled:before{background:var(--error-red)}.appointment-card.status-completed:before{background:var(--primary-blue)}.appointment-card.status-paid:before{background:var(--success-green)}.appointment-card.status-deposit_paid:before{background:var(--warning-orange)}.payment-ribbon{background:var(--error-red);bottom:28px;box-shadow:0 2px 4px #0003;color:var(--white);font-size:.75rem;font-weight:700;padding:4px 45px;position:absolute;right:-48px;transform:rotate(-45deg);z-index:1}.payment-ribbon:before{animation:shine 1.5s infinite;background:linear-gradient(45deg,#0000,#fff3 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.appointment-content{align-items:stretch;display:flex;flex-direction:column;gap:4px;margin-top:8px}.appointment-header{align-items:flex-start;gap:12px}.appointment-main{display:flex;flex-direction:column;gap:6px;margin-top:4px}.appointment-service{align-items:center;display:flex;flex:1 1;gap:8px}.service-icon{color:var(--primary-blue);filter:drop-shadow(0 2px 4px rgba(25,118,210,.3));height:20px;position:relative;width:20px}.service-icon:after{background:radial-gradient(circle,#1976d233 0,#0000 70%);border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.time-icon{color:var(--warning-orange)}.employee-icon,.time-icon{height:16px;opacity:.8;width:16px}.employee-icon{color:var(--secondary-blue)}.service-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-blue) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700;margin:0;text-shadow:0 2px 4px #1976d21a}.appointment-time{align-items:center;display:flex;gap:8px}.time-text{color:var(--text-secondary);font-size:.875rem;margin:0}.appointment-employee{align-items:center;display:flex;gap:8px}.employee-name{color:var(--text-secondary);font-size:.875rem;margin:0}.reschedule-status{margin-top:8px}.reschedule-chip{align-items:center;background:var(--secondary-blue);border-radius:10px;box-shadow:0 2px 4px #2196f34d;color:var(--white);display:inline-flex;font-size:.7rem;font-weight:500;height:20px;padding:2px 8px}.appointment-notes{border-left:2px solid var(--light-gray);margin-top:12px;padding-left:12px}.notes-text{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.error-alert{background:#f443361a;border:1px solid #f4433633;border-radius:6px;color:var(--error-red);font-size:.8rem;margin-top:12px;padding:8px 12px}.sync-section{align-items:center;display:flex;gap:8px;margin-top:16px}.sync-button{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);box-shadow:0 4px 16px #1976d24d;color:var(--white);font-size:.85rem;padding:10px 20px;transition:all .3s ease-in-out}.sync-button:hover{box-shadow:0 8px 24px #1976d266;transform:translateY(-2px)}.sync-button:active{transform:translateY(0)}.sync-button.error{background:linear-gradient(135deg,var(--error-red) 0,#ef5350 100%)}.sync-icon,.sync-loading{height:16px;width:16px}.sync-loading{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--white)}.sync-error{color:var(--error-red);font-size:.75rem;margin-top:4px}.synced-indicator{align-items:center;color:var(--success-green);display:flex;font-size:.875rem;font-weight:500;gap:6px}.synced-icon{height:20px;width:20px}.rating-section{margin-top:16px}.rate-button{align-items:center;background:#0000;border:1px solid var(--warning-orange);border-radius:6px;color:var(--warning-orange);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease-in-out}.rate-button:hover{background:#ff98001a;transform:translateY(-1px)}.rating-display{align-items:center;display:flex;gap:8px;margin-top:12px}.rating-stars{display:flex;gap:2px}.star{color:var(--warning-orange);height:16px;width:16px}.rating-text{color:var(--text-secondary);font-size:.875rem;margin:0}.dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dialog-content{animation:dialogSlideIn .3s ease-out;background:var(--white);border-radius:12px;box-shadow:0 20px 40px #0003;max-width:400px;padding:24px;width:90%}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-content h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 12px}.dialog-content p{color:var(--text-secondary);line-height:1.5;margin:0 0 20px}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}.dialog-actions button{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease-in-out}.dialog-actions button:first-child{background:var(--light-gray);color:var(--text-secondary)}.dialog-actions button:first-child:hover{background:var(--medium-gray)}.cancel-button{background:var(--error-red)!important;color:var(--white)!important}.cancel-button:hover{background:#d32f2f!important}.cancel-button:disabled{cursor:not-allowed;opacity:.6}.appointment-filters .filter-group,.appointment-filters .select-wrapper{position:relative}.appointment-filters .status-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.appointment-filters .status-select:focus+.input-icon{color:#3b82f6}@media (max-width:768px){.appointment-history-page{padding:16px}.page-header{margin-bottom:32px;padding:20px}.page-title{font-size:1.75rem}.appointment-tabs{gap:8px;margin-bottom:32px}.tab-button{font-size:.9rem;gap:8px;padding:14px 20px}.tab-button svg{height:20px;width:20px}.tab-count{font-size:.75rem;height:24px;min-width:24px}.appointment-filters.current-tab{display:none}.appointment-filters{gap:16px;padding:20px}.filter-group{min-width:200px}.search-input-wrapper,.select-wrapper{border-radius:14px}.input-icon{height:48px;width:48px}.search-input,.status-select{font-size:.95rem;padding:14px 16px}}@media (max-width:480px){.appointment-history-page{padding:12px}.page-header{margin-bottom:24px;padding:16px}.page-title{font-size:1.5rem}.appointment-tabs{border-radius:16px;flex-direction:column;gap:0}.tab-button{border-radius:12px;justify-content:center;margin-bottom:8px}.tab-button.active:after{display:none}.appointment-filters{flex-direction:column;gap:12px;padding:16px}.filter-group{min-width:auto;width:100%}.search-input-wrapper,.select-wrapper{border-radius:12px}.input-icon{height:44px;width:44px}.search-input,.status-select{font-size:.9rem;padding:12px 14px}.pagination{flex-wrap:wrap;gap:8px;justify-content:center}.pagination-pages{justify-content:center;margin-top:8px;order:2;width:100%}.pagination-button{order:1}.pagination-page{font-size:.85rem;height:36px;width:36px}.pagination-button{font-size:.85rem;padding:10px 16px}.no-appointments{padding:48px 24px}.no-appointments-title{font-size:1.5rem}.no-appointments-description{font-size:1rem}}@media (max-width:768px){.appointment-card{border-radius:12px;margin-bottom:12px;padding:28px 16px 16px}.appointment-card:before{font-size:.65rem;height:20px;letter-spacing:.3px}.appointment-content{gap:10px}.appointment-header{gap:8px}.appointment-main{gap:10px}.appointment-service{gap:6px}.service-name{font-size:.95rem}.service-icon{height:16px;width:16px}.appointment-time{gap:6px}.time-text{font-size:.8rem}.time-icon{height:14px;width:14px}.appointment-employee{gap:6px}.employee-name{font-size:.8rem}.employee-icon{height:14px;width:14px}.reschedule-status{margin-top:6px}.reschedule-chip{border-radius:8px;font-size:.65rem;height:18px;padding:2px 6px}.appointment-notes{margin-top:10px;padding-left:10px}.error-alert,.notes-text{font-size:.75rem}.error-alert{margin-top:10px;padding:6px 10px}.sync-section{align-items:flex-start;flex-direction:column;gap:6px;margin-top:12px}.sync-button{border-radius:10px;font-size:.8rem;gap:6px;justify-content:center;padding:10px 16px;width:100%}.sync-error{font-size:.7rem;margin-top:2px}.synced-indicator{font-size:.8rem;gap:4px}.synced-icon{height:18px;width:18px}.rating-section{margin-top:12px}.rate-button{border-radius:10px;font-size:.8rem;gap:6px;justify-content:center;padding:10px 16px;width:100%}.rating-display{gap:6px;margin-top:10px}.rating-stars{gap:1px}.star{height:14px;width:14px}.rating-text{font-size:.8rem}.payment-ribbon{bottom:24px;font-size:.65rem;padding:3px 35px;right:-40px}.dialog-content{margin:20px;padding:20px;width:calc(100% - 40px)}.dialog-actions{flex-direction:column;gap:8px}.dialog-actions button{font-size:.9rem;padding:12px;width:100%}}@media (max-width:480px){.appointment-card{border-radius:10px;margin-bottom:10px;padding:24px 12px 12px}.appointment-card:before{font-size:.6rem;height:18px;letter-spacing:.2px}.appointment-content{gap:4px}.appointment-header{gap:8px}.appointment-main{gap:4px}.appointment-service{gap:5px}.service-name{font-size:.9rem}.service-icon{height:14px;width:14px}.appointment-time{gap:5px}.time-text{font-size:.75rem}.time-icon{height:12px;width:12px}.appointment-employee{gap:5px}.employee-name{font-size:.75rem}.employee-icon{height:12px;width:12px}.reschedule-chip{border-radius:6px;font-size:.6rem;height:16px;padding:1px 5px}.appointment-notes{margin-top:8px;padding-left:8px}.error-alert,.notes-text{font-size:.7rem}.error-alert{margin-top:8px;padding:5px 8px}.sync-section{gap:5px;margin-top:10px}.sync-button{border-radius:8px;font-size:.75rem;gap:5px;padding:8px 14px}.sync-error{font-size:.65rem}.synced-indicator{font-size:.75rem;gap:3px}.synced-icon{height:16px;width:16px}.rating-section{margin-top:10px}.rate-button{border-radius:8px;font-size:.75rem;gap:5px;padding:8px 14px}.rating-display{gap:5px;margin-top:8px}.star{height:12px;width:12px}.rating-text{font-size:.75rem}.payment-ribbon{bottom:20px;font-size:.6rem;padding:2px 30px;right:-35px}}.appointment-card:focus,.rate-button:focus,.sync-button:focus{outline:none}@media (max-width:768px){.appointment-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.appointment-card:active{transform:scale(.98)}.rate-button:active,.sync-button:active{transform:scale(.95)}}[data-theme=dark] .appointment-card-body p,[data-theme=dark] .appointment-card-header h3,[data-theme=dark] .appointment-detail-label,[data-theme=dark] .appointment-detail-value{color:#fff}[data-theme=dark] .rate-button,[data-theme=dark] .sync-button,[data-theme=dark] .view-button{background:#3b82f6;color:#fff}[data-theme=dark] .rate-button:hover,[data-theme=dark] .sync-button:hover,[data-theme=dark] .view-button:hover{background:#2563eb}.empty-appointments-button{align-items:center!important;background:linear-gradient(135deg,#1976d2,#42a5f5)!important;border:none!important;border-radius:8px!important;box-shadow:0 6px 20px #1976d266!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-family:Roboto,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:1rem!important;font-weight:700!important;gap:8px!important;letter-spacing:.5px!important;padding:14px 28px!important;position:relative!important;text-decoration:none!important;text-transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;z-index:1!important}.empty-appointments-button:hover{background:linear-gradient(135deg,#1565c0,#1976d2)!important;box-shadow:0 8px 25px #1976d280!important;color:#fff!important;text-decoration:none!important;transform:translateY(-3px)!important}.empty-appointments-button:active{transform:translateY(-1px)!important}.empty-appointments-button:focus{outline:3px solid #1976d24d!important;outline-offset:2px!important}.empty-appointments-button svg{color:#fff!important;height:18px!important;width:18px!important}@media (max-width:768px){.empty-appointments-state{margin:12px 0;padding:24px 16px}.empty-appointments-icon{height:60px;margin-bottom:12px;width:60px}.empty-appointments-icon svg{height:30px;width:30px}.empty-appointments-title{font-size:1.1rem;margin-bottom:6px}.empty-appointments-description{font-size:.85rem;margin-bottom:20px;max-width:240px}.empty-appointments-button{font-size:.85rem!important;padding:10px 20px!important}.empty-appointments-decoration{display:none}}[data-theme=dark] .empty-appointments-state{background:#2d2d2d;border-color:#ffffff1a}[data-theme=dark] .empty-appointments-title{color:#fff}[data-theme=dark] .empty-appointments-description{color:#b0b0b0}[data-theme=dark] .empty-appointments-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f64d}[data-theme=dark] .empty-appointments-icon svg{color:#60a5fa}:root{--off-white:#f8f9fa;--light-gray:#e3f2fd;--medium-gray:#bdbdbd;--text-primary:#212121;--text-secondary:#757575;--success-green:#4caf50;--warning-orange:#ff9800;--error-red:#f44336;--shadow-light:0 2px 8px #1976d21a;--shadow-medium:0 4px 16px #1976d226;--shadow-heavy:0 8px 24px #1976d233;--border-radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}body{background:linear-gradient(135deg,#f8f9fa,#fff);background:linear-gradient(135deg,var(--off-white) 0,var(--white) 100%);color:#212121;color:var(--text-primary);font-family:Roboto,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;margin:0;padding:0}.dashboard-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.dashboard-content{margin:0 auto;max-width:1200px;padding:20px}.welcome-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1976d2,#42a5f5);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);border-radius:20px;box-shadow:0 20px 40px #1976d24d,0 8px 16px #0000001a;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.welcome-header:before{background:radial-gradient(circle at 20% 80%,#ffffff4d 0,#0000 50%),radial-gradient(circle at 80% 20%,#42a5f54d 0,#0000 50%),radial-gradient(circle at 40% 40%,#fff3 0,#0000 50%);bottom:0;left:0;right:0;top:0}.welcome-header:after,.welcome-header:before{content:"";pointer-events:none;position:absolute}.welcome-header:after{animation:float 20s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");height:200%;left:-50%;top:-50%;width:200%}.welcome-header-content{align-items:flex-start;color:#fff;color:var(--white);display:flex;gap:24px;justify-content:space-between;position:relative;z-index:1}.welcome-text h1{-webkit-text-fill-color:#0000;animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#fff,#f0f8ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin:0 0 8px;text-shadow:0 4px 8px #0003}.welcome-text p{font-size:1.1rem;font-weight:400;margin:0 0 20px;opacity:.95;text-shadow:0 2px 4px #0000001a}.header-actions{display:flex;gap:12px;margin-top:16px}@media (min-width:769px){.header-actions{justify-content:flex-start}.welcome-text{text-align:left}}.header-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;min-height:44px;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.header-action-btn:hover:before{left:100%}.header-action-btn:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.header-action-btn:active{transform:translateY(0)}.header-action-btn svg{font-size:1.1rem;transition:transform .3s ease}.header-action-btn:hover svg{transform:scale(1.1)}.profile-btn{background:#fff3;border-color:#ffffff4d}.logout-btn{background:#f4433633;border-color:#f443364d}.logout-btn:hover{background:#f443364d;border-color:#f4433680}.welcome-avatar-wrapper{align-items:center;display:flex;flex-direction:column;gap:12px}.welcome-avatar{border:3px solid #ffffff4d;border-radius:50%;font-size:1.8rem;font-weight:700;height:70px;position:relative;width:70px}.theme-toggle-btn,.welcome-avatar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;color:#fff;color:var(--white);cursor:pointer;display:flex;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-toggle-btn{border:2px solid #ffffff4d;border-radius:50%;height:48px;width:48px}.theme-toggle-btn:hover{background:#fff3;border-color:#ffffff80;transform:rotate(180deg)}.theme-toggle-btn:active{transform:rotate(180deg) scale(.95)}.welcome-avatar:before{background:linear-gradient(135deg,#fff3,#0000);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.welcome-avatar:hover:before{opacity:1}.avatar-badge{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#1976d2,#42a5f5);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);border:2px solid #fff;border:2px solid var(--white);border-radius:50%;bottom:-3px;box-shadow:0 4px 12px #0003;color:#fff;color:var(--white);display:flex;font-size:.8rem;height:24px;justify-content:center;position:absolute;right:-3px;width:24px}.welcome-avatar:hover{border-color:#ffffff80;box-shadow:0 12px 40px #0000004d;transform:scale(1.05)}.dashboard-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr;margin-bottom:30px}.appointments-column{margin-top:-16px}.quick-actions{margin-bottom:0}.quick-actions h2{color:#212121;color:var(--text-primary);font-size:1.4rem;font-weight:600;margin-bottom:16px;text-align:left}.actions-grid{display:flex;flex-direction:column;gap:8px}.action-card{align-items:center;background:#fff;background:var(--white);border:1px solid #e3f2fd;border:1px solid var(--light-gray);border-radius:8px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.action-card:before{background:linear-gradient(90deg,#0000,#1976d21a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.action-card:hover:before{left:100%}.action-card:hover{background:#f8f9fa;background:var(--off-white);border-color:#1976d2;border-color:var(--primary-blue);box-shadow:0 4px 12px #1976d226;transform:translateY(-2px)}.action-icon{align-items:center;border-radius:6px;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:36px}.action-card:hover .action-icon{transform:scale(1.1)}.action-content{flex:1 1;min-width:0}.action-title{color:#212121;color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:2px}.action-description{color:#757575;color:var(--text-secondary);font-size:.8rem;line-height:1.2}.action-card.primary .action-icon{background:linear-gradient(135deg,#1976d2,#42a5f5);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%)}.action-card.secondary .action-icon{background:linear-gradient(135deg,#2196f3,#64b5f6);background:linear-gradient(135deg,var(--secondary-blue) 0,#64b5f6 100%)}.action-card.success .action-icon{background:linear-gradient(135deg,#4caf50,#66bb6a);background:linear-gradient(135deg,var(--success-green) 0,#66bb6a 100%)}.action-card.warning .action-icon{background:linear-gradient(135deg,#ff9800,#ffb74d);background:linear-gradient(135deg,var(--warning-orange) 0,#ffb74d 100%)}.action-card.error .action-icon{background:linear-gradient(135deg,#f44336,#ef5350);background:linear-gradient(135deg,var(--error-red) 0,#ef5350 100%)}.action-card.accent .action-icon{background:linear-gradient(135deg,#03dac6,#4dd0e1);background:linear-gradient(135deg,var(--accent-blue) 0,#4dd0e1 100%)}.appointments-section-wrapper{background:#fff;background:var(--white);border:1px solid #e3f2fd;border:1px solid var(--light-gray);border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:0;padding:24px}.empty-appointments-state{background:#fff;background:var(--white);border:2px dashed #e3f2fd;border:2px dashed var(--light-gray);border-radius:12px;margin:16px 0;overflow:hidden;padding:32px 24px;position:relative;text-align:center}.empty-appointments-state:before{background:radial-gradient(circle at 20% 80%,#1976d208 0,#0000 50%),radial-gradient(circle at 80% 20%,#1976d205 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.empty-appointments-icon{align-items:center;background:linear-gradient(135deg,#1976d21a,#1976d20d);border:2px solid #1976d233;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 16px;position:relative;width:80px;z-index:1}.empty-appointments-icon svg{color:#1976d2;color:var(--primary-blue);height:40px;opacity:.7;width:40px}.empty-appointments-title{color:#212121;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:8px;position:relative;z-index:1}.empty-appointments-description{color:#757575;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:280px;position:relative;z-index:1}.empty-appointments-button{align-items:center;background:linear-gradient(135deg,#1976d2,#42a5f5);border:none;border-radius:8px;box-shadow:0 6px 20px #1976d266;color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:8px;letter-spacing:.5px;padding:14px 28px;position:relative;text-decoration:none;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.empty-appointments-button:hover{background:linear-gradient(135deg,#1565c0,#1976d2);box-shadow:0 8px 25px #1976d280;color:#fff;color:var(--white);text-decoration:none;transform:translateY(-3px)}.empty-appointments-button:active{transform:translateY(-1px)}.empty-appointments-button:focus{outline:3px solid #1976d24d;outline-offset:2px}.empty-appointments-button svg{color:#fff;color:var(--white);height:18px;width:18px}.empty-appointments-decoration{animation:float 3s ease-in-out infinite;background:#1976d24d;border-radius:50%;height:8px;position:absolute;width:8px}.empty-appointments-decoration:first-child{right:15%;top:20%}.empty-appointments-decoration:nth-child(2){animation:float 4s ease-in-out infinite reverse;background:#1976d233;bottom:25%;height:6px;left:10%;width:6px}.appointments-content{margin-top:16px}.appointments-content>div{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}.appointments-content>div>div:first-child{display:none!important}.appointments-content>div>div:last-child{background:#0000!important;border-radius:0!important;padding:0!important}.appointments-content .MuiBox-root{background:#0000!important;border:none!important;border-radius:0!important;padding:0!important}.appointments-content .MuiTypography-root{color:inherit!important}.appointments-section{background:#fff;background:var(--white);border:1px solid #e3f2fd;border:1px solid var(--light-gray);border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:0;padding:24px}.appointments-header{align-items:center;border-bottom:1px solid #e3f2fd;border-bottom:1px solid var(--light-gray);display:flex;justify-content:center;margin-bottom:20px;padding-bottom:12px}.appointments-header h2{color:#212121;color:var(--text-primary);font-size:1.4rem;font-weight:600;margin:0;text-align:center}.appointments-count{background:#1976d2;background:var(--primary-blue);border-radius:20px;color:#fff;color:var(--white);font-size:.9rem;font-weight:600;padding:8px 16px}.appointment-card{background:#fff;background:var(--white);border:1px solid #e3f2fd;border:1px solid var(--light-gray);border-radius:8px;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.appointment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.appointment-title{color:#212121;color:var(--text-primary);font-size:1rem;font-weight:600}.appointment-status{border-radius:12px;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.appointment-status.confirmed{background:#4caf501a;color:#4caf50;color:var(--success-green)}.appointment-status.pending{background:#ff98001a;color:#ff9800;color:var(--warning-orange)}.appointment-status.cancelled{background:#f443361a;color:#f44336;color:var(--error-red)}.appointment-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:8px}.appointment-detail{align-items:center;color:#757575;color:var(--text-secondary);display:flex;font-size:.85rem;gap:6px}.appointment-detail i{color:#1976d2;color:var(--primary-blue);font-size:1rem}.profile-banner{align-items:center;background:linear-gradient(135deg,#ff9800,#ffb74d);background:linear-gradient(135deg,var(--warning-orange) 0,#ffb74d 100%);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 16px #1976d226;box-shadow:var(--shadow-medium);color:#fff;color:var(--white);display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.profile-banner-content{align-items:center;display:flex;gap:15px}.profile-banner-icon{font-size:2rem}.profile-banner-text h3{font-size:1.2rem;font-weight:600;margin:0 0 5px}.profile-banner-text p{font-size:.9rem;margin:0;opacity:.9}.profile-banner-button{background:#fff;background:var(--white);border:none;border-radius:8px;border-radius:var(--border-radius-small);color:#ff9800;color:var(--warning-orange);cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.profile-banner-button:hover{background:#f8f9fa;background:var(--off-white);box-shadow:0 2px 8px #1976d21a;box-shadow:var(--shadow-light);transform:translateY(-2px)}@media (max-width:768px){.dashboard-content{padding:12px}.welcome-header{padding:20px}.welcome-header-content{align-items:center;flex-direction:column;gap:16px;text-align:center}.welcome-text h1{font-size:1.8rem}.welcome-text p{margin-bottom:12px}.header-actions{gap:12px;justify-content:center}.header-action-btn{font-size:.9rem;min-height:40px;padding:10px 16px}.welcome-avatar{font-size:1.8rem;height:70px;width:70px}.dashboard-layout{gap:16px;grid-template-columns:1fr}.actions-grid{flex-direction:column;gap:8px}.action-card{padding:16px}.appointments-header,.profile-banner{flex-direction:column;gap:12px;text-align:center}.empty-appointments-state{margin:12px 0;padding:24px 16px}.empty-appointments-icon{height:60px;margin-bottom:12px;width:60px}.empty-appointments-icon svg{height:30px;width:30px}.empty-appointments-title{font-size:1.1rem;margin-bottom:6px}.empty-appointments-description{font-size:.85rem;margin-bottom:20px;max-width:240px}.empty-appointments-button{font-size:.85rem;padding:10px 20px}.empty-appointments-decoration{display:none}}@media (max-width:480px){.dashboard-container{padding:10px}.welcome-header-content{flex-direction:column;gap:20px;text-align:center}.appointment-details{grid-template-columns:1fr}}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--border-radius-small)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8f9fa;background:var(--off-white)}::-webkit-scrollbar-thumb{background:#1976d2;background:var(--primary-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1565c0;background:var(--primary-blue-dark)}.action-card:focus,.appointment-card:focus,.header-action-btn:focus,.profile-banner-button:focus{outline:2px solid #1976d2;outline:2px solid var(--primary-blue);outline-offset:2px}@media (max-width:768px){.action-card,.appointment-card,.header-action-btn,.welcome-avatar{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.action-card:active,.appointment-card:active,.header-action-btn:active{transform:scale(.98)}.welcome-avatar:active{transform:scale(.95)}}@media print{.dashboard-container{background:#fff}.action-card,.appointment-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}@media (max-width:768px){.appointments-column{display:none}.dashboard-content{gap:24px}.quick-actions{margin-bottom:0}}[data-theme=dark] .dashboard-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}[data-theme=dark] .dashboard-content{color:#fff}[data-theme=dark] .action-card{background:#2d2d2d;border-color:#ffffff1a;color:#fff}[data-theme=dark] .action-card:hover{background:#3a3a3a;border-color:#fff3}[data-theme=dark] .appointment-card{background:#2d2d2d;border-color:#ffffff1a;color:#fff}[data-theme=dark] .appointment-card:hover{background:#3a3a3a;border-color:#fff3}[data-theme=dark] .profile-banner{background:#2d2d2d;border-color:#ffffff1a;color:#fff}[data-theme=dark] .appointments-section h2,[data-theme=dark] .quick-actions h2{color:#fff}[data-theme=dark] ::-webkit-scrollbar-track{background:#1a1a1a}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#424242}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#555}:root{--step-primary:#1e66f5;--step-primary-dark:#1553c0;--step-muted:#64748b;--step-text:#0f172a;--step-border:#e6eefc;--step-bg:#fff;--step-connector:#dbe7ff}.stepper{background:#0000;width:100%}.step-list{align-items:center;display:flex;gap:8px;justify-content:space-between}.step.is-vertical .step-list{align-items:stretch;flex-direction:column}.step-item{align-items:center;display:flex;gap:12px;position:relative}.step-item:not(:last-child):after{background:linear-gradient(90deg,#dbe7ff,#f5f8ff);background:linear-gradient(90deg,var(--step-connector),#f5f8ff);content:"";height:2px;left:36px;position:absolute;right:-8px;z-index:0}.is-vertical .step-item{padding:8px 0}.is-vertical .step-item:not(:last-child):after{background:linear-gradient(180deg,#dbe7ff,#f5f8ff);background:linear-gradient(180deg,var(--step-connector),#f5f8ff);bottom:auto;height:calc(100% - 44px);left:24px;right:auto;top:44px;width:2px}.step-icon{align-items:center;background:#fff;border:2px solid #e6eefc;border:2px solid var(--step-border);border-radius:999px;box-shadow:0 4px 12px #0220470f;color:#1e66f5;color:var(--step-primary);display:inline-flex;font-weight:800;height:44px;justify-content:center;width:44px;z-index:1}.step-item.active .step-icon,.step-item.completed .step-icon{background:linear-gradient(135deg,#1e66f5,#1553c0);background:linear-gradient(135deg,var(--step-primary),var(--step-primary-dark));border-color:#0000;box-shadow:0 8px 20px #1e66f540;color:#fff}.step-labels{display:flex;flex-direction:column;gap:2px}.step-title{color:#0f172a;color:var(--step-text);font-size:14px;font-weight:700}.step-sub{color:#64748b;color:var(--step-muted);font-size:12px}.step-item:not(.active):not(.completed) .step-title{opacity:.7}@keyframes step-pulse{0%{box-shadow:0 0 0 0 #1e66f559}70%{box-shadow:0 0 0 12px #1e66f500}to{box-shadow:0 0 0 0 #1e66f500}}.step-item.active .step-icon{animation:step-pulse 2s infinite}@media (max-width:640px){.step-title{font-size:13px}.step-sub{font-size:11px}.step-icon{height:40px;width:40px}}:root{--primary-600:#1e66f5;--primary-700:#1553c0;--primary-50:#eef4ff;--muted:#64748b;--border-soft:#e6eefc;--danger:#ef4444;--warning:#f59e0b;--bg:#fff;--ring:#1e66f526;--shadow:0 10px 22px #0220470f}.service-step{margin-top:8px}.service-list{background:#0000;border-radius:16px;padding:6px}.service-card{background:linear-gradient(180deg,#fff,#f9fbff);border:1px solid #e6eefc;border:1px solid var(--border-soft);border-radius:14px;box-shadow:0 10px 22px #0220470f;box-shadow:var(--shadow);display:block;margin:10px 8px;padding:18px 20px;text-align:left;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .12s ease;width:100%}.service-card:hover{box-shadow:0 14px 28px #02204714;transform:translateY(-1px)}.service-card.expanded{border-color:#e6eefc;border-color:var(--border-soft);box-shadow:0 14px 30px #1e66f52e,0 0 0 3px #1e66f526;box-shadow:0 14px 30px #1e66f52e,0 0 0 3px var(--ring)}.service-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.service-header-main{flex:1 1}.service-title{color:#0f172a;color:var(--text);font-size:18px;font-weight:600;margin:0 0 6px}.service-desc{color:#64748b;color:var(--muted);font-size:14px;margin:0 0 10px}.chip-row{align-items:center;display:flex;gap:8px}.chip{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);box-shadow:0 2px 4px #0220470a;color:#64748b;color:var(--muted);font-size:12px;gap:6px;height:24px;line-height:22px;padding:0 8px}.chip.info{background:#ecfeff;border-color:#bae6fd;color:#0369a1}.chip.price{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a;color:var(--success)}.chip.strike{background:#fff1f2;border-color:#fecdd3;color:#ef4444;color:var(--danger);text-decoration:line-through}.service-toggle{color:#1553c0;color:var(--primary-700);font-size:13px;font-weight:600;margin-left:auto;opacity:.9}.service-toggle:after{content:"›";display:inline-block;margin-left:6px}.service-details{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:0 0 14px 14px;border-top:none;box-shadow:0 10px 24px #0220470f;margin:-10px 8px 12px;padding:18px 20px}.section-title{color:#1e66f5;color:var(--primary-600);font-size:13px;letter-spacing:.02em;margin:0 0 12px;text-transform:uppercase}.grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(12,1fr)}.col-12{grid-column:span 12}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-4{grid-column:span 4}@media (max-width:640px){.col-4,.col-6,.col-8{grid-column:span 12}}.addon-card,.package-card{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;cursor:pointer;padding:12px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.addon-card:hover,.package-card:hover{background:#f8fafc}.addon-card.selected,.package-card.selected{background:#f0f5ff;border-color:#1e66f5;border-color:var(--primary-600);box-shadow:0 0 0 3px #1e66f514}.package-compact{align-items:center;display:flex;gap:12px}.pkg-thumb{border-radius:8px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.pkg-main{flex:1 1}.pkg-title-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.meta-row{color:#64748b;color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;gap:10px;margin-top:6px}.pkg-actions{margin-left:8px}.link{-webkit-appearance:none;appearance:none;background:#0000;border:0;color:#1553c0;color:var(--primary-700);cursor:pointer;font-weight:600}@media (max-width:640px){.package-compact{align-items:flex-start;flex-wrap:wrap}.pkg-thumb{height:40px;width:40px}.pkg-actions{margin-left:0;margin-top:6px;text-align:right;width:100%}.chip-row{flex-wrap:wrap;gap:6px}.chip{font-size:11px;height:22px;line-height:20px}.service-toggle{font-size:12px}}.addon-head,.package-head{align-items:center;display:flex;gap:8px;margin-bottom:6px}.check{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:4px;color:#0000;display:inline-flex;font-size:14px;height:18px;justify-content:center;width:18px}.selected .check{background:#1e66f5;background:var(--primary-600);border-color:#1e66f5;border-color:var(--primary-600);color:#fff}.addon-title,.package-title{color:#0f172a;color:var(--text);font-weight:600}.addon-meta,.package-meta{color:#64748b;color:var(--muted);display:flex;font-size:12px;gap:8px}.image-thumb img{border-radius:8px;height:70px;object-fit:cover;width:100%}.divider{background:#e2e8f0;background:var(--border)}.btn{padding:12px 16px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn-primary{background:linear-gradient(135deg,#1e66f5,#1553c0);background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 6px 14px #1e66f540;width:100%}.btn-primary:hover{box-shadow:0 8px 18px #1e66f552;transform:translateY(-1px)}.btn-ghost{background:#fff;border-color:#e2e8f0;border-color:var(--border);color:#0f172a;color:var(--text)}.btn-ghost:hover{background:#f8fafc}.actions-row{padding-top:16px}.actions-row,.modal-backdrop{display:flex;justify-content:center}.modal-backdrop{align-items:center;background:#0f172a80;inset:0;position:fixed;z-index:50}.modal{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 28px #0003;max-width:640px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);gap:8px;padding:16px 18px}.modal-title{font-size:18px;font-weight:600;margin:0}.modal-body{padding:18px}.modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);gap:8px;padding:12px 18px}.loader-wrap{display:flex;justify-content:center;padding:16px}.loader{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:999px;border-top:3px solid var(--primary-600);height:36px;width:36px}.state-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#64748b;color:var(--muted);padding:16px}.state-error{background:#fff1f2;border-color:#fecdd3;color:#ef4444;color:var(--danger)}.state-empty{background:#fffbeb;border-color:#fde68a;color:#92400e}.staff-loading{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:32px}.staff-spinner{animation:spin .8s linear infinite;border:3px solid #1976d240;border-radius:50%;border-top:3px solid var(--brand-blue);height:28px;margin-bottom:10px;width:28px}.staff-loading-text{color:#475569;color:var(--muted);font-size:14px}.staff-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.staff-card{background:#fff;border:none;border-radius:14px;box-shadow:0 0 0 0 #0000;padding:12px 10px;text-align:center;transition:box-shadow .15s ease,transform .08s ease;width:150px}.staff-card:hover{box-shadow:0 4px 14px #0206170f}.staff-card.selected{box-shadow:0 0 0 3px #1976d240}.staff-avatar{background:#e5e7eb;border:none;color:#0f172a;color:var(--text);font-weight:700;height:80px;margin:0 auto 8px;overflow:hidden;position:relative;width:80px}.staff-avatar img{height:100%;object-fit:cover;width:100%}.staff-initials{font-size:18px}.staff-check{align-items:center;background:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 6px #02061726;color:#1976d2;color:var(--brand-blue);display:flex;font-size:14px;height:20px;justify-content:center;position:absolute;right:4px;width:20px}.staff-name{color:#0f172a;color:var(--text);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:640px){.staff-card{width:120px}.staff-avatar{height:60px;width:60px}}:root{--text:#0f172a;--muted:#475569}.confirm-backdrop{align-items:center;background:#0206178c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.confirm-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px #02061733;max-width:420px;overflow:hidden;width:100%}.confirm-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);font-weight:600;padding:14px 16px}.confirm-body,.confirm-header{color:#0f172a;color:var(--text);text-align:center}.confirm-body{padding:16px}.confirm-text{color:#475569;color:var(--muted);font-size:14px}.confirm-name{color:#0f172a;color:var(--text);font-size:16px;font-weight:700;margin-top:6px}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;padding:14px 16px 16px}.btn{height:38px;padding:0 14px}.btn-outline{color:var(--text)}:root{--dt-primary:#1e66f5;--dt-primary-dark:#1553c0;--dt-muted:#64748b;--dt-text:#0f172a;--dt-border:#e2e8f0;--dt-bg:#fff}.dt-wrap{padding:12px}.dt-title{color:#0f172a;color:var(--dt-text);font-size:18px;font-weight:700;margin:6px 0 12px;text-align:left}.dt-card{background:#fff;border:1px solid #e6eefc;border-radius:12px;box-shadow:0 8px 22px #0220470a;padding:14px}.dt-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.dt-field{display:flex;flex-direction:column;gap:6px}.dt-label{color:#64748b;color:var(--dt-muted);font-size:13px;font-weight:600}.dt-input{background:#f8fbff;border:1px solid #e2e8f0;border:1px solid var(--dt-border);border-radius:10px;color:#0f172a;color:var(--dt-text);font-size:14px;padding:10px 12px;width:100%}.dt-sections{margin-top:12px}.dt-section-title{color:#0f172a;color:var(--dt-text);font-weight:600;margin:6px 0 12px;text-align:center}.dt-actions{align-items:center;border-top:1px solid #e6eefc;display:flex;justify-content:space-between;margin-top:16px;padding-top:12px}.dt-link{-webkit-appearance:none;appearance:none;background:#0000;border:0;color:#64748b;color:var(--dt-muted);cursor:pointer;font-weight:600}.dt-loader-wrap{align-items:center;border-radius:12px;display:flex;justify-content:center;min-height:200px;overflow:hidden;position:relative}.dt-loader{animation:dt-spin .9s linear infinite;border:3px solid #e2e8f0;border-radius:999px;border-top:3px solid var(--dt-primary);height:40px;width:40px}@keyframes dt-spin{to{transform:rotate(1turn)}}.dt-state{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--dt-border);border-radius:10px;color:#64748b;color:var(--dt-muted);padding:12px}.dt-error{background:#fff1f2;border-color:#fecdd3;color:#b91c1c}.dt-empty{background:#fffbeb;border-color:#fde68a;color:#92400e}@media (min-width:768px){.dt-row{grid-template-columns:repeat(12,1fr)}.dt-col-4{grid-column:span 4}.dt-col-8{grid-column:span 8}.dt-col-12{grid-column:span 12}}.ts-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:640px){.ts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.ts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ts-btn{align-items:center;background:linear-gradient(180deg,#fff,#f9fbff);border:1px solid #d6e4ff;border-radius:10px;box-shadow:0 4px 10px #0220470f;color:#0f172a;color:var(--dt-text);cursor:pointer;display:inline-flex;font-weight:600;gap:6px;height:46px;justify-content:center;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease;width:100%}.ts-btn:hover{box-shadow:0 8px 18px #0220471a;transform:translateY(-1px)}.ts-btn.selected{background:linear-gradient(135deg,#1e66f5,#1553c0);background:linear-gradient(135deg,var(--dt-primary),var(--dt-primary-dark));border-color:#0000;box-shadow:0 8px 20px #1e66f540;color:#fff}.ts-btn:disabled{cursor:not-allowed;opacity:.6}.ts-label{white-space:nowrap}:root{--summary-primary:#1976d2;--summary-primary-dark:#0d47a1;--summary-surface:#fff;--summary-text:#0f172a;--summary-muted:#64748b;--summary-outline:#e5e7eb;--summary-success:#16a34a;--summary-error:#dc2626;--summary-shadow-md:0 6px 20px #0208171a;--summary-radius-lg:16px;--summary-radius-md:12px;--summary-radius-sm:10px}.booking-summary-card{background:#fff;background:var(--summary-surface);border:1px solid #0208170f;border-radius:12px;border-radius:var(--summary-radius-md);box-shadow:0 6px 20px #0208171a;box-shadow:var(--summary-shadow-md);color:#0f172a;color:var(--summary-text);overflow:hidden}.booking-summary-body{padding:20px}.summary-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--summary-outline);margin-bottom:16px;padding-bottom:16px;text-align:center}.summary-title{color:#0d47a1;color:var(--summary-primary-dark);font-size:22px;font-weight:700}.summary-description{color:#64748b;color:var(--summary-muted);font-size:14px;margin-top:6px}.summary-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.chip{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;height:32px;padding:0 12px}.chip.info{background:#e6f0fb;color:#0d47a1;color:var(--summary-primary-dark)}.chip.success{background:#ecfdf5;color:#16a34a;color:var(--summary-success)}.section{margin-bottom:16px}.section-title{align-items:center;color:#0d47a1;color:var(--summary-primary-dark);display:flex;gap:8px;justify-content:center;margin-bottom:10px}.details-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.detail-item{grid-gap:4px;display:grid;gap:4px}.detail-label{color:var(--summary-muted)}.service-box{background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--summary-outline);border-radius:10px;border-radius:var(--summary-radius-sm);padding:12px}.service-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.service-meta{color:#64748b;color:var(--summary-muted);font-size:12px}.addon-list{margin-top:10px}.addon-item{border-top:1px dashed #e5e7eb;border-top:1px dashed var(--summary-outline);display:flex;gap:10px;justify-content:space-between;padding:8px 0}.price-summary{background:#f0f9ff;border:1px solid #dbeafe;border-radius:10px;border-radius:var(--summary-radius-sm);padding:12px}.row{justify-content:space-between}.row+.row{margin-top:8px}.row.total{border-top:1px dashed #bfdbfe;font-weight:700;margin-top:10px;padding-top:10px}.row-label{color:#64748b;color:var(--summary-muted);font-size:14px}.row-value{font-size:14px;font-weight:600}.row-value.success{color:#16a34a;color:var(--summary-success)}.deposit-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;border-radius:var(--summary-radius-sm);margin-top:12px;padding:12px}.deposit-title{color:#0d47a1;color:var(--summary-primary-dark);font-size:13px;font-weight:700;margin-bottom:8px}@media (max-width:640px){.details-list{grid-template-columns:1fr}}.regular-booking{margin-top:12px}.alert-error{background:#fee2e2;border:1px solid #fecaca;border-radius:10px;color:#7f1d1d;font-size:14px;margin:12px 0;padding:12px 14px}.primary-button.book-button{background:linear-gradient(90deg,#1565c0,#0d47a1);border:0;border-radius:999px;box-shadow:0 10px 24px #0d47a159;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.2px;padding:14px 18px;transition:transform .06s ease-in-out,box-shadow .15s ease-in-out,background .2s ease-in-out;width:100%}.primary-button.book-button:hover{box-shadow:0 14px 30px #0d47a173;transform:translateY(-1px)}.primary-button.book-button[disabled]{cursor:not-allowed;opacity:.7}.tos-row{margin:12px 0}.tos-label{align-items:center;color:#64748b;color:var(--color-muted,#64748b);display:inline-flex;font-size:14px;gap:8px}.tos-checkbox{height:16px;width:16px}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff73;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}:root{--policy-primary:#1976d2;--policy-primary-dark:#0d47a1;--policy-surface:#fff;--policy-muted:#64748b;--policy-outline:#e5e7eb;--policy-success:#16a34a;--policy-warning:#f59e0b;--policy-shadow:0 6px 18px #0208171a;--policy-radius:12px}.policy-card{background:#f0f9ff;border:1px solid #e5e7eb;border:1px solid var(--policy-outline);border-radius:12px;border-radius:var(--policy-radius);box-shadow:0 6px 18px #0208171a;box-shadow:var(--policy-shadow)}.policy-body{padding:16px}.policy-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.policy-badge{align-items:center;color:#0d47a1;color:var(--policy-primary-dark);display:inline-flex;font-weight:700;gap:8px}.policy-badge .dot{background:#1976d2;background:var(--policy-primary);border-radius:50%;height:10px;width:10px}.policy-content{color:#64748b;color:var(--policy-muted);font-size:14px}.policy-list{margin-top:10px;padding-left:16px}.policy-list li{margin:6px 0}.policy-terms{border-top:1px dashed #bfdbfe;margin-top:12px;padding-top:12px}.policy-toggle{background:#0000;border:none;color:#0d47a1;color:var(--policy-primary-dark);cursor:pointer;font-weight:600;margin-top:8px;padding:0}.policy-note{color:#64748b;color:var(--policy-muted);font-size:12px;margin-top:8px}.policy-accept{border-top:1px dashed #e5e7eb;border-top:1px dashed var(--policy-outline);margin-top:12px;padding-top:12px}.instore-section{background:#0000;border:none;box-shadow:none;padding:4px 0 0}.instore-title{color:#0d47a1;color:var(--policy-primary-dark);font-size:16px;font-weight:600;margin-bottom:12px;text-align:center}:root{--confirm-primary:#1976d2;--confirm-primary-dark:#0d47a1;--confirm-surface:#fff;--confirm-text:#0f172a;--confirm-muted:#64748b;--confirm-outline:#e5e7eb;--confirm-shadow-md:0 6px 20px #0208171a;--confirm-radius-lg:16px;--confirm-radius-md:12px;--confirm-radius-sm:10px}.confirmation-wrap{padding:16px}.confirmation-card{background:#fff;background:var(--confirm-surface);border:1px solid #0208170f;border-radius:12px;border-radius:var(--confirm-radius-md);box-shadow:0 6px 20px #0208171a;box-shadow:var(--confirm-shadow-md);color:#0f172a;color:var(--confirm-text);margin:0 auto;max-width:900px}.confirmation-body{padding:20px}.confirmation-title{color:#0d47a1;color:var(--confirm-primary-dark);font-size:22px;font-weight:700;margin-bottom:16px}.confirmation-section{margin-bottom:24px}.info-text{color:#64748b;color:var(--confirm-muted);font-size:14px}.actions-center{text-align:center}.primary-button{background:linear-gradient(180deg,var(--confirm-primary),var(--confirm-primary-dark));border-radius:10px;box-shadow:0 6px 18px #0208172e,0 0 0 4px #1976d21f;cursor:pointer;font-size:16px;font-weight:700;padding:12px 16px;transition:all .15s ease-in-out}.primary-button:disabled{cursor:not-allowed;opacity:.7}.primary-button:hover:not(:disabled){box-shadow:0 8px 22px #02081738,0 0 0 6px #1976d22e}.error-box{background:#fee2e2;border:1px solid #fecaca;border-radius:10px;color:#7f1d1d;margin-top:16px;padding:12px}.loading-overlay{background:#ffffffb3;display:grid;inset:0;place-items:center;position:fixed;z-index:9999}.spinner{border:3px solid #00000026;border-top:3px solid var(--confirm-primary-dark)}:root{--color-primary:#1976d2;--color-primary-dark:#0d47a1;--color-surface:#fff;--color-text:#0f172a;--color-muted:#64748b;--color-outline:#e5e7eb;--color-success:#16a34a;--shadow-lg:0 10px 30px #0208171f;--shadow-md:0 6px 20px #0208171a;--radius-lg:16px;--radius-md:12px;--radius-sm:10px}.success-page{-webkit-overflow-scrolling:touch;background:radial-gradient(900px 900px at 10% 0,#ffffff59,#fff0 40%),linear-gradient(135deg,#e8f3ff,#1976d2 45%,#0d47a1);background:radial-gradient(900px 900px at 10% 0,#ffffff59,#fff0 40%),linear-gradient(135deg,#e8f3ff 0,var(--color-primary) 45%,var(--color-primary-dark) 100%);color:#fff;height:100%;inset:0;overflow-x:hidden;overflow-y:auto;position:fixed;width:100%}.success-container{display:flex;flex-direction:column;margin:0 auto;max-width:640px;min-height:100vh;position:relative;z-index:1}.success-header{color:#fff;overflow:hidden;padding:24px;position:relative;text-align:center}.success-badge{background:#fff3;border:1px solid #ffffff59;border-radius:50%;box-shadow:0 6px 18px #0208172e;display:grid;height:72px;margin:0 auto 10px;place-items:center;width:72px}.success-header .check-bg{display:none}.success-title{font-size:22px;font-weight:700;letter-spacing:.2px;margin:6px 0 4px}.success-subtitle{font-size:14px;opacity:.95}.card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #0208170f;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 6px 20px #0208171a;box-shadow:var(--shadow-md);color:#0f172a;color:var(--color-text);margin:8px 16px 0;overflow:hidden}.card-content{padding:20px}.staff-block{align-items:center;display:flex;flex-direction:column;margin-bottom:12px;text-align:center}.muted{color:#64748b;color:var(--color-muted)}.avatar{background:#e6f0fb;border-radius:50%;display:grid;height:80px;margin:12px 0;overflow:hidden;place-items:center;width:80px}.avatar img{height:100%;object-fit:cover;width:100%}.divider{background:#e5e7eb;background:var(--color-outline);height:1px;margin:16px 0;width:100%}.details-grid{grid-gap:14px 18px;gap:14px 18px;grid-template-columns:1fr 1fr;justify-items:center}.detail,.details-grid{display:grid;text-align:center}.detail{grid-gap:4px;gap:4px}.detail-label{color:#64748b;color:var(--color-muted);font-size:12px;text-align:center}.detail-value{color:#0f172a;color:var(--color-text);font-size:15px;font-weight:600;text-align:center}.share-block{margin-top:10px;padding:8px;text-align:center}.share-row{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--color-outline);border-radius:10px;display:flex;gap:8px;margin-top:8px;padding:8px}.share-url{color:#0f172a;color:var(--color-text);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{background:#eef2ff;border:1px solid #0000;border-radius:8px;color:#0d47a1;color:var(--color-primary-dark);cursor:pointer;display:grid;height:36px;place-items:center;transition:all .15s ease-in-out;width:36px}.icon-button:hover{background:#e0e7ff}.ghost-button,.primary-button{border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 16px;transition:all .15s ease-in-out}.primary-button{border:none;box-shadow:0 6px 18px #0208172e,0 0 0 4px #ffffff2e;color:#fff}.primary-button,.primary-button:hover{background:linear-gradient(180deg,#1976d2,#0d47a1);background:linear-gradient(180deg,var(--color-primary),var(--color-primary-dark))}.primary-button:hover{box-shadow:0 8px 22px #02081738,0 0 0 6px #ffffff38}.ghost-button{background:#0000;border:1px solid #ffffffbf;color:#fff}.ghost-button:hover{background:#ffffff1f}.actions{margin:12px 16px 16px;text-align:center}.actions .full{width:100%}.action-row{display:inline-flex;gap:12px;justify-content:center}@media (min-width:560px){.action-row{grid-template-columns:1fr 1fr}}.toast{background:#111827;border-radius:999px;bottom:18px;box-shadow:0 10px 30px #0208171f;box-shadow:var(--shadow-lg);color:#fff;font-size:14px;left:50%;opacity:0;padding:10px 14px;pointer-events:none;position:fixed;transform:translateX(-50%);transition:opacity .2s ease-in-out;z-index:10000}.toast.show{opacity:1}.spinner-wrap{color:#fff;display:grid;min-height:100vh;place-items:center;width:100vw}.spinner{border:3px solid #ffffff59;border-top-color:#fff;height:36px;width:36px}.error{background:#fee2e2;border:1px solid #fecaca;border-radius:10px;color:#7f1d1d;margin:16px;padding:16px}.section-title{font-size:14px;letter-spacing:.3px}.appointment-id{font-size:13px}.share-button{background:#0000;border:1px solid #ffffffbf;color:#fff;margin-top:10px;width:100%}.share-button:hover{background:#ffffff1f}@media (max-width:640px){.success-header{border-bottom-left-radius:16px;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:16px;border-bottom-right-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026}.details-grid{grid-template-columns:1fr}}.custom-avatar-upload{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-avatar-upload:hover{transform:scale(1.02)}.custom-avatar-upload.uploading{pointer-events:none}.avatar-file-input{display:none}.avatar-container{border-radius:50%;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;flex-shrink:0;height:140px;min-height:140px;min-width:140px;overflow:hidden;position:relative;transition:all .3s ease;width:140px}.avatar-image{object-fit:cover}.avatar-image,.avatar-placeholder{border-radius:50%;height:100%;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:3px solid #fffc;display:flex;justify-content:center}.avatar-initials{color:var(--primary-blue);font-size:3rem;font-weight:700;letter-spacing:-1px;line-height:1;text-align:center;text-shadow:0 2px 4px #0000001a}.avatar-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.custom-avatar-upload.hovering .avatar-overlay{opacity:1}.avatar-action{align-items:center;color:#fff;display:flex;flex-direction:column;gap:8px;justify-content:center;text-align:center}.action-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:24px;width:24px}.avatar-action span{font-size:.75rem;font-weight:600;text-shadow:0 1px 2px #00000080;white-space:nowrap}.upload-loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:8px;justify-content:center}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:24px;width:24px}.avatar-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.avatar-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a;max-width:400px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-close svg{height:20px;width:20px}.modal-content{padding:20px 24px}.modal-content p{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:100px;padding:10px 20px;transition:all .2s ease}.modal-btn--secondary{background:#f3f4f6;color:#374151}.modal-btn--secondary:hover{background:#e5e7eb}.modal-btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.modal-btn--danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.avatar-notification{animation:slideInRight .3s ease;position:fixed;right:20px;top:20px;z-index:1001}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.avatar-notification--success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b9814d;color:#fff}.avatar-notification--error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 24px #ef44444d;color:#fff}.notification-content{min-width:300px}.notification-icon{height:20px;width:20px}@media (min-width:1024px){.avatar-container{height:140px;min-height:140px;min-width:140px;width:140px}.avatar-initials{font-size:3rem}.action-icon{height:24px;width:24px}.avatar-action span{font-size:.75rem}}@media (min-width:1440px){.avatar-container{height:100px;min-height:100px;min-width:100px;width:100px}.avatar-initials{font-size:2rem}.action-icon{height:18px;width:18px}.avatar-action span{font-size:.65rem}}@media (max-width:768px){.avatar-container{height:100px;min-height:100px;min-width:100px;width:100px}.avatar-initials{font-size:2rem}.action-icon{height:18px;width:18px}.avatar-action span{font-size:.65rem}.avatar-modal{max-width:350px;width:95%}.modal-header{padding:20px 20px 0}.modal-content{padding:16px 20px}.modal-actions{flex-direction:column;padding:0 20px 20px}.modal-btn{width:100%}.avatar-notification{left:10px;right:10px;top:10px}.notification-content{min-width:auto}}.profile-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;min-height:100vh;padding:24px}.profile-container{flex-direction:column;margin:0 auto}.profile-container,.profile-page .page-header{align-items:center;display:flex;max-width:600px;width:100%}.profile-page .page-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;gap:16px;margin-bottom:40px;padding:24px}.back-button,.profile-page .page-header{justify-content:center;position:relative}.back-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 16px #3b82f64d;color:#fff;cursor:pointer;display:flex;height:40px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.back-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;top:0;transition:left .6s ease;width:100%}.back-button:hover:before{left:100%}.back-button:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px) scale(1.05)}.back-button:active{transform:translateY(0) scale(.98)}.back-button svg{height:20px;transition:transform .3s ease;width:20px}.back-button:hover svg{transform:translateX(-2px)}.page-title:after{animation:titleUnderline 2s ease-out forwards;bottom:-4px;height:3px;transform:scaleX(0);transform-origin:left;width:100%}@media (min-width:1024px){.profile-container{max-width:400px}.profile-content{gap:16px}.profile-header{border-radius:12px;padding:24px 20px}.profile-header-content{gap:16px}.profile-avatar-section{height:80px;width:80px}.profile-name{font-size:1.5rem}.profile-subtitle{font-size:.9rem}.profile-section{padding:16px 20px}.field-row{gap:12px;grid-template-columns:1fr 1fr}.field-input,.field-value{font-size:.85rem;min-height:36px;padding:8px 12px}.field-label{font-size:.75rem;margin-bottom:4px}.section-header{margin-bottom:12px}.section-title{font-size:1.1rem}.section-icon{height:24px;width:24px}.section-icon svg{height:14px;width:14px}.profile-page{padding:16px}.contact-information{margin-bottom:0}}@media (min-width:1440px){.profile-container{max-width:350px}.profile-header{border-radius:10px;padding:20px 16px}.profile-header-content{gap:12px}.profile-avatar-section{height:70px;width:70px}.profile-name{font-size:1.25rem}.profile-subtitle{font-size:.8rem}.profile-section{padding:12px 16px}.field-row{gap:10px}.field-input,.field-value{font-size:.8rem;min-height:32px;padding:6px 10px}.field-label{font-size:.7rem;margin-bottom:3px}.section-header{margin-bottom:10px}.section-title{font-size:1rem}.section-icon{height:20px;width:20px}.section-icon svg{height:12px;width:12px}.profile-content{gap:12px}.contact-information{margin-bottom:12px}}.profile-content{display:flex;flex-direction:column;gap:24px}.profile-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);border-radius:20px;box-shadow:0 20px 40px #1976d24d,0 8px 16px #0000001a;overflow:hidden;padding:28px 24px;position:relative}.profile-header:before{background:radial-gradient(circle at 20% 80%,#fff3 0,#0000 50%),radial-gradient(circle at 80% 20%,#42a5f533 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff1a 0,#0000 50%);bottom:0;left:0;right:0;top:0}.profile-header:after,.profile-header:before{content:"";pointer-events:none;position:absolute}.profile-header:after{animation:float 20s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");height:200%;left:-50%;top:-50%;width:200%}.profile-header-content{align-items:center;color:#fff;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.profile-avatar-section{height:120px;position:relative;width:120px}.profile-text-content{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.profile-name{-webkit-text-fill-color:#0000;animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#fff,#f0f8ff);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;margin:0;text-shadow:0 4px 8px #0003}@keyframes glow{0%{filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}to{filter:drop-shadow(0 0 15px rgba(255,255,255,.6))}}.profile-subtitle{font-size:1rem;font-weight:400;margin:0;opacity:.95;text-shadow:0 2px 4px #0000001a}.edit-profile-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-profile-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.edit-profile-btn:hover:before{left:100%}.edit-profile-btn:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.edit-profile-btn:active{transform:translateY(0)}.edit-icon{height:18px;transition:transform .3s ease;width:18px}.edit-profile-btn:hover .edit-icon{transform:scale(1.1)}.profile-section{background:#fff;border:none;border-radius:20px;box-shadow:none;overflow:hidden;padding:16px 20px;position:relative}.profile-section:before{display:none}.section-header{gap:12px;justify-content:flex-start;margin-bottom:12px;text-align:left}.section-header,.section-icon{align-items:center;display:flex}.section-icon{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);border-radius:12px;box-shadow:0 4px 12px #1976d24d;color:#fff;height:40px;justify-content:center;width:40px}.section-icon svg{height:24px;width:24px}.section-toggle{align-items:center;display:flex;margin-left:auto}.section-icon.emergency-icon{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.section-title{color:var(--primary-blue);font-size:1.5rem;margin:0}.password-header{display:flex;flex-direction:column;gap:8px;width:100%}.password-header-row{align-items:center;display:flex;gap:12px;justify-content:center}.contact-information{display:flex;flex-direction:column;gap:24px;margin-bottom:0}.contact-fields{display:flex;flex-direction:column;gap:20px}.field-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.field-row:has(.field-group:only-child){grid-template-columns:1fr}.field-row--full-width{grid-template-columns:1fr!important}.field-group{display:flex;flex-direction:column;gap:8px}.field-label{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0;text-align:center;text-transform:uppercase}.field-input{border:2px solid #e5e7eb;border-radius:12px;color:#fff;font-size:1rem;outline:none;padding:12px 16px;text-align:center;transition:all .3s ease;width:100%}.field-input,.field-input:focus{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%)}.field-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #1976d21a}.field-input::placeholder{color:#ffffffb3;text-align:center}.field-value{align-items:center;background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);border:2px solid #e5e7eb;border-radius:12px;color:#fff;display:flex;font-size:1rem;font-weight:500;justify-content:center;min-height:48px;padding:12px 16px;text-align:center}.emergency-contact{display:flex;flex-direction:column;gap:24px}.emergency-content,.emergency-fields{display:flex;flex-direction:column;gap:20px}.empty-state{background:#fffc;border:2px dashed #d1d5db;border-radius:16px;flex-direction:column;padding:40px 20px;text-align:center}.empty-icon,.empty-state{align-items:center;display:flex}.empty-icon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;color:#9ca3af;height:60px;justify-content:center;margin-bottom:16px;width:60px}.empty-icon svg{height:32px;width:32px}.empty-title{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 8px}.empty-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.emergency-form{display:flex;flex-direction:column;gap:20px}.profile-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.password-fields{gap:12px;margin:0 auto;max-width:420px}.form-row,.password-fields{display:flex;flex-direction:column}.form-row{align-items:center;gap:8px;width:100%}.form-label{color:#374151;letter-spacing:.5px;margin:0;text-align:center;text-transform:uppercase}.form-input{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);border:2px solid #e5e7eb;border-radius:12px;color:#fff;font-size:1rem;max-width:360px;outline:none;padding:12px 16px;text-align:center;transition:all .3s ease}.form-input:focus{box-shadow:0 0 0 3px #1976d21a}.form-input::placeholder{color:#ffffffb3;text-align:center}.form-checkbox{align-items:center;display:flex;gap:8px;justify-content:center}.custom-button{display:flex;font-size:.9rem;min-width:100px;padding:12px 24px}.custom-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.custom-button--danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444466;transform:translateY(-2px)}.custom-button--success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.profile-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;box-shadow:0 2px 8px #f59e0b1a;margin-bottom:24px;padding:16px 20px}.warning-text{color:#92400e;font-size:.9rem;font-weight:500;line-height:1.5;margin:0;text-align:center}.profile-loading{align-items:center;color:var(--primary-blue);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.loading-spinner{border:3px solid #1976d21a;border-top:3px solid var(--primary-blue)}.profile-loading p{font-size:1rem;font-weight:500;margin:0}.notification-toast{animation:slideDown .3s ease-out;left:50%;max-width:400px;position:fixed;top:24px;transform:translateX(-50%);width:90%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.notification-content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;gap:12px;padding:16px 20px}.notification-toast.success .notification-content{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.notification-toast.error .notification-content{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.notification-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.notification-icon svg{height:20px;width:20px}.notification-message{flex:1 1;font-size:.9rem;font-weight:500;line-height:1.4}.notification-close{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:background-color .2s ease}.notification-close:hover{background:#fff3}.notification-close svg{height:18px;width:18px}@media (max-width:768px){.profile-page{padding:16px}.profile-page .page-header{border-radius:0;margin-bottom:24px;padding:20px}.page-title{font-size:1.75rem}.profile-header{border-radius:16px;padding:32px 24px}.profile-name{font-size:2rem}.profile-avatar-section{height:120px;width:120px}.profile-section{border-radius:16px;padding:24px}.field-row{gap:16px;grid-template-columns:1fr}.notification-toast{top:16px;width:95%}.notification-content{padding:14px 16px}}@media (max-width:480px){.profile-page{padding:12px}.profile-page .page-header{border-radius:0;margin-bottom:20px;padding:16px}.page-title{font-size:1.5rem}.profile-header{padding:24px 20px}.profile-name{font-size:1.75rem}.profile-section{padding:20px}.profile-content{gap:20px}.section-header{margin-bottom:20px}.section-icon{height:36px;width:36px}.section-icon svg{height:20px;width:20px}.section-title{font-size:1.25rem}.contact-fields,.emergency-fields{gap:16px}.field-input,.field-value{font-size:.9rem;padding:10px 14px}}[data-theme=dark] .profile-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}[data-theme=dark] .profile-container{background:#2d2d2d;border-color:#ffffff1a;color:#fff}[data-theme=dark] .field-label,[data-theme=dark] .field-value,[data-theme=dark] .form-label{color:#fff}[data-theme=dark] .field-input,[data-theme=dark] .form-input{background:#1a1a1a;border-color:#ffffff1a;color:#fff}[data-theme=dark] .field-input:focus,[data-theme=dark] .form-input:focus{background:#2d2d2d;border-color:#3b82f6}[data-theme=dark] .edit-profile-btn{background:#3b82f6;color:#fff}[data-theme=dark] .edit-profile-btn:hover{background:#2563eb}.edit-profile-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;min-height:100vh;padding:8px 24px 24px}.edit-profile-container{margin:0 auto}.edit-profile-container,.edit-profile-page .page-header{align-items:center;display:flex;flex-direction:column;max-width:600px;width:100%}.edit-profile-page .page-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;gap:16px;margin-bottom:20px;padding:8px 12px;position:relative}.edit-profile-page .page-header:before{display:none}.edit-profile-page .back-link{align-items:center;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:6px;margin-top:0;text-decoration:none;transition:color .2s ease}.edit-profile-page .back-link:hover{color:#1d4ed8;text-decoration:underline}.edit-profile-page .back-link svg{flex-shrink:0;height:18px;width:18px}.edit-profile-page .page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.025em;margin:0;position:relative;text-align:center}.profile-section .form-group{align-items:center;background:#fff;border:1px solid #e6eaf0;border-radius:12px;display:flex;gap:16px;justify-content:space-between;margin:12px 0;padding:12px 14px}.profile-section .field-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.profile-section .field-title{font-weight:600}.profile-section .field-help{color:#666;font-size:12px}.profile-section .field-status{color:#0f172a;font-size:12px;margin-top:4px}.switch{display:inline-block;height:26px;position:relative;touch-action:manipulation;width:46px}.switch input{display:none}.slider{background-color:#e5e7eb;border-radius:26px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 2px #0000001a;content:"";height:22px;left:2px;width:22px}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translateX(20px)}.switch:focus-within .slider{box-shadow:0 0 0 3px #3b82f640}.switch input:focus-visible+.slider{box-shadow:0 0 0 3px #3b82f640}.switch input:focus+.slider{box-shadow:none}.toggle-wrap{align-items:center;display:flex;gap:10px}.toggle-status{color:#0f172a;font-size:12px;font-weight:600}.toggle-status.on{color:#065f46}.toggle-status.off{color:#991b1b}@media (max-width:480px){.switch{height:32px;width:56px}.slider{border-radius:32px}.slider:before{height:28px;width:28px}input:checked+.slider:before{transform:translateX(24px)}.profile-section .field-title{font-size:14px}.profile-section .field-help{font-size:11px}}.bottom-toast{background:#e8fbe8;border:1px solid #bbf7d0;border-radius:10px;bottom:18px;box-shadow:0 6px 20px #00000014;color:#065f46;font-weight:600;left:50%;padding:10px 14px;position:fixed;transform:translateX(-50%);z-index:1000}.bottom-toast.error{background:#fdeaea;border-color:#fecaca;color:#991b1b}@media (max-width:768px){.edit-profile-page{padding:16px}.edit-profile-page .page-header{margin-bottom:24px;padding:20px}.edit-profile-page .page-title{font-size:1.75rem}}@media (max-width:480px){.edit-profile-page{padding:12px}.edit-profile-page .page-header{margin-bottom:20px;padding:16px}.edit-profile-page .page-title{font-size:1.5rem}}[data-theme=dark] .edit-profile-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}[data-theme=dark] .profile-content{color:#fff}[data-theme=dark] .profile-content,[data-theme=dark] .profile-section{background:#2d2d2d;border-color:#ffffff1a}[data-theme=dark] .info-label,[data-theme=dark] .info-value,[data-theme=dark] .section-title{color:#fff}[data-theme=dark] .info-item button{background:#3b82f6;color:#fff}[data-theme=dark] .info-item button:hover{background:#2563eb}.custom-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:8px;justify-content:center;outline:none;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.custom-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.custom-button:hover:before{left:100%}.custom-button:active{transform:translateY(1px)}.custom-button:focus{box-shadow:0 0 0 3px #1976d24d}.custom-button--primary{background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);box-shadow:0 4px 12px #1976d24d;color:#fff}.custom-button--primary:hover{background:linear-gradient(135deg,#1565c0,#1976d2);box-shadow:0 6px 20px #1976d266;transform:translateY(-2px)}.custom-button--secondary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000001a;color:#374151}.custom-button--secondary:hover{background:linear-gradient(135deg,#f1f5f9,#cbd5e1);border-color:#d1d5db;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.custom-button--danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.custom-button--danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.custom-button--success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.custom-button--success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.custom-button--ghost{background:#0000;border:2px solid var(--primary-blue);color:var(--primary-blue)}.custom-button--ghost:hover{background:var(--primary-blue);box-shadow:0 4px 12px #1976d24d;color:#fff;transform:translateY(-2px)}.custom-button--small{border-radius:8px;font-size:.875rem;padding:8px 16px}.custom-button--medium{border-radius:12px;font-size:1rem;padding:12px 24px}.custom-button--large{border-radius:16px;font-size:1.125rem;padding:16px 32px}.custom-button--full-width{width:100%}.custom-button--disabled{cursor:not-allowed;opacity:.6;transform:none!important}.custom-button--disabled:hover{box-shadow:none!important;transform:none!important}.custom-button--disabled:before{display:none}.custom-button__icon{align-items:center;display:flex;justify-content:center;transition:transform .3s ease}.custom-button__icon svg{height:18px;width:18px}.custom-button:hover .custom-button__icon{transform:scale(1.1)}.custom-button__text{font-weight:600;letter-spacing:.025em}.custom-button--loading{color:#0000;position:relative}.custom-button--loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@media (max-width:768px){.custom-button--medium{font-size:.9rem;padding:10px 20px}.custom-button--large{font-size:1rem;padding:14px 28px}}@media (max-width:480px){.custom-button--medium{font-size:.875rem;padding:8px 16px}.custom-button--large{font-size:.9rem;padding:12px 24px}}.appointment-history-content,.appointment-history-content *,.appointment-history-page,.appointment-history-page *,.appointment-list-container,.appointment-list-container *,.appointment-tabs,.appointment-tabs *{-ms-overflow-style:none;scrollbar-width:none}.appointment-history-content ::-webkit-scrollbar,.appointment-history-content::-webkit-scrollbar,.appointment-history-page ::-webkit-scrollbar,.appointment-history-page::-webkit-scrollbar,.appointment-list-container ::-webkit-scrollbar,.appointment-list-container::-webkit-scrollbar,.appointment-tabs ::-webkit-scrollbar,.appointment-tabs::-webkit-scrollbar{display:none}body,html{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.appointment-history-content{-ms-overflow-style:none;margin:0 auto;max-width:1200px;scrollbar-width:none}.appointment-history-content::-webkit-scrollbar{display:none}.appointment-history-page .page-header{align-items:center;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex;flex-direction:column;gap:16px;margin-bottom:40px;max-width:1200px;padding:16px 24px;position:relative;width:100%}.appointment-history-page .page-header:before{display:none!important}.appointment-history-page .back-link{align-items:center;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:6px;margin-top:0;text-decoration:none;transition:color .2s ease}.appointment-history-page .back-link:hover{color:#1d4ed8;text-decoration:underline}.appointment-history-page .back-link svg{flex-shrink:0;height:18px;width:18px}.appointment-history-page .page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800;letter-spacing:-.025em;margin:0;position:relative;text-align:center}.appointment-history-page .page-title:after{animation:titleUnderline 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.appointment-history-page .appointment-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fffc;border-radius:20px;box-shadow:0 8px 32px #00000014;display:flex;gap:12px;margin-bottom:40px;overflow:hidden;padding:8px;position:relative}.appointment-history-page .appointment-tabs:before{background:linear-gradient(135deg,#3b82f60d,#1d4ed80d);border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.appointment-history-page .tab-button{align-items:center;background:#0000;border:none;border-radius:16px;color:#64748b;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:10px;overflow:hidden;padding:16px 28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.appointment-history-page .tab-button:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:-1}.appointment-history-page .tab-button.active:before,.appointment-history-page .tab-button:hover:before{opacity:1}.appointment-history-page .tab-button.active,.appointment-history-page .tab-button:hover{box-shadow:0 8px 24px #3b82f64d;color:#fff;transform:translateY(-2px)}.appointment-history-page .tab-button svg{height:20px;transition:transform .3s ease;width:20px}.appointment-history-page .tab-button.active svg,.appointment-history-page .tab-button:hover svg{transform:scale(1.1)}.appointment-history-page .tab-count{align-items:center;background:#fff3;border-radius:14px;color:inherit;display:inline-flex;font-size:.8rem;font-weight:700;height:28px;justify-content:center;min-width:28px;padding:0 8px;transition:all .3s ease}.appointment-history-page .tab-button.active .tab-count,.appointment-history-page .tab-button:hover .tab-count{background:#ffffff4d;transform:scale(1.1)}.appointment-history-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.appointment-history-page .loading-spinner{animation:spin 1s linear infinite;border:3px solid #3b82f61a;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.appointment-history-page .loading-container p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:#6b7280;font-size:1rem;margin:0}.appointment-history-page .error-message{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:20px;box-shadow:0 8px 32px #dc26261a;display:flex;justify-content:center;margin:24px 0;overflow:hidden;padding:32px;position:relative}.appointment-history-page .error-message:before{animation:errorShimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.appointment-history-page .error-message p{color:#dc2626;font-size:1.1rem;font-weight:600;margin:0;position:relative;text-align:center;z-index:1}@media (max-width:768px){.appointment-history-page{padding:16px}.appointment-history-page .page-header{margin-bottom:32px;padding:20px}.appointment-history-page .page-title{font-size:1.75rem}.appointment-history-page .appointment-tabs{gap:8px;margin-bottom:32px}.appointment-history-page .tab-button{font-size:.9rem;gap:8px;padding:14px 20px}.appointment-history-page .tab-button svg{height:20px;width:20px}.appointment-history-page .tab-count{font-size:.75rem;height:24px;min-width:24px}}[data-theme=dark] .appointment-history-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}[data-theme=dark] .appointment-tabs{background:#2d2d2d;border-color:#ffffff1a}[data-theme=dark] .tab-button{background:#0000;color:#fff}[data-theme=dark] .tab-button.active{background:#3b82f6;color:#fff}[data-theme=dark] .tab-button:hover:not(.active){background:#ffffff0d}.loading-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}.loading-spinner-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 60px #0000001a;display:flex;flex-direction:column;gap:24px;justify-content:center;overflow:hidden;padding:48px;position:relative}.loading-spinner-container:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.loading-spinner{border:4px solid #3b82f61a;height:60px;position:relative;width:60px;z-index:1}.loading-spinner:after{animation:pulse 2s ease-in-out infinite;border:2px solid #3b82f633;border-radius:50%;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.loading-container p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.1rem;font-weight:600;letter-spacing:.5px;position:relative;text-align:center;z-index:1}.loading-dots{display:inline-block;height:20px;margin-top:8px;position:relative;width:80px}.loading-dots:after{animation:loadingDots 1.2s linear infinite;background:#3b82f6;border-radius:50%;content:"";display:block;height:20px;position:absolute;top:0;width:20px}@keyframes loadingDots{0%{left:0;opacity:.5;transform:scale(.8)}25%{left:30px;opacity:1;transform:scale(1)}50%{left:60px;opacity:.5;transform:scale(.8)}to{left:0;opacity:.5;transform:scale(.8)}}.loading-decoration{animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);border-radius:50%;position:absolute}.loading-decoration:first-child{animation-delay:0s;height:20px;left:15%;top:20%;width:20px}.loading-decoration:nth-child(2){animation-delay:1s;height:15px;right:20%;top:60%;width:15px}.loading-decoration:nth-child(3){animation-delay:2s;bottom:30%;height:25px;left:25%;width:25px}@media (max-width:768px){.loading-spinner-container{margin:20px;padding:32px}.loading-spinner{border-width:3px;height:50px;width:50px}.loading-container p{font-size:1rem}.loading-dots{height:16px;width:60px}.loading-dots:after{height:16px;width:16px}}@media (max-width:480px){.loading-spinner-container{margin:16px;padding:24px}.loading-spinner{border-width:3px;height:40px;width:40px}.loading-container p{font-size:.9rem}}[data-theme=dark] .loading-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}[data-theme=dark] .loading-spinner-container{background:#2d2d2de6;border-color:#ffffff1a}[data-theme=dark] .loading-container p{color:#fff}.calendar-sync-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0 auto;max-width:800px;min-height:100vh;padding:24px}.calendar-sync-page .page-header{align-items:center;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex;flex-direction:column;gap:16px;margin-bottom:40px;overflow:visible;padding:16px 24px;position:relative}.calendar-sync-page .page-header:before{display:none}.calendar-sync-page .back-link{align-items:center;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:6px;margin-top:0;text-decoration:none;transition:color .2s ease}.calendar-sync-page .back-link:hover{color:#1d4ed8;text-decoration:underline}.calendar-sync-page .back-link svg{flex-shrink:0;height:18px;width:18px}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.025em;margin:0;position:relative;text-align:center}.page-title:after{animation:titleUnderline 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}@keyframes titleUnderline{0%{width:60px}to{width:120px}}.calendar-providers{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.calendar-provider-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fffc;border-radius:20px;box-shadow:0 8px 32px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.calendar-provider-card:before{background:#3b82f6;background:var(--provider-color,#3b82f6);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.calendar-provider-card:hover{box-shadow:0 16px 48px #0000001f;transform:translateY(-4px)}.calendar-provider-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-provider-info{align-items:center;display:flex;flex:1 1;gap:16px}.calendar-provider-icon{align-items:center;background:#3b82f6;background:var(--provider-color,#3b82f6);border-radius:12px;box-shadow:0 4px 16px #0000001a;color:#fff;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.calendar-provider-card:hover .calendar-provider-icon{transform:scale(1.1)}.calendar-provider-icon svg{height:24px;width:24px}.calendar-provider-details h3{color:#3b82f6;color:var(--provider-color,#3b82f6);font-size:1.25rem;font-weight:700;margin:0 0 4px}.calendar-provider-details p{color:#64748b;font-size:.9rem;line-height:1.5;margin:0}.calendar-provider-actions{display:flex;gap:12px}.sync-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.sync-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.sync-button:hover:before{left:100%}.sync-button--connect{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--provider-color,#3b82f6) 0,var(--provider-color-dark,#1d4ed8) 100%);box-shadow:0 4px 16px #00000026;color:#fff}.sync-button--connect:hover{box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.sync-button--disconnect{background:#0000;border:2px solid #dc2626;box-shadow:0 2px 8px #dc26261a;color:#dc2626}.sync-button--disconnect:hover{background:#dc2626;box-shadow:0 8px 24px #dc26264d;color:#fff;transform:translateY(-2px)}.sync-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.sync-button svg{height:18px;transition:transform .3s ease;width:18px}.sync-button:hover:not(:disabled) svg{transform:scale(1.1)}.error-message{margin-top:16px;overflow:hidden;padding:16px;position:relative}.error-message:before{animation:errorShimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes errorShimmer{0%{left:-100%}to{left:100%}}.sync-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sync-overlay-content{animation:slideInUp .3s ease-out;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 20px 40px #0003;max-width:400px;overflow:hidden;padding:32px;position:relative;text-align:center;width:90%}.sync-overlay-content:before{animation:slide 2s linear infinite;background:linear-gradient(90deg,#3b82f600,#3b82f6 50%,#3b82f600);content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes slide{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.sync-overlay-icon{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;box-shadow:0 8px 24px #3b82f64d;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.sync-overlay-icon svg{height:32px;width:32px}.sync-overlay-icon.syncing svg{animation:spin 2s linear infinite}.sync-overlay-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0 0 12px}.sync-overlay-description{color:#64748b;font-size:1rem;line-height:1.5;margin:0 0 24px}.progress-container{margin-top:24px}.progress-bar{background:#3b82f61f;height:8px;margin-bottom:8px;width:100%}.progress-bar,.progress-fill{border-radius:4px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#3b82f6,#1d4ed8);height:100%;position:relative;transition:width .3s ease}.progress-fill:after{animation:progressShimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes progressShimmer{0%{left:-100%}to{left:100%}}.progress-text{color:#64748b;font-size:.9rem;font-weight:500}.loading-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fffc;border-radius:20px;box-shadow:0 8px 32px #00000014;gap:24px;padding:48px}.loading-spinner{border:4px solid #e2e8f0;box-shadow:0 4px 16px #3b82f633;height:48px;width:48px}.loading-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:600}.alert{border-radius:12px;font-size:.9rem;overflow:hidden;padding:16px;position:relative}.alert--error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626}.alert--warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;color:#d97706}.alert--success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;color:#16a34a}.alert-icon{height:20px;width:20px}.alert-content{flex:1 1}.alert-actions{display:flex;gap:8px}.alert-button{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.alert-button--retry{background:#dc26261a;color:#dc2626}.alert-button--retry:hover{background:#dc262633}.sync-progress{background:linear-gradient(135deg,#3b82f614,#1d4ed814);border:1px solid #3b82f633;border-radius:12px;margin-bottom:24px;overflow:hidden;padding:16px;position:relative}.sync-progress:before{animation:progressShimmer 2s infinite;background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.sync-progress-content{align-items:center;display:flex;margin-bottom:12px;position:relative;z-index:1}.sync-progress-spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;flex-shrink:0;height:20px;margin-right:12px;width:20px}.sync-progress-text{color:#3b82f6;font-size:1rem;font-weight:600;margin:0}@media (max-width:768px){.calendar-sync-page{padding:16px}.calendar-sync-page .page-header{margin-bottom:32px;padding:20px}.page-title{font-size:1.75rem}.calendar-provider-card{padding:20px}.calendar-provider-header{align-items:flex-start;flex-direction:column;gap:16px}.calendar-provider-actions{justify-content:stretch;width:100%}.sync-button{flex:1 1;justify-content:center}.sync-overlay-content{margin:20px;padding:24px}.sync-overlay-icon{height:56px;width:56px}.sync-overlay-icon svg{height:28px;width:28px}.sync-overlay-title{font-size:1.25rem}}@media (max-width:480px){.calendar-sync-page{padding:12px}.calendar-sync-page .page-header{margin-bottom:24px;padding:16px}.page-title{font-size:1.5rem}.calendar-provider-card{padding:16px}.calendar-provider-info{gap:12px}.calendar-provider-icon{height:40px;width:40px}.calendar-provider-icon svg{height:20px;width:20px}.calendar-provider-details h3{font-size:1.1rem}.calendar-provider-details p,.sync-button{font-size:.85rem}.sync-button{padding:10px 16px}.sync-overlay-content{margin:16px;padding:20px}.sync-overlay-icon{height:48px;width:48px}.sync-overlay-icon svg{height:24px;width:24px}.sync-overlay-title{font-size:1.1rem}.sync-overlay-description{font-size:.9rem}}[data-theme=dark] .calendar-sync-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}[data-theme=dark] .calendar-provider-card{background:#2d2d2d;border-color:#ffffff1a;color:#fff}[data-theme=dark] .calendar-provider-card:hover{background:#3a3a3a}[data-theme=dark] .sync-button{background:#2d2d2d;color:#fff}[data-theme=dark] .sync-button:hover{background:#3a3a3a}[data-theme=dark] .sync-overlay{background:#000000e6}[data-theme=dark] .sync-overlay-content{background:#2d2d2d}.directions-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;min-height:100vh;padding:24px}.directions-container{margin:0 auto}.directions-container,.directions-page .page-header{align-items:center;display:flex;flex-direction:column;max-width:1200px;width:100%}.directions-page .page-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;gap:16px;margin-bottom:40px;padding:16px 24px;position:relative}.directions-page .page-header:before{display:none}.directions-page .back-link{align-items:center;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:6px;margin-top:0;text-decoration:none;transition:color .2s ease}.directions-page .back-link:hover{color:#1d4ed8;text-decoration:underline}.directions-page .back-link svg{flex-shrink:0;height:18px;width:18px}.directions-page .page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.025em;margin:0;position:relative;text-align:center}.directions-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;width:100%}.company-info-card{background:#fff;border:1px solid #3b82f61a;border-radius:20px;box-shadow:0 8px 32px #00000014;height:-webkit-fit-content;height:fit-content;padding:32px}.company-header{align-items:center;display:flex;margin-bottom:24px}.company-logo{object-fit:cover}.company-logo,.company-logo-placeholder{border-radius:50%;height:60px;margin-right:16px;width:60px}.company-logo-placeholder{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;font-size:1.5rem;font-weight:600;justify-content:center}.company-name{color:#1f2937;font-size:1.5rem;font-weight:600}.company-divider{background:linear-gradient(90deg,#e5e7eb,#d1d5db 50%,#e5e7eb);height:1px;margin:24px 0}.company-details{display:flex;flex-direction:column;gap:24px}.info-item{align-items:flex-start;display:flex;gap:16px}.info-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.info-icon svg{height:20px;width:20px}.info-content{flex:1 1}.info-label{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 8px}.info-text{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0 0 4px}.info-link{color:#3b82f6;font-size:.9rem;text-decoration:none;transition:color .3s ease}.info-link:hover{color:#1d4ed8;text-decoration:underline}.directions-button{align-items:center;background:#0000;border:2px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:8px;padding:8px 16px;transition:all .3s ease}.directions-button:hover{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-1px)}.business-hours{display:flex;flex-direction:column;gap:4px}.hours-row{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.day{color:#1f2937;font-weight:600}.hours{color:#6b7280}.map-card{background:#fff;border:1px solid #3b82f61a;border-radius:20px;box-shadow:0 8px 32px #00000014;height:-webkit-fit-content;height:fit-content;overflow:hidden}.map-container{height:400px;position:relative;width:100%}.map-iframe{border:none;height:100%;width:100%}.map-fallback{align-items:center;background:linear-gradient(135deg,#3b82f60d,#1d4ed80d);display:flex;flex-direction:column;height:400px;justify-content:center;padding:32px;text-align:center;width:100%}.map-fallback-icon{color:#3b82f6;height:60px;margin-bottom:16px;width:60px}.map-fallback-icon svg{height:100%;width:100%}.map-fallback-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 8px}.map-fallback-text{color:#6b7280;font-size:.9rem;margin:0 0 4px}.map-fallback-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:16px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.map-fallback-button:hover{box-shadow:0 8px 24px #3b82f666;transform:translateY(-2px)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #3b82f61a;border-top-color:#3b82f6;height:40px;width:40px}.loading-container p{color:#6b7280;font-size:1rem;margin:0}.error-container{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:400px}.error-message{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:16px 24px}.error-icon svg{height:100%;width:100%}@media (max-width:768px){.directions-page{padding:16px}.directions-page .page-header{margin-bottom:24px;padding:20px}.directions-page .page-title{font-size:1.75rem}.directions-content{gap:24px;grid-template-columns:1fr}.company-info-card{padding:24px}.map-container,.map-fallback{height:300px}}@media (max-width:480px){.directions-page{padding:12px}.directions-page .page-header{margin-bottom:20px;padding:16px}.directions-page .page-title{font-size:1.5rem}.company-info-card{padding:20px}.company-header{margin-bottom:20px}.company-logo,.company-logo-placeholder{height:50px;margin-right:12px;width:50px}.company-name{font-size:1.25rem}.info-item{gap:12px}.info-icon{height:36px;width:36px}.info-icon svg{height:18px;width:18px}}[data-theme=dark] .directions-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}[data-theme=dark] .company-info-card,[data-theme=dark] .map-card{background:#2d2d2d;border-color:#ffffff1a;color:#fff}[data-theme=dark] .company-info-card:hover,[data-theme=dark] .map-card:hover{background:#3a3a3a}[data-theme=dark] .info-label,[data-theme=dark] .info-text{color:#fff}[data-theme=dark] .info-link{color:#60a5fa}[data-theme=dark] .info-link:hover{color:#93c5fd}[data-theme=dark] .directions-button,[data-theme=dark] .map-fallback-button{background:#3b82f6;color:#fff}[data-theme=dark] .directions-button:hover,[data-theme=dark] .map-fallback-button:hover{background:#2563eb}:root{--dash-primary:#1976d2;--dash-bg:#fff;--dash-text:#0a2540;--dash-muted:#6b7a90;--dash-border:#0a25401f;--dash-hover:#1976d214}body[data-theme=dark]{--dash-primary:#90caf9;--dash-bg:#1e1e1e;--dash-text:#e3f2fd;--dash-muted:#9fb3c8;--dash-border:#e3f2fd1f;--dash-hover:#90caf91f}.dash-cards{display:flex;flex-direction:column;gap:16px}.dash-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:900px){.dash-grid{grid-template-columns:1fr 1fr}}.dash-card{background:#fff;background:var(--dash-bg);border:1px solid #0a25401f;border:1px solid var(--dash-border);border-radius:12px;padding:16px;transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.dash-card:hover{border-color:#0a25402e;box-shadow:0 4px 16px #0a254014}.dash-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.dash-card__title{color:#0a2540;color:var(--dash-text);font-size:16px;font-weight:600;margin:0}.dash-card__link{color:#1976d2;color:var(--dash-primary);font-size:13px;text-decoration:none}.dash-card__link:hover{text-decoration:underline}.dash-card__body{display:flex;flex-direction:column}.dash-row{align-items:center;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.dash-row+.dash-row{border-top:1px solid #0a25401f;border-top:1px solid var(--dash-border)}.dash-row:hover{background:#1976d214;background:var(--dash-hover)}.dash-row__left{min-width:0}.dash-row__right{align-items:center;display:flex;flex-shrink:0;gap:10px}.dash-row__title{color:#0a2540;color:var(--dash-text);font-weight:500}.dash-row__subtitle,.dash-row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-row__subtitle{color:#1976d2;color:var(--dash-primary);font-size:13px}.dash-row__meta{color:#6b7a90;color:var(--dash-muted);font-size:12px}.dash-badge{background:#0a25400f;border-radius:999px;color:#0a2540;color:var(--dash-text);display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.dash-badge--completed,.dash-badge--confirmed{background:#2e7d321f;color:#2e7d32}.dash-badge--scheduled{background:#1976d21f;color:#1976d2}.dash-badge--no-show{background:#f57c001f;color:#f57c00}.dash-badge--canceled,.dash-badge--cancelled{background:#d32f2f1f;color:#d32f2f}.dash-badge--pending{background:#f57c001f;color:#f57c00}.skeleton{animation:skeleton 1.2s ease-in-out infinite;background:linear-gradient(90deg,#0000000f,#0000001f,#0000000f);background-size:200% 100%;border-radius:6px;display:inline-block;height:14px;position:relative;width:160px}.dash-row--skeleton{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.dash-row--skeleton .dash-row__meta.skeleton{width:100px}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:600px){.dash-row__right{gap:6px}}.dash-icon-btn{align-items:center;background:#fff;border:1px solid #0a25401f;border:1px solid var(--dash-border);border-radius:50%;color:#6b7a90;color:var(--dash-muted);cursor:pointer;display:inline-flex;height:28px;justify-content:center;width:28px}.dash-icon-btn:hover{border-color:#1976d24d;color:#1976d2;color:var(--dash-primary)}.dash-icon{border:2px solid;border-radius:50%;height:12px;width:12px}.dash-spinner{animation:dash-spin .8s linear infinite;border:2px solid #0000001a;border-radius:50%;border-top-color:initial;height:16px;width:16px}@keyframes dash-spin{to{transform:rotate(1turn)}}:root{--amc-paper-bg:#fff;--amc-input-bg:#fff;--amc-border:#1976d214;--amc-placeholder:#00000061;--amc-overlay:#ffffffa6}body[data-theme=dark]{--amc-paper-bg:#1e1e1e;--amc-input-bg:#121212;--amc-border:#e3f2fd1f;--amc-placeholder:#ffffff80;--amc-overlay:#0000008c}.amc-root{padding:16px 16px 16px 0}.amc-title{font-weight:600;letter-spacing:.2px;margin-bottom:8px}.amc-paper{background:#fff;background:var(--amc-paper-bg);border:1px solid #1976d214;border:1px solid var(--amc-border);border-radius:12px;box-shadow:0 8px 24px #0000000f;margin:0;max-width:720px;padding:16px;position:relative}.amc-form .MuiTextField-root input::placeholder{color:#00000061;color:var(--amc-placeholder)}.amc-form .MuiTextField-root input{background:#fff;background:var(--amc-input-bg)}.amc-card-number input{letter-spacing:1.6px}.amc-form .amc-section{margin-top:4px}.amc-divider{border-color:#1976d21f;margin:8px 0}.amc-alert{margin-top:8px}.amc-submit{border-radius:10px;min-width:160px;padding-left:16px;padding-right:16px}.amc-loading-overlay{align-items:center;background:#ffffffa6;background:var(--amc-overlay);display:flex;inset:0;justify-content:center;position:absolute;z-index:2}.amc-spinner{animation:amc-spin 1s linear infinite;border:3px solid #0000001f;border-radius:50%;border-top-color:#1976d2;height:36px;width:36px}body[data-theme=dark] .amc-spinner{border-color:#90caf9 #ffffff1f #ffffff1f}@keyframes amc-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:600px){.amc-paper{border-radius:10px;padding:12px}.amc-submit{width:100%}}.tx-root{padding:0}.tx-paper{background:#fff;border:1px solid #1976d214;border-radius:12px;box-shadow:0 8px 24px #0000000f;margin:0;max-width:1100px;padding:12px 12px 8px}.tx-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.tx-title{font-weight:600}.tx-filters{display:flex;gap:8px}.tx-table-container{border:1px solid #1976d214;border-radius:10px}.tx-row{cursor:pointer}.tx-row:hover td{background:#1976d20a}.tx-message{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-empty{color:#0009}.tx-footer{align-items:center;display:flex;gap:10px;padding:10px 0 4px}.tx-progress{margin-left:6px}@media (max-width:720px){.tx-paper{padding:10px}.tx-message{max-width:180px}}:root{--primary-blue:#1976d2;--primary-blue-light:#42a5f5;--primary-blue-dark:#1565c0;--secondary-blue:#2196f3;--accent-blue:#03dac6;--white:#fff;--off-white:#fafbfc;--light-gray:#f5f7fa;--medium-gray:#e1e5e9;--dark-gray:#424242;--text-primary:#1a202c;--text-secondary:#64748b;--success-green:#10b981;--warning-orange:#f59e0b;--error-red:#ef4444;--shadow-light:0 1px 3px #0000001a;--shadow-medium:0 4px 6px #00000012;--shadow-heavy:0 10px 25px #0000001a;--border-radius:16px;--border-radius-small:8px;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.forgot-password-container{align-items:center;background:linear-gradient(135deg,#1976d2,#42a5f5);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:flex-start;min-height:100vh;overflow:hidden;padding:24px;position:relative;width:100%}.company-logo-bottom{margin-top:40px;position:relative;z-index:10}.bottom-logo{height:80px;object-fit:contain;width:200px}.forgot-password-container:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.forgot-password-card{animation:slideIn .5s ease-out;background:#fff;background:var(--white);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-heavy);margin-top:80px;max-width:440px;padding:48px;position:relative;width:100%;z-index:1}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.forgot-password-header{margin-bottom:40px;text-align:center}.forgot-password-title{color:#1a202c;color:var(--text-primary);font-size:1.875rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin-bottom:12px}.forgot-password-subtitle{color:#64748b;color:var(--text-secondary);font-size:.95rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:360px}.forgot-password-form{width:100%}.form-group{margin-bottom:24px}.form-label{display:block;font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-bottom:8px}.form-input,.form-label{color:#1a202c;color:var(--text-primary)}.form-input{border:2px solid #e1e5e9;border:2px solid var(--medium-gray);border-radius:8px;border-radius:var(--border-radius-small);box-sizing:border-box;font-family:inherit;font-size:.95rem;font-weight:500;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-input,.form-input:focus{background:#fff;background:var(--white)}.form-input:focus{border-color:#1976d2;border-color:var(--primary-blue);outline:none}.form-input:disabled{background:#f5f7fa;background:var(--light-gray);border-color:#e1e5e9;border-color:var(--medium-gray);color:#64748b;color:var(--text-secondary);cursor:not-allowed}.form-input::placeholder{color:#64748b;color:var(--text-secondary);font-weight:400;opacity:.7}.forgot-password-button{align-items:center;background:linear-gradient(135deg,#1976d2,#42a5f5);background:linear-gradient(135deg,var(--primary-blue) 0,var(--primary-blue-light) 100%);border:none;border-radius:8px;border-radius:var(--border-radius-small);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-light);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.025em;margin-bottom:16px;overflow:hidden;padding:14px 24px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.forgot-password-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.forgot-password-button:hover:before{left:100%}.forgot-password-button:hover{background:linear-gradient(135deg,#1565c0,#1976d2);background:linear-gradient(135deg,var(--primary-blue-dark) 0,var(--primary-blue) 100%);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-medium);transform:translateY(-1px)}.forgot-password-button:active{transform:translateY(0)}.forgot-password-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.forgot-password-button:disabled:hover{box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-light);transform:none!important}.forgot-password-button:disabled:before{display:none}.close-window-button{align-items:center;background:#0000;border:2px solid #1976d2;border:2px solid var(--primary-blue);border-radius:8px;border-radius:var(--border-radius-small);color:#1976d2;color:var(--primary-blue);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.025em;padding:14px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.close-window-button:hover{background:#1976d2;background:var(--primary-blue);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-light);color:#fff;color:var(--white);transform:translateY(-1px)}.close-window-button:active{transform:translateY(0)}.alert{align-items:center;animation:slideIn .3s ease-out;border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius-small);display:flex;font-size:.875rem;font-weight:500;gap:12px;margin-bottom:24px;padding:16px 20px}.alert-error{background:#ef44440d;border-color:#ef444433;color:#ef4444;color:var(--error-red)}.alert-success{background:#10b9810d;border-color:#10b98133;color:#10b981;color:var(--success-green)}.alert-icon{flex-shrink:0;height:18px;width:18px}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}@media (max-width:768px){.forgot-password-container{padding:16px}.forgot-password-card{margin-top:60px}.company-logo-bottom{margin-top:30px}.bottom-logo{height:64px;width:160px}.forgot-password-card{border-radius:12px;padding:32px 24px}.forgot-password-title{font-size:1.625rem}.forgot-password-subtitle{font-size:.9rem}.form-input{padding:12px 14px}.close-window-button,.forgot-password-button{font-size:.9rem;padding:12px 20px}}@media (max-width:480px){.forgot-password-card{margin-top:40px}.company-logo-bottom{margin-top:20px}.bottom-logo{height:56px;width:140px}.forgot-password-card{padding:24px 20px}.forgot-password-title{font-size:1.5rem}.forgot-password-subtitle{font-size:.85rem}}.close-window-button:focus,.forgot-password-button:focus{outline:2px solid #1976d24d;outline-offset:2px}@media (max-width:768px){.close-window-button,.forgot-password-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.close-window-button:active,.forgot-password-button:active{transform:scale(.98)}}html{scroll-behavior:smooth}::selection{background:#1976d233;color:#1a202c;color:var(--text-primary)}.action-link-container{align-items:center;background:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.action-link-container:before{background:radial-gradient(circle at 20% 80%,#3b82f608 0,#0000 50%),radial-gradient(circle at 80% 20%,#3b82f608 0,#0000 50%),radial-gradient(circle at 40% 40%,#3b82f605 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.action-link-card{animation:slideInUp .8s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border-radius:24px;box-shadow:0 0 0 1px #3b82f614,0 4px 32px #3b82f61f,0 16px 64px #0000000a;max-width:480px;overflow:hidden;position:relative;width:100%}.action-link-header{background:#fff;border-bottom:1px solid #3b82f614;padding:3rem 2.5rem 2rem;position:relative}.header-accent{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#1d4ed8,#3b82f6);background-size:200% 100%;height:4px;left:0;position:absolute;right:0;top:0}.action-link-title{color:#1e293b;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0;position:relative;text-align:center}.action-link-content{padding:2.5rem}.action-link-body{justify-content:center;min-height:280px;text-align:center}.action-link-body,.loading-state{align-items:center;display:flex;flex-direction:column}.loading-state{gap:2.5rem}.spinner{animation:spin 1s linear infinite;border:2px solid #f1f5f9;border-top-color:#3b82f6;height:60px;position:relative;width:60px}.spinner:after{animation:spin 1.5s linear infinite reverse;border:2px solid #0000;border-radius:50%;border-top-color:#3b82f633;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}.loading-text{animation:fadeInOut 2s ease-in-out infinite;color:#64748b;font-size:1.125rem;font-weight:500;margin:0}.error-state{align-items:center;display:flex;flex-direction:column;gap:2rem;width:100%}.error-alert{align-items:flex-start;background:#fef2f2;border:1px solid #dc26261a;border-radius:16px;color:#dc2626;display:flex;font-size:.875rem;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;width:100%}.error-alert:before{background:#dc2626;border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.error-icon{color:#dc2626;flex-shrink:0;height:20px;margin-top:2px;width:20px}.message-state{animation:fadeInScale .6s ease-out;flex-direction:column;gap:2.5rem}.message-icon,.message-state{align-items:center;display:flex}.message-icon{animation:float 6s ease-in-out infinite;gap:1rem;justify-content:center}.link-icon{color:#3b82f6;filter:drop-shadow(0 8px 16px rgba(59,130,246,.2));height:56px;width:56px}.arrow-icon{animation:pulse 3s ease-in-out infinite;color:#3b82f6;height:32px;opacity:.8;width:32px}.message-title{color:#1e293b;font-size:1.25rem;font-weight:600;line-height:1.6;margin:0;max-width:400px}.btn{background:#fff;border:1px solid #3b82f633;border-radius:16px;color:#3b82f6;font-size:.875rem;letter-spacing:.025em;min-height:48px;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640}.btn-primary:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 8px 24px #3b82f659;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}@keyframes slideInUp{0%{opacity:0;transform:translateY(60px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:640px){.action-link-container{padding:1rem}.action-link-card{border-radius:20px;max-width:100%}.action-link-header{padding:2rem 1.5rem 1.5rem}.action-link-content{padding:2rem 1.5rem}.action-link-title{font-size:1.5rem}.message-title{font-size:1.125rem}.btn{font-size:.875rem;padding:.875rem 2rem}.spinner{height:50px;width:50px}.link-icon{height:48px;width:48px}.arrow-icon{height:28px;width:28px}}@media (prefers-color-scheme:dark){.action-link-container{background:#0f172a}.action-link-card{background:#1e293b;box-shadow:0 0 0 1px #3b82f626,0 4px 32px #3b82f633,0 16px 64px #0003}.action-link-header{background:#1e293b;border-bottom-color:#3b82f626}.action-link-title{color:#f1f5f9}.loading-text{color:#94a3b8}.error-alert{background:#450a0a;border-color:#dc262633;color:#fca5a5}.message-title{color:#f1f5f9}.btn{background:#1e293b;border-color:#3b82f64d;color:#3b82f6}}.message-state.success .message-icon{animation:successBounce 1s ease-out}@keyframes successBounce{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.error-alert:focus-within{outline:2px solid #dc2626;outline-offset:2px}:root{--brand-blue:#1976d2;--brand-blue-600:#1565c0;--text-primary:#0f172a;--text-secondary:#475569;--surface:#fff;--bg:#f6f8fb;--border:#e2e8f0;--success:#16a34a;--error:#dc2626}.invite-page{align-items:center;background:#f6f8fb;background:var(--bg);color:#0f172a;color:var(--text-primary);display:flex;justify-content:center;min-height:100vh;padding:24px}.invite-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px #0206170f;max-width:520px;overflow:visible;width:100%}.invite-card__header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:20px 24px}.invite-logo{align-items:center;background:linear-gradient(135deg,#1976d2,#1565c0);background:linear-gradient(135deg,var(--brand-blue),var(--brand-blue-600));color:#fff;display:inline-flex;font-weight:700;justify-content:center}.invite-logo,.invite-logo-img{border-radius:8px;height:36px;width:36px}.invite-logo-img{display:inline-block;object-fit:contain}.invite-title{font-size:18px;font-weight:600}.invite-subtitle{color:#475569;color:var(--text-secondary);font-size:13px}.invite-card__body{padding:20px 24px 8px}.invite-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.invite-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.invite-label{color:#475569;color:var(--text-secondary);font-size:13px}.invite-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;font-size:14px;height:42px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.invite-input-wrap{position:relative}.toggle-eye{background:none;border:0;color:#475569;color:var(--text-secondary);cursor:pointer;padding:4px 6px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.toggle-eye:hover{color:#1976d2;color:var(--brand-blue)}.invite-input:focus{border-color:#1976d2;border-color:var(--brand-blue);box-shadow:0 0 0 3px #1976d21f}.invite-card__footer{padding:8px 24px 20px}.invite-actions{display:flex;gap:12px;justify-content:flex-end}.btn{background:none;cursor:pointer;height:42px;padding:0 16px}.btn-outline{border-color:#e2e8f0;border-color:var(--border);color:#0f172a;color:var(--text-primary)}.btn-primary{background:var(--brand-blue)}.btn-primary:hover{background:#1565c0;background:var(--brand-blue-600)}.invite-error{color:#dc2626;color:var(--error);font-size:13px;margin-top:6px}.invite-banner{background:linear-gradient(135deg,#1976d214,#1976d208);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:10px 12px}.spinner{animation:spin .8s linear infinite;border:2px solid #1976d240;border-radius:50%;border-top:2px solid var(--brand-blue);display:inline-block;height:18px;width:18px}.btn .spinner{margin-right:8px;vertical-align:middle}.invite-muted{color:#475569;color:var(--text-secondary)}@media (max-width:640px){.invite-row{grid-template-columns:1fr}}.pw-meter{margin-top:8px}.pw-meter__bars{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.pw-meter__bar{background:#e5e7eb;border-radius:999px;height:6px;transition:background-color .25s ease}.pw-meter__bar.active.weak{background:#dc2626}.pw-meter__bar.active.fair{background:#f59e0b}.pw-meter__bar.active.good{background:#1976d2}.pw-meter__bar.active.strong{background:#16a34a}.pw-meter__label{color:#475569;color:var(--text-secondary);font-size:12px;margin-top:6px}.info-dot{align-items:center;background:#1976d21a;border-radius:50%;color:#1976d2;color:var(--brand-blue);cursor:default;display:inline-flex;font-size:12px;height:18px;justify-content:center;margin-left:6px;position:relative;width:18px}.info-dot .tooltip{background:#0f172a;border-radius:10px;box-shadow:0 10px 20px #02061733;color:#fff;font-size:12px;left:50%;line-height:1.4;opacity:0;padding:10px 12px;position:absolute;top:-6px;transform:translate(-50%,-100%);transition:opacity .15s ease,visibility .15s ease;visibility:hidden;width:260px;z-index:10}.info-dot:hover .tooltip{opacity:1;visibility:visible}.tooltip b{color:#93c5fd}.slick-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid #0000;display:block;height:auto}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) 50% no-repeat}@font-face{font-family:slick;font-style:normal;font-weight:400;src:url(/static/media/slick.a4e97f5a2a64f0ab1323.eot);src:url(/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"),url(/static/media/slick.295183786cd8a1389865.woff) format("woff"),url(/static/media/slick.c94f7671dcc99dce43e2.ttf) format("truetype"),url(/static/media/slick.2630a3e3eab21c607e21.svg#slick) format("svg")}.slick-next,.slick-prev{border:none;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:#0000;color:#0000;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:slick;font-size:20px;line-height:1;opacity:.75}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;display:block;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.slick-dots li{display:inline-block;margin:0 5px;padding:0;position:relative}.slick-dots li,.slick-dots li button{cursor:pointer;height:20px;width:20px}.slick-dots li button{background:#0000;border:0;color:#0000;display:block;font-size:0;line-height:0;outline:none;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;content:"•";font-family:slick;font-size:6px;height:20px;left:0;line-height:20px;opacity:.25;position:absolute;text-align:center;top:0;width:20px}.slick-dots li.slick-active button:before{color:#000;opacity:.75}.account-settings-page{background:linear-gradient(180deg,#f6fbff,#fff 60%);min-height:100vh;padding:24px 24px 48px}.account-settings-card{background:#fff;border:1px solid #e6f0fa;border-radius:16px;box-shadow:0 10px 30px #063f7d14;margin:0 auto;max-width:860px;padding:28px;width:100%}.account-settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.account-settings-title{color:#0f1a2a;font-size:26px;font-weight:700;margin:0}@media (max-width:640px){.account-settings-card{padding:22px}.account-settings-header{align-items:flex-start;flex-direction:column;gap:12px}}.pf-container{grid-gap:16px;display:grid;gap:16px}.pf-field{display:flex;flex-direction:column}.pf-label{color:var(--color-primary);font-size:.9rem;font-weight:600;margin-bottom:6px}.pf-input-wrap{position:relative}.pf-input{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#0f172a;font-size:.95rem;padding:12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.pf-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #1976d21f;outline:none}.pf-input-with-icons{padding-left:38px;padding-right:44px}.pf-icon-left,.pf-icon-right{align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.pf-icon-left{left:12px}.pf-icon-right{right:12px}.pf-help{color:#64748b;font-size:.8rem;margin-top:6px}.pf-help-error{color:#b91c1c}.pf-error .pf-input,.pf-input.pf-error{border-color:#ef4444;box-shadow:0 0 0 4px #ef444414}.pf-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.pf-row{grid-template-columns:1fr}}.pf-col{display:flex;flex-direction:column;gap:6px}.pf-col-cvv{min-width:120px}.pf-input::placeholder{color:#9ca3af}.pf-input:disabled{background:#f3f4f6;color:#9ca3af}.billing-settings-page{background:linear-gradient(180deg,#f6fbff,#fff 60%);min-height:100vh;padding:24px 24px 48px}.billing-settings-card{background:#fff;border:1px solid #e6f0fa;border-radius:16px;box-shadow:0 10px 30px #063f7d14;margin:0 auto;max-width:1100px;padding:28px;width:100%}.billing-settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}@media (max-width:640px){.billing-settings-card{padding:22px}.billing-settings-header{align-items:flex-start;flex-direction:column;gap:12px}}.billing-page{background:linear-gradient(180deg,#f6fbff,#fff 60%);min-height:100vh;padding:24px 24px 48px}.billing-card{background:#fff;border:1px solid #e6f0fa;border-radius:16px;box-shadow:0 10px 30px #063f7d14;margin:0 auto;max-width:1000px;padding:28px;width:100%}.billing-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.billing-title{color:#0f1a2a;font-size:26px;font-weight:700;margin:0}@media (max-width:640px){.billing-card{padding:22px}.billing-header{align-items:flex-start;flex-direction:column;gap:12px}}.rbs-alert{border-radius:10px;font-size:.95rem;margin-bottom:16px;padding:12px 14px}.rbs-alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.rbs-section-title{color:#0f172a;font-size:1.1rem;font-weight:700;margin:8px 0 12px}.rbs-section-title--center{text-align:center}.rbs-section-title--primary{color:var(--color-primary-dark)}.rbs-card{background:linear-gradient(0deg,#fff,#f8fbff);border:1px solid #e6eefc;border-radius:12px;box-shadow:0 2px 6px #0f172a0a;margin-bottom:16px;padding:16px}.rbs-card-header{color:var(--color-primary);font-weight:800;margin-bottom:8px}.rbs-divider{border:none;border-top:1px solid #e5e7eb;margin:12px 0}.rbs-subtitle{color:var(--color-primary);font-size:.95rem;margin-bottom:6px}.rbs-check{color:#16a34a;font-weight:700}.rbs-info-banner{background:linear-gradient(0deg,#fff9e6,#fff6d6);border:1px solid #fde68a;border-radius:8px;color:var(--text-primary);margin-bottom:12px;padding:10px 12px;text-align:center}.rbs-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.rbs-field--full{grid-column:1/-1}.rbs-field{display:flex;flex-direction:column;gap:6px}.rbs-label{color:var(--color-primary);font-size:.9rem;font-weight:600;text-align:left}.rbs-form-grid select,.rbs-input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-size:.95rem;padding:10px 12px;width:100%}.rbs-form-grid select:focus,.rbs-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f;outline:none}.rbs-button-row{display:flex;gap:12px;justify-content:space-between;margin-top:16px}.rbs-btn{border:none;border-radius:10px;cursor:pointer;font-weight:700;padding:10px 16px}.rbs-btn--primary{background:#2563eb;color:#fff}.rbs-btn--primary:hover{background:#1e4fd6}.rbs-btn--primary:disabled{cursor:not-allowed;opacity:.7}.rbs-btn--secondary{background:#e8eef8;color:#0f172a}.rbs-btn--secondary:hover{background:#dbe6f8}.rbs-inline-spinner{animation:rbs-spin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-right-color:#0000;display:inline-block;height:14px;margin-right:8px;width:14px}@keyframes rbs-spin{to{transform:rotate(1turn)}}.rbs-lock{margin-right:6px}@media (max-width:768px){.rbs-form-grid{grid-template-columns:1fr}.rbs-card-header{text-align:center}}.rbs-summary{background:linear-gradient(0deg,#fff,#f8fbff);border:1px solid #e6eefc;border-radius:12px;box-shadow:0 2px 6px #0f172a0a;height:-webkit-fit-content;height:fit-content;padding:16px}.rbs-summary-header{color:#0f172a;font-weight:800;margin-bottom:8px}.rbs-summary-header--center{text-align:center}.rbs-summary-row{display:flex;justify-content:space-between;margin:8px 0}.rbs-summary-total span:last-child{color:#0f172a;font-weight:700}.rbs-summary-note{color:#64748b;display:block;font-size:.8rem;margin-top:12px;text-align:center}.rbs-summary-trial{background:#dbeafe;border-radius:8px;color:#1e40af;margin-top:8px;padding:10px}



/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.subscription-container{min-height:80vh}.subscription-paper{transition:box-shadow .3s ease-in-out}.subscription-paper:hover{box-shadow:0 8px 16px #0000001a}.button-group{gap:16px}@media (max-width:600px){.button-group{flex-direction:column}.button-group button{width:100%}}.plan-success-page{align-items:center;background:linear-gradient(180deg,#f6fbff,#fff 60%);display:flex;justify-content:center;min-height:100vh;padding:24px}.plan-success-card{background:#fff;border:1px solid #e6f0fa;border-radius:16px;box-shadow:0 10px 30px #063f7d14;max-width:680px;padding:32px;width:100%}.success-icon{align-items:center;background:linear-gradient(135deg,#1976d2,#42a5f5);border-radius:50%;box-shadow:0 8px 20px #1976d240;color:#fff;display:flex;height:68px;justify-content:center;margin:0 auto 16px;width:68px}.checkmark{font-size:34px;line-height:1}.title{color:#0f1a2a;font-size:28px;font-weight:700;margin:0}.subtitle,.title{text-align:center}.subtitle{color:#5b6b7f;margin:6px 0 20px}.details{background:#fbfdff;border:1px solid #eaf2fb;border-radius:12px;padding:16px}.row{align-items:center;border-bottom:1px dashed #eaf2fb;display:flex;padding:12px 4px}.row:last-child{border-bottom:none}.label{color:#5b6b7f;width:40%}.value{color:#0f1a2a;text-align:right;width:60%}.cta{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:24px}.btn{align-items:center;border:1px solid #0000;border-radius:10px;display:inline-flex;font-weight:600;justify-content:center;padding:12px 14px;text-decoration:none;transition:all .2s ease}.btn.primary{background:#1976d2;box-shadow:0 6px 16px #1976d240;color:#fff}.btn.primary:hover{background:#165fa8}.btn.ghost{background:#fff;border-color:#d7e6f6;color:#0f1a2a}.btn.ghost:hover{background:#f7fbff}.btn.link{background:#0000;border-color:#0000;color:#1976d2}.btn.link:hover{text-decoration:underline}@media (max-width:640px){.plan-success-card{padding:22px}.cta{grid-template-columns:1fr}.value{text-align:left}.label,.value{width:50%}}.landing-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background-color,#fff);color:#333;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.loader-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.loader{animation:spin 1s linear infinite;border:4px solid #e3f2fd;border-radius:50%;border-top-color:#2196f3;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.error-container{color:#666;padding:60px 20px;text-align:center}.error-container h2{color:#f44336;margin-bottom:10px}.landing-header{background:#1976d2;background:var(--primary-color,#1976d2);box-shadow:0 2px 12px #00000026;color:#fff;overflow:hidden;padding:20px 0;position:-webkit-sticky;position:sticky;position:relative;top:0;z-index:100}.landing-header:before{background:linear-gradient(180deg,#ffffff26,#ffffff0d 50%,#0000);height:50%;top:0}.landing-header:after,.landing-header:before{content:"";left:0;pointer-events:none;position:absolute;right:0}.landing-header:after{background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;height:1px}.header-content{justify-content:space-between}.header-branding,.header-content{align-items:center;display:flex;position:relative;z-index:1}.header-branding{gap:15px}.header-logo{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000004d,inset 0 0 0 1px #fff3;height:50px;object-fit:cover;padding:2px;transition:transform .3s ease;width:50px}.header-logo:hover{transform:scale(1.05)}.company-name{color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:.5px;margin:0;text-shadow:0 1px 0 #ffffff4d,0 2px 8px #0000004d,0 0 20px #ffffff1a}.header-nav{align-items:center;display:flex;gap:30px}.nav-link{border-radius:6px;color:#fff;font-size:1rem;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease;z-index:1}.nav-link:hover{background:#ffffff26;text-shadow:0 1px 3px #0003}@media (max-width:768px){.header-content{flex-direction:column;gap:15px}.header-nav{gap:15px}.nav-link{font-size:.9rem;padding:6px 12px}}.hero-section{align-items:center;background:#2196f3;background:var(--hero-bg,#2196f3);color:#fff;display:flex;min-height:300px;padding:60px 0;text-align:center}.hero-overlay{background:#0006;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.hero-content{position:relative;z-index:2}.hero-content h1{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:20px}.hero-content p{font-size:1.25rem;margin-bottom:30px;opacity:.95}.hero-cta{background:#fff;border:none;border-radius:30px;color:#1976d2;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:16px 40px;text-decoration:none;transition:all .3s ease}.hero-cta:hover{box-shadow:0 6px 20px #0003;transform:translateY(-3px)}.services-section{background:#f5f5f5;flex:1 1;padding:40px 0}.section-title{color:#1976d2;color:var(--primary-color,#1976d2);font-size:2.5rem;font-weight:700;margin-bottom:15px;text-align:center}.section-subtitle{color:#666;font-size:1.2rem;margin-bottom:50px;text-align:center}.no-services{color:#999;padding:60px 20px;text-align:center}.services-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:40px}.service-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 12px #00000014;cursor:pointer;padding:30px;transition:all .3s ease}.service-card:hover{border-color:#1976d2;border-color:var(--primary-color,#1976d2);box-shadow:0 8px 24px #0000001f;transform:translateY(-5px)}.service-card-header{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px}.service-image{border-radius:8px;height:80px;object-fit:cover;width:80px}.service-info h3{color:#1976d2;color:var(--primary-color,#1976d2);font-size:1.5rem;font-weight:600;margin:0 0 8px}.service-info p{color:#666;font-size:.95rem;line-height:1.5;margin:0}.service-meta{border-top:1px solid #e0e0e0;display:flex;gap:15px;margin-top:20px;padding-top:20px}.meta-item{color:#666;font-size:.9rem;gap:5px}.service-footer{margin-top:20px;text-align:center}.select-button{background:#1976d2;background:var(--primary-color,#1976d2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease;width:100%}.select-button:hover{box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.why-choose-section{background:#fff;padding:80px 0}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:40px}.feature-card{border-radius:12px;padding:30px 20px;text-align:center;transition:all .3s ease}.feature-card:hover{background:#f5f5f5;transform:translateY(-3px)}.feature-icon{font-size:3rem;margin-bottom:15px}.feature-card h3{color:#1976d2;color:var(--primary-color,#1976d2);font-size:1.3rem;font-weight:600;margin-bottom:10px}.feature-card p{color:#666;line-height:1.6}.landing-footer{background:#1a1a1a;color:#fff;margin-top:auto;padding:40px 0;text-align:center}.footer-content p{color:#aaa;margin:10px 0}.footer-links{margin-top:20px}.footer-links a{color:#1976d2;color:var(--primary-color,#1976d2);margin:0 15px;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#42a5f5;color:var(--primary-color,#42a5f5)}@media (max-width:768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.section-title{font-size:2rem}.services-grid{grid-template-columns:1fr}}@media (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.header-branding{gap:10px}.header-logo{height:40px;width:40px}.company-name{font-size:1.3rem}}.service-details-container{background:#f5f5f5;min-height:calc(100vh - 200px);padding:40px 0}.back-button{min-width:150px!important}.service-details-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;gap:30px;margin-bottom:40px;padding:40px}.service-details-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:200px;object-fit:cover;width:200px}.service-details-info{flex:1 1}.service-details-info h1{color:#1976d2;color:var(--primary-color,#1976d2);font-size:2.5rem;font-weight:700;margin:0 0 15px}.service-description{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:25px}.service-details-meta{border-bottom:2px solid #e0e0e0;display:flex;gap:30px;margin-bottom:30px;padding-bottom:25px}.meta-item{align-items:center;display:flex;font-size:1rem;gap:8px}.meta-icon{font-size:1.2rem}.meta-item strong{color:#1976d2;color:var(--primary-color,#1976d2);font-weight:600}.book-now-button{background:#1976d2;background:var(--primary-color,#1976d2);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 40px;transition:all .3s ease}.book-now-button:hover{box-shadow:0 6px 20px #2196f34d;transform:translateY(-2px)}.addons-section,.packages-section{margin-top:50px}.addons-section .section-title,.packages-section .section-title{color:#1976d2;color:var(--primary-color,#1976d2);font-size:2rem;font-weight:700;margin-bottom:30px;text-align:left}.addons-grid,.packages-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.addon-card,.package-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;transition:all .3s ease}.addon-card:hover,.package-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-5px)}.addon-image,.package-image{height:180px;object-fit:cover;width:100%}.addon-content,.package-content{padding:20px}.addon-content h3,.package-content h3{color:#1976d2;color:var(--primary-color,#1976d2);font-size:1.3rem;font-weight:600;margin:0 0 10px}.addon-content p,.package-content p{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:15px}.addon-meta{align-items:center;border-top:1px solid #e0e0e0;color:#666;display:flex;font-size:.9rem;justify-content:space-between;padding-top:15px}.addon-price{color:#1976d2;color:var(--primary-color,#1976d2);font-size:1.1rem;font-weight:600}.package-details{margin-top:15px}.package-info{color:#666;display:flex;font-size:.9rem;gap:15px;margin-bottom:10px}.package-validity{background:#e3f2fd;border-radius:6px;color:#1976d2;color:var(--primary-color,#1976d2);display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:10px;padding:8px 12px}.package-discount{align-items:center;display:flex;gap:10px;margin-bottom:10px}.original-price{color:#999;font-size:.9rem;text-decoration:line-through}.discount-badge{background:#ff5722;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px}.package-price{color:#1976d2;color:var(--primary-color,#1976d2);font-size:1.5rem;font-weight:700;margin-top:10px}.package-addons{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:15px}.package-addons strong{color:#333;font-size:.9rem}.package-addons ul{list-style:none;margin:8px 0 0;padding:0}.package-addons li{color:#666;font-size:.85rem;padding:4px 0 4px 20px;position:relative}.package-addons li:before{color:#1976d2;color:var(--primary-color,#1976d2);content:"✓";font-weight:700;left:0;position:absolute}@media (max-width:768px){.service-details-header{flex-direction:column;padding:25px}.service-details-image{height:250px;width:100%}.service-details-info h1{font-size:1.8rem}.service-description{font-size:1rem}.service-details-meta{flex-direction:column;gap:15px}.addons-grid,.packages-grid{grid-template-columns:1fr}.book-now-button{width:100%}}.booking-flow{max-width:100%}.booking-steps{border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.step{color:#999;flex:1 1;font-weight:500;padding:10px;position:relative;text-align:center}.step.active{color:#1976d2;color:var(--primary-color,#1976d2);font-weight:600}.step:not(:last-child):after{background:#e0e0e0;content:"";height:2px;position:absolute;right:-50%;top:25px;width:100%;z-index:-1}.step.active:not(:last-child):after{background:#1976d2;background:var(--primary-color,#1976d2)}.booking-step{padding:20px 0}.booking-step h3{color:#1976d2;color:var(--primary-color,#1976d2);font-size:1.5rem;margin-bottom:20px}.service-summary{background:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:20px}.service-summary h4{color:#1976d2;color:var(--primary-color,#1976d2);margin-bottom:10px}.service-summary p{color:#666;margin:5px 0}.staff-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:20px}.staff-card{align-items:center;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:15px;transition:all .3s ease}.staff-card:hover{transform:translateY(-2px)}.staff-card.selected,.staff-card:hover{border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.staff-card.selected{background:#e3f2fd}.staff-avatar{align-items:center;background:#1976d2;background:var(--primary-color,#1976d2);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:60px;justify-content:center;margin-bottom:10px;width:60px}.staff-card p{color:#333;font-size:.9rem;margin:0;text-align:center}.date-picker{margin-bottom:20px}.date-picker input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .3s ease;width:100%}.date-picker input:focus{border-color:#1976d2;border-color:var(--primary-color,#1976d2);outline:none}.loading{color:#666;padding:20px;text-align:center}.time-slots{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:20px}.time-slot{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.9rem;padding:12px;transition:all .3s ease}.time-slot:hover{background:#e3f2fd}.time-slot.selected,.time-slot:hover{border-color:#1976d2;border-color:var(--primary-color,#1976d2)}.time-slot.selected{background:#1976d2;background:var(--primary-color,#1976d2);color:#fff}.no-slots{color:#999;padding:20px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#1976d2;border-color:var(--primary-color,#1976d2);outline:none}.error-message{background:#ffebee;border-radius:8px;color:#c62828;margin-bottom:20px;padding:12px}.button-group{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-primary{background:#1976d2;background:var(--primary-color,#1976d2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#fff;border:2px solid #1976d2;border:2px solid var(--primary-color,#1976d2);color:#1976d2;color:var(--primary-color,#1976d2)}.btn-secondary:hover{background:#e3f2fd}@media (max-width:768px){.booking-steps{font-size:.85rem}.step{padding:5px}.staff-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.time-slots{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.button-group{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.booking-page-container{background:#f5f5f5;min-height:calc(100vh - 200px);padding:40px 0}.back-button{align-items:center!important;background:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px!important;box-shadow:0 1px 3px #00000014!important;color:#333!important;cursor:pointer!important;display:inline-flex!important;font-size:.95rem!important;font-weight:500!important;margin-bottom:30px!important;max-width:none!important;min-width:120px!important;padding:14px 32px 14px 48px!important;position:relative!important;transition:all .2s ease!important;white-space:nowrap!important;width:auto!important}.back-button:before{border-bottom:5px solid #0000;border-right:6px solid #666;border-top:5px solid #0000;content:"";height:0;left:20px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:0}.back-button:hover{background:#f5f5f5!important;border-color:silver!important;box-shadow:0 2px 6px #0000001f!important;transform:translateY(-1px)!important}.back-button:hover:before{border-right-color:#333;left:18px}.booking-page-header{margin-bottom:40px;text-align:center}.booking-page-header h1{color:#1976d2;color:var(--primary-color,#1976d2);font-size:2.5rem;font-weight:700;margin:0 0 10px}.booking-page-header p{color:#666;font-size:1.1rem;margin:0}.booking-content{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin:0 auto;max-width:800px;padding:40px}.back-link{color:#1976d2;color:var(--primary-color,#1976d2);display:inline-block;font-weight:600;margin-top:20px;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#42a5f5;color:var(--primary-color,#42a5f5)}@media (max-width:768px){.booking-page-header h1{font-size:2rem}.booking-page-header p{font-size:1rem}.booking-content{padding:25px}}
/*# sourceMappingURL=main.3898f1d5.css.map*/