@font-face{font-family:Matter;src:local("Matter Light"),local("Matter-Light"),url(/assets/Matter-Light-4kWHp24k.woff2) format("woff2"),url(/assets/Matter-Light-BFb0tuza.woff) format("woff"),url(/assets/Matter-Light-B315YW63.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Matter;src:local("Matter Light Italic"),local("Matter-LightItalic"),url(/assets/Matter-LightItalic-CMDHSHx8.woff2) format("woff2"),url(/assets/Matter-LightItalic-Dz4si2Kb.woff) format("woff"),url(/assets/Matter-LightItalic-CZ7KoAYo.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Matter;src:local("Matter Regular"),local("Matter-Regular"),url(/assets/Matter-Regular-Cks5bMYT.woff2) format("woff2"),url(/assets/Matter-Regular-fkNsRyR2.woff) format("woff"),url(/assets/Matter-Regular-CGdg_Nlm.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Matter;src:local("Matter Regular Italic"),local("Matter-RegularItalic"),url(/assets/Matter-RegularItalic-KzmDW1pv.woff2) format("woff2"),url(/assets/Matter-RegularItalic-BWnt11J4.woff) format("woff"),url(/assets/Matter-RegularItalic-Buy24a1h.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Matter;src:local("Matter Medium"),local("Matter-Medium"),url(/assets/Matter-Medium-DUChRPRw.woff2) format("woff2"),url(/assets/Matter-Medium-DozPAfH_.woff) format("woff"),url(/assets/Matter-Medium-3olvFe89.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Matter;src:local("Matter Medium Italic"),local("Matter-MediumItalic"),url(/assets/Matter-MediumItalic-ChfpmCiv.woff2) format("woff2"),url(/assets/Matter-MediumItalic-D1SCx5z3.woff) format("woff"),url(/assets/Matter-MediumItalic-D04O3RBW.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Matter;src:local("Matter SemiBold"),local("Matter-SemiBold"),url(/assets/Matter-SemiBold-CWddsXRH.woff2) format("woff2"),url(/assets/Matter-SemiBold-adqTn978.woff) format("woff"),url(/assets/Matter-SemiBold-DDMt19bs.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Matter;src:local("Matter SemiBold Italic"),local("Matter-SemiBoldItalic"),url(/assets/Matter-SemiBoldItalic-CIC8x9ib.woff2) format("woff2"),url(/assets/Matter-SemiBoldItalic-CfCIroCd.woff) format("woff"),url(/assets/Matter-SemiBoldItalic-DQZEGlQV.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Matter;src:local("Matter Bold"),local("Matter-Bold"),url(/assets/Matter-Bold-CrAaWGUN.woff2) format("woff2"),url(/assets/Matter-Bold-CjJpLkb4.woff) format("woff"),url(/assets/Matter-Bold-B0POmqbI.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Matter;src:local("Matter Bold Italic"),local("Matter-BoldItalic"),url(/assets/Matter-BoldItalic-BkxS0x-v.woff2) format("woff2"),url(/assets/Matter-BoldItalic-BVQQFG3n.woff) format("woff"),url(/assets/Matter-BoldItalic-CPm9cVo8.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Matter;src:local("Matter Heavy"),local("Matter-Heavy"),url(/assets/Matter-Heavy-QVrb968j.woff2) format("woff2"),url(/assets/Matter-Heavy-Gd1TH6y-.woff) format("woff"),url(/assets/Matter-Heavy-D6QF_Snw.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Matter;src:local("Matter Heavy Italic"),local("Matter-HeavyItalic"),url(/assets/Matter-HeavyItalic-COJPNruS.woff2) format("woff2"),url(/assets/Matter-HeavyItalic-C-4ryfX1.woff) format("woff"),url(/assets/Matter-HeavyItalic-DcWqxBAI.ttf) format("truetype");font-weight:900;font-style:italic;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #f5f5f7;--color-surface: #ffffff;--color-primary: #1d1d1f;--color-primary-light: #2d2d2f;--color-accent: #1d1d1f;--color-accent-hover: #000000;--color-accent-glow: rgba(0, 0, 0, .06);--color-text: #1d1d1f;--color-text-secondary: #6e6e73;--color-text-muted: #aeaeb2;--color-border: #d2d2d7;--color-border-light: #e8e8ed;--color-error: #ff3b30;--color-success: #34c759;--font-family: "Matter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 14px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .07);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{min-height:100vh;min-height:100dvh}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:#00000014;color:var(--color-primary)}.tel-input-group{display:flex;align-items:center;background:var(--color-bg);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-base);overflow:visible;position:relative}.tel-input-group:focus-within{border-color:var(--color-border);background:var(--color-surface);box-shadow:0 0 0 4px #0000000a}.tel-country-selector{position:relative;flex-shrink:0}.tel-country-trigger{display:flex;align-items:center;gap:8px;padding:18px 12px 18px 18px;font-size:15px;font-weight:500;color:var(--color-text);background:transparent;border:none;border-right:1px solid var(--color-border-light);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.tel-country-trigger:hover{background:#00000004}.tel-flag-img{width:24px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 .5px #00000014}.tel-dial-code{font-size:15px;color:var(--color-text-secondary);font-weight:500}.tel-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.tel-chevron.open{transform:rotate(180deg)}.tel-phone-input{flex:1;padding:18px;font-size:17px;font-weight:500;font-family:inherit;background:transparent;border:none;outline:none;color:var(--color-text);letter-spacing:.3px;min-width:0}.tel-phone-input::placeholder{color:var(--color-text-muted);font-weight:400}.tel-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:320px;max-height:360px;display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:0 0 0 1px #0000000a,0 8px 32px #0000001f,0 2px 8px #0000000f;z-index:100;overflow:hidden}.tel-dropdown-search{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--color-border-light);flex-shrink:0}.tel-search-icon{color:var(--color-text-muted);flex-shrink:0}.tel-search-input{flex:1;font-size:14px;font-weight:400;font-family:inherit;color:var(--color-text);background:transparent;border:none;outline:none;padding:0}.tel-search-input::placeholder{color:var(--color-text-muted)}.tel-dropdown-list{overflow-y:auto;padding:6px;flex:1}.tel-dropdown-list::-webkit-scrollbar{width:6px}.tel-dropdown-list::-webkit-scrollbar-track{background:transparent}.tel-dropdown-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.tel-dropdown-list::-webkit-scrollbar-thumb:hover{background:#0000002e}.tel-country-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast);text-align:left}.tel-country-option:hover{background:var(--color-bg)}.tel-country-option.active{background:#0000000a}.tel-country-option .tel-flag-img{width:22px;height:16px;flex-shrink:0}.tel-country-name{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tel-country-dial{font-size:13px;color:var(--color-text-muted);font-weight:400;flex-shrink:0}.tel-dropdown-divider{height:1px;background:var(--color-border-light);margin:4px 8px}.tel-no-results{padding:20px 12px;text-align:center;font-size:14px;color:var(--color-text-muted)}@media (max-width: 520px){.tel-dropdown{width:calc(100vw - 48px);max-width:320px;max-height:280px;left:-14px}.tel-phone-input{font-size:16px;padding:16px}.tel-country-trigger{padding:16px 10px 16px 14px;gap:6px;-webkit-tap-highlight-color:transparent}.tel-flag-img{width:22px;height:16px}.tel-dial-code{font-size:14px}.tel-country-option{padding:12px;-webkit-tap-highlight-color:transparent}.tel-search-input{font-size:16px}}.login-page{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bg-glow{position:absolute;border-radius:50%;filter:blur(80px);will-change:auto}.bg-glow-1{width:600px;height:600px;background:radial-gradient(circle,rgba(0,0,0,.018) 0%,transparent 70%);top:-15%;right:-10%}.bg-glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(0,0,0,.014) 0%,transparent 70%);bottom:-10%;left:-10%}@media (max-width: 768px){.bg-glow{filter:none;opacity:.5}}.login-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:40px 20px;min-height:100vh;min-height:100dvh}.login-card{width:100%;max-width:460px;background:var(--color-surface);border-radius:var(--radius-xl);padding:52px 48px;box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005,0 12px 40px #0000000d;position:relative;overflow:hidden}.form-step{min-height:260px}.login-header{position:fixed;top:0;left:0;right:0;z-index:10;padding:20px 24px;display:flex;align-items:center}.login-header-logo{height:18px;width:auto;object-fit:contain}@media (max-width: 768px){.login-header{display:none}}.form-header{text-align:center;margin-bottom:32px}.form-title{font-size:42px;font-weight:500;letter-spacing:-1.2px;margin-bottom:10px;background:linear-gradient(135deg,#1d1d1f,#48484a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-subtitle{font-size:15px;color:var(--color-text-secondary);line-height:1.5;font-weight:400}.method-tabs{display:flex;background:var(--color-bg);border-radius:var(--radius-sm);padding:3px;margin-bottom:24px}.method-tab{flex:1;padding:10px 16px;font-size:14px;font-weight:500;color:var(--color-text-muted);background:transparent;border-radius:9px;transition:all var(--transition-base);cursor:pointer;text-align:center}.method-tab.active{color:var(--color-text);background:var(--color-surface);box-shadow:0 1px 3px #0000000f,0 0 0 1px #00000008}.method-tab:not(.active):hover{color:var(--color-text-secondary)}.form-body{display:flex;flex-direction:column;gap:16px}.email-input-group{display:flex;align-items:center;background:var(--color-bg);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-base)}.email-input-group:focus-within{border-color:var(--color-border);background:var(--color-surface);box-shadow:0 0 0 4px #0000000a}.email-input{width:100%;padding:18px;font-size:17px;font-weight:500;background:transparent;border:none;outline:none;color:var(--color-text);letter-spacing:.1px}.email-input::placeholder{color:var(--color-text-muted);font-weight:400}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:17px 28px;font-size:16px;font-weight:600;color:#fff;background:var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);letter-spacing:-.1px;position:relative;overflow:hidden;min-height:56px;margin-top:4px}.btn-primary.active{background:var(--color-primary);box-shadow:0 2px 12px #0000001f}.btn-primary.active:hover{background:#000;box-shadow:0 4px 20px #0000002e}.btn-primary:disabled{cursor:not-allowed}.divider{display:flex;align-items:center;gap:16px;margin:8px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border-light)}.divider span{font-size:13px;font-weight:500;color:var(--color-text-muted);white-space:nowrap}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 28px;font-size:15px;font-weight:500;color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-base);min-height:56px;cursor:pointer}.btn-google:hover{background:var(--color-bg);border-color:var(--color-border)}.btn-google:active{transform:scale(.99)}.btn-google svg{flex-shrink:0}.spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%}.spinner.dark{width:26px;height:26px;border-color:#00000014;border-top-color:var(--color-primary)}.pin-container{display:flex;justify-content:center;gap:10px}.pin-container.shake{animation:pinShake .4s ease-in-out}@keyframes pinShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.pin-input{width:50px;height:60px;text-align:center;font-size:22px;font-weight:600;color:var(--color-primary);background:var(--color-bg);border:1.5px solid var(--color-border-light);border-radius:var(--radius-sm);outline:none;transition:all var(--transition-base);caret-color:var(--color-primary)}.pin-input:focus{border-color:var(--color-border);background:var(--color-surface);box-shadow:0 0 0 4px #0000000a}.pin-input.filled{background:var(--color-surface);border-color:var(--color-primary)}.pin-input.error{border-color:#ff6b6b;color:#ff6b6b}.pin-input.error:focus{box-shadow:0 0 0 4px #ff6b6b1a}.keep-session-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.keep-session-btn{width:100%;padding:16px 24px;font-size:15px;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-base);-webkit-tap-highlight-color:transparent}.keep-session-yes{background:var(--color-primary);color:#fff;box-shadow:0 2px 12px #0000001f}.keep-session-yes:hover{background:#000;box-shadow:0 4px 20px #0000002e}.keep-session-no{background:var(--color-bg);color:var(--color-text);border:1.5px solid var(--color-border-light)}.keep-session-no:hover{background:var(--color-surface);border-color:var(--color-border)}.pin-forgot-link{display:block;text-align:center;font-size:13px;font-weight:500;color:var(--color-text-muted);text-decoration:none;margin-top:12px;transition:var(--transition-fast);-webkit-tap-highlight-color:transparent}.pin-forgot-link:hover{color:var(--color-primary)}.back-button{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--color-text-muted);margin-bottom:16px;padding:4px 0;transition:var(--transition-fast)}.back-button:hover{color:var(--color-text)}.highlight-text{font-weight:600;color:var(--color-primary)}.resend-section{text-align:center;padding-top:4px}.countdown-text{font-size:14px;color:var(--color-text-muted)}.resend-button{font-size:14px;font-weight:600;color:var(--color-text);padding:8px;transition:var(--transition-fast)}.resend-button:hover{text-decoration:underline}.verifying-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:10;border-radius:var(--radius-xl)}.verifying-overlay p{font-size:14px;font-weight:500;color:var(--color-text-secondary)}@media (max-width: 520px){.login-page{overflow-y:auto;-webkit-overflow-scrolling:touch}.login-center{padding:20px 16px;min-height:auto;justify-content:safe center}.login-card{padding:36px 24px;border-radius:var(--radius-lg);box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005,0 6px 20px #0000000a}.form-title{font-size:42px}.form-step{min-height:auto}.pin-input{width:44px;height:54px;font-size:20px}.pin-container{gap:8px}.btn-primary,.btn-google{min-height:50px;padding:14px 24px;-webkit-tap-highlight-color:transparent}.method-tab{padding:12px 16px;-webkit-tap-highlight-color:transparent}.email-input{font-size:16px;padding:16px}.back-button{padding:8px 4px;-webkit-tap-highlight-color:transparent}.resend-button{padding:12px 8px;-webkit-tap-highlight-color:transparent}}.login-error{color:#ff6b6b;font-size:13px;font-weight:500;text-align:center;margin:-4px 0 0;padding:0}.admin-login-page{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0f172a,#1e293b,#0f172a)}.admin-login-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(99,102,241,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.admin-login-center{position:relative;z-index:1;width:100%;padding:40px 20px;display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh}.admin-login-card{width:100%;max-width:400px;background:#1e293b99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(71,85,105,.4);border-radius:16px;padding:40px 32px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0006}.admin-login-header{text-align:center;margin-bottom:32px}.admin-login-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#3b82f633,#6366f133);border:1px solid rgba(99,102,241,.3);border-radius:16px;color:#93c5fd;margin-bottom:20px}.admin-login-title{font-size:24px;font-weight:600;color:#f1f5f9;letter-spacing:-.5px;margin-bottom:8px}.admin-login-subtitle{font-size:14px;color:#94a3b8;line-height:1.5}.admin-login-form{position:relative;min-height:180px}.admin-form-step{display:flex;flex-direction:column;gap:16px}.admin-input{width:100%;padding:16px 18px;font-size:16px;font-weight:500;color:#f1f5f9;background:#0f172a99;border:1.5px solid rgba(71,85,105,.6);border-radius:12px;outline:none;transition:all .2s ease}.admin-input::placeholder{color:#64748b}.admin-input:focus{border-color:#6366f199;background:#0f172acc;box-shadow:0 0 0 3px #6366f126}.admin-btn-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;font-size:15px;font-weight:600;color:#fff;background:#47556980;border:1px solid rgba(71,85,105,.5);border-radius:12px;cursor:not-allowed;transition:all .2s ease}.admin-btn-submit.active{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:transparent;cursor:pointer}.admin-btn-submit.active:hover{background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 4px 20px #3b82f64d}.admin-back-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#94a3b8;padding:8px 0;margin-bottom:8px;background:none;border:none;cursor:pointer;transition:color .2s}.admin-back-btn:hover{color:#f1f5f9}.admin-email-hint{font-size:14px;color:#94a3b8;margin-bottom:8px}.admin-email-highlight{font-weight:600;color:#93c5fd}.admin-login-error{color:#f87171;font-size:13px;font-weight:500;text-align:center;margin:-4px 0 0}.admin-verifying-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;border-radius:16px}.admin-verifying-overlay p{font-size:14px;font-weight:500;color:#94a3b8}.admin-spinner{width:32px;height:32px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%}.admin-login-footer{margin-top:24px;padding-top:20px;border-top:1px solid rgba(71,85,105,.4);text-align:center}.admin-footer-link{font-size:14px;font-weight:500;color:#64748b;text-decoration:none;transition:color .2s}.admin-footer-link:hover{color:#93c5fd}.admin-login-card .pin-input{background:#0f172a99;border-color:#47556999;color:#93c5fd}.admin-login-card .pin-input:focus{border-color:#6366f199;background:#0f172acc}.admin-login-card .pin-input.filled{border-color:#6366f1cc}@media (max-width: 480px){.admin-login-card{padding:32px 24px}.admin-login-title{font-size:22px}}.otp-demo-hint{font-size:12px;color:var(--color-text-muted);margin:8px 0 0;opacity:.85}.register-form{gap:16px}.input-group{display:flex;flex-direction:column;gap:4px;background:var(--color-bg);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-base)}.input-group:focus-within{border-color:var(--color-border);background:var(--color-surface);box-shadow:0 0 0 4px #0000000a}.input-group .email-input{border:none;box-shadow:none}.input-group .email-input.error{color:#ff6b6b}.input-hint{font-size:12px;color:var(--color-text-muted);padding:0 18px 8px;margin:0}.auth-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border-light)}.auth-footer-text{font-size:14px;color:var(--color-text-muted)}.auth-footer-link{font-size:14px;font-weight:600;color:var(--color-primary);text-decoration:none;transition:var(--transition-fast)}.auth-footer-link:hover{text-decoration:underline}.forgot-password-page{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.forgot-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.forgot-bg .bg-glow{position:absolute;border-radius:50%;filter:blur(80px)}.forgot-bg .bg-glow-1{width:600px;height:600px;background:radial-gradient(circle,rgba(0,0,0,.018) 0%,transparent 70%);top:-15%;right:-10%}.forgot-bg .bg-glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(0,0,0,.014) 0%,transparent 70%);bottom:-10%;left:-10%}@media (max-width: 768px){.forgot-bg .bg-glow{filter:none;opacity:.5}}.forgot-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:40px 20px;min-height:100vh;min-height:100dvh}.forgot-card{width:100%;max-width:460px;background:var(--color-surface);border-radius:var(--radius-xl);padding:52px 48px;box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005,0 12px 40px #0000000d;position:relative;overflow:hidden}.forgot-header{text-align:center;margin-bottom:36px}.forgot-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--color-bg);margin-bottom:24px;color:var(--color-primary)}.forgot-title{font-size:28px;font-weight:600;letter-spacing:-.8px;margin-bottom:10px;color:var(--color-text)}.forgot-subtitle{font-size:15px;color:var(--color-text-secondary);line-height:1.5}.forgot-form{display:flex;flex-direction:column;gap:16px}.forgot-input{width:100%;padding:18px;font-size:17px;font-weight:500;background:var(--color-bg);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);outline:none;color:var(--color-text);transition:var(--transition-base)}.forgot-input:focus{border-color:var(--color-border);background:var(--color-surface);box-shadow:0 0 0 4px #0000000a}.forgot-input::placeholder{color:var(--color-text-muted)}.forgot-error{color:#ff6b6b;font-size:13px;font-weight:500;margin:-4px 0 0}.forgot-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:17px 28px;font-size:16px;font-weight:600;color:#fff;background:var(--color-border);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);min-height:56px}.forgot-submit.active{background:var(--color-primary);box-shadow:0 2px 12px #0000001f}.forgot-submit.active:hover:not(:disabled){background:#000;box-shadow:0 4px 20px #0000002e}.forgot-submit:disabled{cursor:not-allowed}.forgot-spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%}.forgot-success{text-align:center;padding:16px 0}.forgot-success-icon{display:inline-flex;align-items:center;justify-content:center;color:#22c55e;margin-bottom:24px}.forgot-success-title{font-size:24px;font-weight:600;margin-bottom:12px;color:var(--color-text)}.forgot-success-desc{font-size:15px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:28px}.forgot-success-desc .highlight-text{font-weight:600;color:var(--color-primary)}.forgot-back-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--color-primary);text-decoration:none;transition:var(--transition-fast)}.forgot-back-link:hover{text-decoration:underline}.forgot-footer{margin-top:28px;padding-top:24px;border-top:1px solid var(--color-border-light);text-align:center}.forgot-footer-link{font-size:14px;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:var(--transition-fast)}.forgot-footer-link:hover{color:var(--color-primary)}@media (max-width: 520px){.forgot-center{padding:20px 16px}.forgot-card{padding:36px 24px;border-radius:var(--radius-lg)}.forgot-title{font-size:24px}.forgot-input{padding:16px;font-size:16px}.forgot-submit{min-height:50px;padding:14px 24px}}.reset-password-page{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.reset-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100vh;color:var(--color-text-secondary);font-size:14px}.reset-loading-spinner{width:28px;height:28px;border:2.5px solid rgba(0,0,0,.06);border-top-color:var(--color-primary);border-radius:50%;animation:resetSpin .7s linear infinite}@keyframes resetSpin{to{transform:rotate(360deg)}}.reset-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.reset-bg .bg-glow{position:absolute;border-radius:50%;filter:blur(80px)}.reset-bg .bg-glow-1{width:600px;height:600px;background:radial-gradient(circle,rgba(0,0,0,.018) 0%,transparent 70%);top:-15%;right:-10%}.reset-bg .bg-glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(0,0,0,.014) 0%,transparent 70%);bottom:-10%;left:-10%}@media (max-width: 768px){.reset-bg .bg-glow{filter:none;opacity:.5}}.reset-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:40px 20px;min-height:100vh;min-height:100dvh}.reset-card{width:100%;max-width:460px;background:var(--color-surface);border-radius:var(--radius-xl);padding:52px 48px;box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005,0 12px 40px #0000000d;position:relative;overflow:hidden}.reset-header{text-align:center;margin-bottom:36px}.reset-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--color-bg);margin-bottom:24px;color:var(--color-primary)}.reset-title{font-size:28px;font-weight:600;letter-spacing:-.8px;margin-bottom:10px;color:var(--color-text)}.reset-subtitle{font-size:15px;color:var(--color-text-secondary);line-height:1.5}.reset-form{display:flex;flex-direction:column;gap:24px}.reset-pin-group{display:flex;flex-direction:column;gap:12px}.reset-label{font-size:14px;font-weight:600;color:var(--color-text)}.reset-error{color:#ff6b6b;font-size:13px;font-weight:500;margin:-8px 0 0}.reset-submit{width:100%;padding:17px 28px;font-size:16px;font-weight:600;color:#fff;background:var(--color-border);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);min-height:56px}.reset-submit.active{background:var(--color-primary);box-shadow:0 2px 12px #0000001f}.reset-submit.active:hover:not(:disabled){background:#000;box-shadow:0 4px 20px #0000002e}.reset-submit:disabled{cursor:not-allowed}.reset-spinner{width:22px;height:22px;margin:0 auto;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%}.reset-success{text-align:center;padding:16px 0}.reset-success-icon{display:inline-flex;align-items:center;justify-content:center;color:#22c55e;margin-bottom:24px}.reset-success-title{font-size:24px;font-weight:600;margin-bottom:12px;color:var(--color-text)}.reset-success-desc{font-size:15px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:28px}.reset-continue{width:100%;padding:17px 28px;font-size:16px;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);box-shadow:0 2px 12px #0000001f}.reset-continue:hover{background:#000;box-shadow:0 4px 20px #0000002e}.reset-continue-link{display:block;text-align:center;text-decoration:none;color:#fff;line-height:1;padding:17px 28px}.reset-footer{margin-top:28px;padding-top:24px;border-top:1px solid var(--color-border-light);text-align:center}.reset-footer-link{font-size:14px;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:var(--transition-fast)}.reset-footer-link:hover{color:var(--color-primary)}@media (max-width: 520px){.reset-center{padding:20px 16px}.reset-card{padding:36px 24px;border-radius:var(--radius-lg)}.reset-title{font-size:24px}.reset-submit{min-height:50px;padding:14px 24px}}.salon-hub-page{min-height:100vh;min-height:100dvh;position:relative;overflow-y:auto;background:var(--color-bg)}.salon-hub-container{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:24px 20px 60px}.salon-hub-topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 0;margin-bottom:32px}.salon-hub-logo{display:flex;align-items:center}.salon-hub-logo img{height:24px;width:auto;object-fit:contain}.topbar-user{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;letter-spacing:-.3px}.user-name{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.btn-logout{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all var(--transition-base)}.btn-logout:hover{color:var(--color-text);background:#0000000a}.salon-hub-header{text-align:center;margin-bottom:36px}.salon-hub-title{font-size:36px;font-weight:500;letter-spacing:-1px;background:linear-gradient(135deg,#1d1d1f,#48484a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.salon-hub-subtitle{font-size:15px;color:var(--color-text-secondary);font-weight:400}.section-label{display:flex;align-items:center;gap:12px;margin:20px 0 12px}.section-label span{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted)}.section-label:after{content:"";flex:1;height:1px;background:var(--color-border-light)}.salon-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.salon-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:24px;box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005,0 8px 24px #0000000a;transition:box-shadow var(--transition-base)}.salon-card:hover{box-shadow:0 0 0 1px #0000000a,0 2px 6px #00000008,0 12px 32px #0000000f}.salon-card-header{display:flex;align-items:center;gap:14px}.salon-avatar{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--color-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.salon-avatar img{width:100%;height:100%;object-fit:cover}.salon-avatar-emoji{font-size:22px;line-height:1}.salon-info{flex:1;min-width:0}.salon-name{font-size:17px;font-weight:600;letter-spacing:-.3px;color:var(--color-text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.salon-meta{display:flex;align-items:center;gap:8px}.role-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);letter-spacing:.2px;text-transform:uppercase}.role-owner{background:linear-gradient(135deg,#f5e6d3,#ecd4b5);color:#8b6914}.role-admin{background:#0000000f;color:var(--color-text)}.role-manager{background:#3b82f614;color:#2563eb}.role-staff{background:#0000000a;color:var(--color-text-secondary)}.salon-members{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-muted)}.salon-owner-badge{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f5e6d3,#ecd4b5);display:flex;align-items:center;justify-content:center;color:#8b6914;flex-shrink:0}.branch-card{border-left:3px solid rgba(59,130,246,.2)}.branch-tag{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:#3b82f614;color:#3b82f6}.freelancer-card{border:1.5px solid rgba(59,130,246,.12);background:linear-gradient(135deg,#fafbff,#f5f7ff)}.freelancer-card:hover{border-color:#3b82f633;box-shadow:0 0 0 1px #3b82f60f,0 2px 6px #3b82f60a,0 12px 32px #3b82f60f}.freelancer-avatar{background:#3b82f614;color:#3b82f6;border-radius:50%}.freelancer-label{font-size:12px;color:#3b82f6;font-weight:500;margin:0}.btn-salon-open.freelancer-btn{background:#3b82f6}.btn-salon-open.freelancer-btn:hover{background:#2563eb;box-shadow:0 2px 12px #3b82f633}.salon-description{font-size:13px;color:var(--color-text-muted);margin-top:12px;line-height:1.5}.salon-card-actions{display:flex;align-items:center;gap:8px;margin-top:16px}.btn-salon-open{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:600;color:#fff;background:var(--color-primary);border-radius:var(--radius-sm);transition:all var(--transition-base)}.btn-salon-open:hover{background:#000;box-shadow:0 2px 12px #00000026}.btn-salon-leave{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-muted);background:var(--color-bg);transition:all var(--transition-base);flex-shrink:0}.btn-salon-leave:hover{color:var(--color-error);background:#ff3b300f}.salon-hub-actions{display:flex;gap:10px}.btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;font-size:14px;font-weight:600;color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-base)}.btn-action:hover{border-color:var(--color-border);background:var(--color-bg)}.btn-action.premium{border-color:#ecd4b5;background:linear-gradient(135deg,#fef9f3,#fdf3e7)}.btn-action.premium:hover{border-color:#d4a853;box-shadow:0 2px 12px #8b691414}.premium-icon{color:#8b6914}.invite-hint{text-align:center;margin-top:24px;padding:16px;background:var(--color-surface);border-radius:var(--radius-md);border:1px dashed var(--color-border-light)}.invite-hint p{font-size:13px;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.copy-code-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;font-family:SF Mono,Fira Code,monospace;color:var(--color-text);background:var(--color-bg);border-radius:6px;transition:all var(--transition-fast);letter-spacing:.5px}.copy-code-btn:hover{background:var(--color-border-light)}.empty-state{text-align:center;padding:48px 24px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005,0 12px 40px #0000000d}.empty-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;background:var(--color-bg);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.empty-state h3{font-size:22px;font-weight:600;letter-spacing:-.5px;margin-bottom:8px}.empty-state p{font-size:14px;color:var(--color-text-muted);margin-bottom:28px;line-height:1.5}.empty-actions{display:flex;flex-direction:column;gap:10px;max-width:340px;margin:0 auto}.btn-freelancer-main{display:flex;align-items:center;gap:14px;width:100%;padding:18px 22px;font-size:15px;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:var(--radius-md);transition:all var(--transition-base);min-height:64px;text-align:left}.btn-freelancer-main:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 20px #3b82f640}.btn-freelancer-main svg:first-child{flex-shrink:0;opacity:.9}.btn-freelancer-main svg:last-child{flex-shrink:0;opacity:.6;margin-left:auto}.btn-freelancer-text{display:flex;flex-direction:column;flex:1;min-width:0}.btn-freelancer-label{font-weight:600;font-size:15px;line-height:1.3}.btn-freelancer-sub{font-size:12px;opacity:.7;font-weight:400;line-height:1.3;margin-top:2px}.empty-divider{display:flex;align-items:center;gap:14px;margin:4px 0}.empty-divider:before,.empty-divider:after{content:"";flex:1;height:1px;background:var(--color-border-light)}.empty-divider span{font-size:12px;font-weight:500;color:var(--color-text-muted);white-space:nowrap}.btn-premium-outline{border-color:#ecd4b5;background:linear-gradient(135deg,#fef9f3,#fdf3e7)}.btn-premium-outline:hover{border-color:#d4a853;background:linear-gradient(135deg,#fdf3e7,#faebd7)}.empty-actions .btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 28px;font-size:15px;font-weight:600;color:#fff;background:var(--color-primary);border-radius:var(--radius-md);transition:all var(--transition-base);min-height:52px}.empty-actions .btn-primary:hover{background:#000;box-shadow:0 4px 20px #0000002e}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 28px;font-size:15px;font-weight:500;color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-base);min-height:52px}.btn-secondary:hover{border-color:var(--color-border);background:var(--color-bg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-xl);padding:40px 36px;position:relative;box-shadow:0 20px 60px #00000026}.modal-sm{max-width:380px;padding:32px 28px}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all var(--transition-fast)}.modal-close:hover{color:var(--color-text);background:#0000000a}.modal-header{text-align:center;margin-bottom:24px}.modal-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:var(--color-bg);display:flex;align-items:center;justify-content:center;color:var(--color-text)}.modal-icon.premium{background:linear-gradient(135deg,#f5e6d3,#ecd4b5);color:#8b6914}.modal-icon.danger{background:#ff3b3014;color:var(--color-error)}.modal-header h3{font-size:22px;font-weight:600;letter-spacing:-.5px;margin-bottom:8px}.modal-header p{font-size:14px;color:var(--color-text-muted);line-height:1.5}.modal-body{display:flex;flex-direction:column;gap:14px}.invite-input-group{display:flex;align-items:center;background:var(--color-bg);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-base)}.invite-input-group:focus-within{border-color:var(--color-border);background:var(--color-surface);box-shadow:0 0 0 4px #0000000a}.invite-input{width:100%;padding:16px 18px;font-size:18px;font-weight:600;font-family:SF Mono,Fira Code,monospace;letter-spacing:2px;text-align:center;text-transform:uppercase;background:transparent;border:none;outline:none;color:var(--color-text)}.invite-input::placeholder{color:var(--color-text-muted);font-weight:400;letter-spacing:.5px;font-family:var(--font-family);font-size:15px}.error-text{font-size:13px;color:var(--color-error);text-align:center;font-weight:500}.premium-features{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--color-bg);border-radius:var(--radius-md)}.premium-feature{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--color-text);font-weight:500}.feature-check{color:var(--color-success);flex-shrink:0}.btn-premium{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 28px;font-size:15px;font-weight:600;color:#6b4700;background:linear-gradient(135deg,#f5e6d3,#ecd4b5);border-radius:var(--radius-md);transition:all var(--transition-base);min-height:52px}.btn-premium:hover{background:linear-gradient(135deg,#ecd4b5,#d4a853);box-shadow:0 4px 16px #8b691426}.premium-note{font-size:12px;color:var(--color-text-muted);text-align:center;line-height:1.5}.modal-actions-row{flex-direction:row!important;gap:10px!important}.btn-cancel{flex:1;padding:14px 20px;font-size:15px;font-weight:600;color:var(--color-text);background:var(--color-bg);border-radius:var(--radius-md);transition:all var(--transition-base)}.btn-cancel:hover{background:var(--color-border-light)}.btn-danger{flex:1;padding:14px 20px;font-size:15px;font-weight:600;color:#fff;background:var(--color-error);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;min-height:48px}.btn-danger:hover{background:#e8342a;box-shadow:0 2px 12px #ff3b3040}.btn-danger:disabled{cursor:not-allowed}.spinner.danger{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%}@media (max-width: 520px){.salon-hub-container{padding:16px 16px 40px}.salon-hub-title{font-size:28px}.salon-card{padding:20px;border-radius:var(--radius-md)}.salon-hub-actions{flex-direction:column}.modal-content{padding:32px 24px;border-radius:var(--radius-lg)}.modal-sm{padding:28px 20px}.empty-state{padding:36px 20px;border-radius:var(--radius-lg)}.btn-salon-open,.btn-action,.btn-primary,.btn-secondary,.btn-premium,.btn-cancel,.btn-danger,.btn-freelancer-main,.btn-premium-outline,.btn-logout,.btn-salon-leave,.modal-close{-webkit-tap-highlight-color:transparent}}.admin-layout{display:flex;min-height:100vh;min-height:100dvh;background:#f8fafc}.admin-sidebar{width:260px;min-width:260px;display:flex;flex-direction:column;background:linear-gradient(180deg,#0f172a,#1e293b);color:#e2e8f0;padding:20px 12px;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto}.admin-sidebar-header{display:flex;align-items:center;gap:12px;padding:0 8px 24px;border-bottom:1px solid rgba(148,163,184,.2);margin-bottom:16px}.admin-logo-icon{color:#60a5fa;flex-shrink:0}.admin-logo-text{font-size:18px;font-weight:600;letter-spacing:-.3px}.admin-close-btn{display:none;margin-left:auto;padding:8px;background:transparent;border:none;color:#94a3b8;cursor:pointer;border-radius:8px}.admin-nav{flex:1;display:flex;flex-direction:column;gap:4px}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;color:#94a3b8;text-decoration:none;border-radius:10px;transition:all .2s ease}.admin-nav-item:hover{color:#e2e8f0;background:#60a5fa1a}.admin-nav-item.active{color:#60a5fa;background:#60a5fa26;font-weight:600}.admin-sidebar-footer{padding-top:20px;border-top:1px solid rgba(148,163,184,.2);margin-top:auto}.admin-user-info{display:flex;align-items:center;gap:12px;padding:12px;background:#0003;border-radius:10px;margin-bottom:12px}.admin-user-avatar{width:40px;height:40px;border-radius:10px;object-fit:cover}.admin-user-details{display:flex;flex-direction:column;gap:2px;overflow:hidden}.admin-user-name{font-size:14px;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-role{font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-logout-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;color:#f87171;background:#f871711a;border:none;border-radius:10px;cursor:pointer;transition:all .2s}.admin-logout-btn:hover{background:#f8717133;color:#fca5a5}.admin-main{flex:1;display:flex;flex-direction:column;min-width:0}.admin-main-header{padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;display:none}.admin-menu-btn{padding:8px;background:transparent;border:none;color:#64748b;cursor:pointer;border-radius:8px}.admin-menu-btn:hover{background:#f1f5f9;color:#1e293b}.admin-content{flex:1;padding:24px;overflow-y:auto}.admin-sidebar-mobile{display:none;position:fixed;top:0;left:0;z-index:100;box-shadow:4px 0 24px #0000004d}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}@media (max-width: 768px){.admin-sidebar{display:none}.admin-sidebar-mobile{display:flex}.admin-main-header{display:block}.admin-close-btn{display:flex}.admin-content{padding:16px}}.admin-dashboard{max-width:1000px}.admin-dashboard-header{margin-bottom:32px}.admin-dashboard-title{font-size:28px;font-weight:600;color:#0f172a;margin-bottom:8px;letter-spacing:-.5px}.admin-dashboard-subtitle{font-size:15px;color:#64748b;line-height:1.5}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.admin-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.admin-stat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.admin-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.admin-stat-content{flex:1;min-width:0}.admin-stat-value{display:block;font-size:24px;font-weight:700;color:#0f172a;line-height:1.2}.admin-stat-label{font-size:14px;color:#64748b;font-weight:500}.admin-stat-arrow{color:#94a3b8;flex-shrink:0}.admin-stat-card:hover .admin-stat-arrow{color:#3b82f6}.admin-page{max-width:800px}.admin-page-header{margin-bottom:24px}.admin-page-title{font-size:24px;font-weight:600;color:#0f172a;margin-bottom:6px}.admin-page-subtitle{font-size:14px;color:#64748b}.admin-loading{display:flex;align-items:center;justify-content:center;padding:48px}.admin-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:adminSpin .8s linear infinite}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;background:#fff;border:1px dashed #e2e8f0;border-radius:12px;color:#94a3b8}.admin-empty svg{margin-bottom:16px;opacity:.5}.admin-empty p{font-size:15px;font-weight:500}.admin-list{display:flex;flex-direction:column;gap:12px}.admin-list-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s}.admin-list-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.admin-list-card-main{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.admin-list-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;border-radius:10px;flex-shrink:0}.admin-list-card-icon.client-icon{background:#ede9fe;color:#7c3aed}.admin-list-card-icon.appt-icon{background:#fef3c7;color:#d97706}.admin-list-card-body{flex:1;min-width:0}.admin-list-card-title{font-size:15px;font-weight:600;color:#0f172a;margin-bottom:4px}.admin-list-card-meta{font-size:13px;color:#64748b;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.admin-meta-item{display:inline-flex;align-items:center;gap:4px}.admin-list-card-action{display:flex;align-items:center;justify-content:center;padding:8px;color:#94a3b8;border-radius:8px;transition:all .2s;flex-shrink:0}.admin-list-card-action:hover{color:#3b82f6;background:#eff6ff}.admin-member-avatar{width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0}.admin-role-badge,.admin-status-badge,.admin-visit-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px}.admin-role-badge.owner{background:#dbeafe;color:#1d4ed8}.admin-role-badge.admin{background:#dcfce7;color:#15803d}.admin-role-badge.manager{background:#fef3c7;color:#b45309}.admin-role-badge.staff{background:#f1f5f9;color:#475569}.admin-status-badge.pending{background:#fef3c7;color:#b45309}.admin-status-badge.confirmed{background:#dcfce7;color:#15803d}.admin-status-badge.completed{background:#e0e7ff;color:#3730a3}.admin-status-badge.cancelled{background:#fee2e2;color:#b91c1c}.admin-status-badge.no_show{background:#f3e8ff;color:#7c3aed}.admin-visit-badge{background:#f1f5f9;color:#475569}.ws-switcher{position:relative}.ws-switcher-trigger{display:flex;align-items:center;gap:10px;padding:8px 12px;background:transparent;border:1.5px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);min-width:0;max-width:260px;width:100%}.ws-switcher-trigger:hover{background:#00000008;border-color:var(--color-border-light)}.ws-trigger-avatar{width:32px;height:32px;border-radius:8px;background:var(--color-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-muted);font-size:16px;overflow:hidden}.ws-trigger-avatar img{width:100%;height:100%;object-fit:cover}.ws-trigger-emoji{font-size:16px;line-height:1}.ws-trigger-name{font-size:14px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}.ws-trigger-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform var(--transition-fast);margin-left:auto}.ws-trigger-chevron.open{transform:rotate(180deg)}.ws-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:300px;max-height:480px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000f,0 10px 24px -4px #0000001a;z-index:200;padding:6px}.ws-dropdown::-webkit-scrollbar{width:4px}.ws-dropdown::-webkit-scrollbar-track{background:transparent}.ws-dropdown::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:4px}.ws-dropdown-section{padding:4px 0}.ws-dropdown-section+.ws-dropdown-section{border-top:1px solid var(--color-border-light)}.ws-section-label{padding:8px 12px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted)}.ws-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left}.ws-dropdown-item:hover{background:#00000008}.ws-dropdown-item.active{background:#0000000a}.ws-item-avatar{width:36px;height:36px;border-radius:8px;background:var(--color-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;font-size:16px}.ws-item-avatar img{width:100%;height:100%;object-fit:cover}.ws-item-avatar.individual{border-radius:50%;background:#3b82f614;color:#3b82f6}.ws-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ws-item-name{font-size:13px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.1px}.ws-item-role{font-size:11px;color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.ws-branch-badge{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:#3b82f614;color:#3b82f6}.ws-member-count{display:inline-flex;align-items:center;gap:3px;color:var(--color-text-muted)}.ws-item-check{color:var(--color-primary);flex-shrink:0}.ws-dropdown-actions{border-top:1px solid var(--color-border-light);padding:4px 0 2px}.ws-action-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast);text-align:left}.ws-action-btn:hover{background:#00000008;color:var(--color-text)}.ws-action-btn.premium{color:#8b6914}.ws-action-btn.premium:hover{background:#8b69140a}.ws-premium-icon{color:#8b6914;margin-left:auto}.ws-action-logout{color:#dc2626;margin-top:4px;border-top:1px solid var(--color-border-light);padding-top:10px}.ws-action-logout:hover{background:#dc26260f;color:#b91c1c}.ws-dropdown-overlay{display:none}@media (max-width: 640px){.ws-switcher-trigger{padding:6px 8px;gap:8px;max-width:100%;border:none}.ws-trigger-avatar{width:28px;height:28px;border-radius:6px;font-size:14px}.ws-trigger-name{font-size:15px;font-weight:700;letter-spacing:-.3px}.ws-dropdown-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#00000059;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.ws-dropdown.ws-dropdown-portal{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:75vh;border-radius:20px 20px 0 0;border:none;border-top:1px solid var(--color-border-light);padding:8px 8px calc(env(safe-area-inset-bottom,0px) + 8px);box-shadow:0 -8px 40px #0000002e;z-index:999}.ws-dropdown.ws-dropdown-portal:before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:#0000001f;margin:4px auto 10px}.ws-dropdown-item,.ws-action-btn{padding:12px 14px;-webkit-tap-highlight-color:transparent}.ws-item-avatar{width:38px;height:38px}.ws-item-name{font-size:14px}.ws-item-role{font-size:12px}}@media (max-width: 380px){.ws-trigger-name{font-size:14px}}.workspace-layout{display:flex;min-height:100vh;min-height:100dvh;background:var(--color-bg)}.workspace-sidebar{width:260px;min-width:260px;display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border-light);padding:16px 12px;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto}.sidebar-switcher{padding:0 0 16px;border-bottom:1px solid var(--color-border-light);margin-bottom:8px}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:8px 0}.sidebar-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;letter-spacing:-.1px}.sidebar-nav-item:hover{color:var(--color-text);background:#00000008}.sidebar-nav-item.active{color:var(--color-text);background:#0000000d;font-weight:600}.sidebar-nav-item svg{flex-shrink:0;opacity:.7}.sidebar-nav-item.active svg{opacity:1}.sidebar-nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;background:#d97706;border-radius:10px}.sidebar-bottom{display:flex;align-items:center;gap:8px;padding:16px 4px 0;border-top:1px solid var(--color-border-light)}.sidebar-user{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;overflow:hidden}.sidebar-user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.sidebar-user-avatar.individual{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-size:13px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:var(--color-text-muted);font-weight:500}.sidebar-logout{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.sidebar-logout:hover{color:var(--color-error);background:#ff3b300f}.workspace-main{flex:1;min-width:0;padding:32px;overflow-y:auto}.mobile-topbar,.mobile-bottomnav,.menu-overlay,.menu-popup{display:none}@media (max-width: 768px){.workspace-sidebar{width:220px;min-width:220px;padding:12px 8px}.workspace-main{padding:20px 16px}}@media (max-width: 640px){.workspace-layout{flex-direction:column}.workspace-sidebar{display:none}.mobile-topbar{display:block;position:sticky;top:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border-light);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobile-topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;gap:12px}.mobile-topbar-logo{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start;background:none;border:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.mobile-topbar-logo-img{height:28px;width:auto;object-fit:contain;display:block}.mobile-topbar-logo:active{opacity:.7}.mobile-topbar-notification{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:12px;color:var(--color-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;flex-shrink:0}.mobile-topbar-notification:active{background:#0000000d;color:var(--color-text)}.mobile-topbar-notification-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;color:#fff;background:#d97706;border-radius:9px;display:flex;align-items:center;justify-content:center}.mobile-topbar-ws-hidden{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.workspace-main{padding:16px 16px 100px;overflow-y:auto;flex:1}.mobile-bottomnav{display:flex;align-items:flex-end;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--color-surface);border-top:1px solid var(--color-border-light);padding:6px 4px calc(env(safe-area-inset-bottom,0px) + 6px);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 -2px 20px #0000000a}.bottomnav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;padding:6px 2px 4px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);transition:color .2s ease;-webkit-tap-highlight-color:transparent;position:relative}.bottomnav-item span{font-size:10px;font-weight:500;letter-spacing:-.1px;line-height:1;white-space:nowrap}.bottomnav-item.active{color:var(--color-primary, #1d1d1f)}.bottomnav-item.active span{font-weight:600}.bottomnav-item.active:after{content:"";position:absolute;top:0;width:4px;height:4px;border-radius:50%;background:var(--color-primary, #1d1d1f)}.bottomnav-item:active{opacity:.6}.bottomnav-menu-wrapper{display:flex;align-items:center;justify-content:center;flex:1}.bottomnav-menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px 4px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);transition:color .2s ease;-webkit-tap-highlight-color:transparent}.bottomnav-menu-btn span{font-size:10px;font-weight:500;letter-spacing:-.1px;line-height:1}.bottomnav-menu-btn.open{color:var(--color-primary, #1d1d1f);font-weight:600}.bottomnav-menu-btn:active{opacity:.6}.bottomnav-profile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bottomnav-profile-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.bottomnav-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.bottomnav-profile.active .bottomnav-profile-avatar{background:var(--color-primary)}.menu-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:190;background:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.menu-popup{display:block;position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 72px);left:16px;right:16px;z-index:210;background:var(--color-surface);border-radius:20px;padding:16px;box-shadow:0 8px 32px #0000002e,0 0 0 1px #0000000f}.menu-popup-section{display:flex;flex-direction:column;gap:4px}.menu-popup-divider{height:1px;background:var(--color-border-light);margin:12px 0}.menu-popup-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:none;border:none;border-radius:14px;cursor:pointer;font-size:15px;font-weight:500;color:var(--color-text);text-align:left;width:100%;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.menu-popup-item:active{background:#0000000d}.menu-popup-item.active{background:#0000000f;font-weight:600}.menu-popup-item svg{flex-shrink:0;opacity:.8}.menu-popup-item.active svg{opacity:1}.menu-popup-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;background:#d97706;border-radius:10px}.menu-popup-action .menu-popup-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}}@media (max-width: 380px){.mobile-topbar-inner{padding:12px 14px}.mobile-topbar-logo-img{height:24px}.mobile-topbar-notification{width:40px;height:40px}.workspace-main{padding:12px 12px 96px}.bottomnav-item span,.bottomnav-menu-btn span{font-size:9px}}.ws-dashboard{width:100%}.ws-dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:32px}.ws-header-info{min-width:0}.ws-dashboard-title{font-size:28px;font-weight:600;letter-spacing:-.8px;color:var(--color-text);margin-bottom:6px}.ws-dashboard-subtitle{font-size:14px;color:var(--color-text-muted);display:flex;align-items:center;gap:8px;line-height:1.5}.ws-dashboard-branch{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;background:#3b82f614;color:#3b82f6}.ws-header-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.ws-plan-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.ws-plan-badge.free{background:#0000000a;color:var(--color-text-muted)}.ws-plan-badge.basic{background:#3b82f614;color:#2563eb}.ws-plan-badge.premium{background:linear-gradient(135deg,#f5e6d3,#ecd4b5);color:#8b6914}.ws-plan-badge.enterprise{background:linear-gradient(135deg,#e8e0f7,#d4c4f0);color:#6d28d9}.ws-plan-badge.individual{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1}.ws-role-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);padding:4px 10px;background:#00000008;border-radius:var(--radius-full)}.ws-link-card{display:flex;gap:16px;padding:20px;margin-bottom:28px;background:linear-gradient(135deg,#3b82f60f,#8b5cf60a);border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-lg)}.ws-link-icon{width:44px;height:44px;border-radius:12px;background:#3b82f61f;color:#3b82f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ws-link-body{flex:1;min-width:0}.ws-link-label{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:4px}.ws-link-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin-bottom:12px}.ws-link-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ws-link-url{font-size:13px;font-weight:500;color:var(--color-primary);font-family:ui-monospace,monospace;word-break:break-all}.ws-link-copy{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);flex-shrink:0}.ws-link-copy:hover{background:#000}.ws-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-bottom:28px}.ws-stat-card{display:flex;align-items:center;gap:14px;padding:20px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005;transition:all var(--transition-base)}.ws-stat-card:hover{box-shadow:0 0 0 1px #0000000a,0 2px 8px #0000000a}.ws-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ws-stat-info{display:flex;flex-direction:column}.ws-stat-value{font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--color-text);line-height:1.2}.ws-stat-label{font-size:12px;color:var(--color-text-muted);font-weight:500;margin-top:2px}.ws-section-title{font-size:15px;font-weight:600;letter-spacing:-.3px;color:var(--color-text);margin-bottom:16px}.ws-quick-actions{margin-bottom:28px}.ws-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.ws-action-card{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--color-surface);border-radius:var(--radius-lg);border:none;cursor:pointer;box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005;transition:all var(--transition-base);font-size:14px;font-weight:500;color:var(--color-text);text-align:left;letter-spacing:-.1px}.ws-action-card:hover{box-shadow:0 0 0 1px #0000000f,0 4px 12px #0000000d}.ws-action-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ws-action-arrow{margin-left:auto;opacity:.3;transition:all var(--transition-fast)}.ws-action-card:hover .ws-action-arrow{opacity:.7;transform:translate(2px)}.ws-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ws-schedule-card,.ws-clients-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:24px;box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005}.ws-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--color-text-muted)}.ws-empty-state svg{opacity:.25;margin-bottom:12px}.ws-empty-state p{font-size:13px;font-weight:500;opacity:.7}@media (max-width: 768px){.ws-two-col{grid-template-columns:1fr}}@media (max-width: 640px){.ws-link-card{flex-direction:column;padding:16px;margin-bottom:24px}.ws-link-row{flex-direction:column;align-items:stretch}.ws-link-copy{justify-content:center}.ws-dashboard-header{flex-direction:column;gap:12px}.ws-dashboard-title{font-size:24px}.ws-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ws-stat-card{padding:16px;flex-direction:column;align-items:flex-start;gap:10px}.ws-stat-value{font-size:20px}.ws-actions-grid{grid-template-columns:1fr}}.my-services-page{width:100%;position:relative}.ms-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.ms-spinner{width:24px;height:24px;border:2.5px solid rgba(0,0,0,.06);border-top-color:#1d1d1f;border-radius:50%;animation:msSpin .7s linear infinite}@keyframes msSpin{to{transform:rotate(360deg)}}.ms-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.ms-header-info{min-width:0}.ms-title{font-size:24px;font-weight:700;letter-spacing:-.6px;color:var(--color-text);margin-bottom:4px}.ms-subtitle{font-size:14px;color:var(--color-text-muted);line-height:1.5}.ms-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.ms-stat-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:#0000000a;font-size:13px;font-weight:600;color:var(--color-text-secondary)}.ms-add-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.ms-add-btn:hover{filter:brightness(1.08)}.ms-staff-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.ms-staff-bar-label{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px}.ms-staff-list{display:flex;gap:6px;flex-wrap:wrap}.ms-staff-chip{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;background:#00000008;border:1.5px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all .18s ease;font-family:inherit;white-space:nowrap}.ms-staff-chip:hover{background:#0000000f}.ms-staff-chip.selected{background:#007aff14;border-color:var(--color-primary)}.ms-staff-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.ms-staff-avatar img{width:100%;height:100%;object-fit:cover}.ms-staff-avatar span{font-size:11px;font-weight:700;color:#fff;letter-spacing:.3px}.ms-staff-name{font-size:13px;font-weight:600;color:var(--color-text);letter-spacing:-.1px}.ms-staff-me{font-weight:500;color:var(--color-text-muted);font-size:11.5px}.ms-toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.ms-search{position:relative;width:100%}.ms-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.ms-search-input{width:100%;padding:11px 14px 11px 40px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);outline:none;transition:border-color var(--transition-fast)}.ms-search-input:focus{border-color:var(--color-border)}.ms-search-input::placeholder{color:var(--color-text-muted)}.ms-filters{display:flex;gap:6px;flex-wrap:wrap}.ms-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border-light);font-size:12px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.ms-filter-chip:hover{border-color:var(--color-border);color:var(--color-text)}.ms-filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ms-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--color-text-muted);font-size:14px;text-align:center}.ms-empty h3{font-size:17px;font-weight:600;color:var(--color-text-secondary);margin:0}.ms-empty p{max-width:360px;line-height:1.5;margin:0}.ms-empty-icon{width:64px;height:64px;border-radius:50%;background:#0000000a;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);margin-bottom:8px}.ms-empty-add-btn{display:flex;align-items:center;gap:6px;padding:10px 24px;margin-top:8px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.ms-empty-add-btn:hover{filter:brightness(1.08)}.ms-services-list{display:flex;flex-direction:column;gap:24px}.ms-service-group{display:flex;flex-direction:column;gap:6px}.ms-service-category{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:0 2px 6px;border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;gap:8px}.ms-service-items{display:flex;flex-direction:column;gap:4px}.ms-service-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);transition:all var(--transition-base)}.ms-service-card:hover{box-shadow:0 2px 8px #0000000a}.ms-service-card.disabled{opacity:.5}.ms-svc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ms-svc-name{font-size:14px;font-weight:600;color:var(--color-text);letter-spacing:-.2px}.ms-svc-desc{font-size:12px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-svc-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.ms-svc-price{font-size:14px;font-weight:700;color:var(--color-text);letter-spacing:-.2px}.ms-svc-duration{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--color-text-muted);font-weight:500}.ms-svc-actions{display:flex;gap:4px;flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.ms-service-card:hover .ms-svc-actions{opacity:1}.ms-svc-action-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-muted)}.ms-svc-action-btn:hover{background:#0000000f;color:var(--color-text)}.ms-svc-action-btn.delete:hover{background:#ff3b3014;color:#ff3b30}.ms-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.ms-modal{width:100%;max-width:480px;background:var(--color-bg);border-radius:20px;overflow:hidden;box-shadow:0 24px 80px #0000002e;display:flex;flex-direction:column;max-height:calc(100vh - 40px)}.ms-modal.ms-modal-sm{max-width:380px}.ms-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border-light);flex-shrink:0}.ms-modal-header h2{font-size:17px;font-weight:700;letter-spacing:-.3px;color:var(--color-text);margin:0}.ms-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:#0000000f;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.ms-modal-close:hover{background:#0000001a}.ms-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.ms-modal-body::-webkit-scrollbar{width:5px}.ms-modal-body::-webkit-scrollbar-track{background:transparent}.ms-modal-body::-webkit-scrollbar-thumb{background:#0000001f;border-radius:10px}.ms-modal-body::-webkit-scrollbar-thumb:hover{background:#0003}.ms-field{display:flex;flex-direction:column;gap:6px}.ms-field label{font-size:12px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.3px}.ms-field input,.ms-field textarea{padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);outline:none;transition:border-color var(--transition-fast);font-family:inherit;resize:none}.ms-field input:focus,.ms-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff14}.ms-field input::placeholder,.ms-field textarea::placeholder{color:var(--color-text-muted)}.ms-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ms-field-row.ms-field-row-3{grid-template-columns:1fr auto 1fr}.ms-currency-select{padding:10px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--color-text);outline:none;cursor:pointer;transition:border-color var(--transition-fast);font-family:inherit;min-width:90px}.ms-currency-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff14}.ms-lock-slots-field{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.ms-lock-slots-info{flex:1;min-width:0}.ms-lock-slots-header{display:flex;align-items:center;gap:8px;color:var(--color-text);margin-bottom:4px}.ms-lock-slots-title{font-size:13px;font-weight:600;color:var(--color-text)}.ms-lock-slots-desc{font-size:11.5px;color:var(--color-text-muted);line-height:1.4;margin:0}.ms-toggle{position:relative;width:44px;height:26px;border-radius:13px;border:none;background:#0000001f;cursor:pointer;transition:background .25s ease;flex-shrink:0;padding:0}.ms-toggle.active{background:var(--color-primary)}.ms-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .25s ease}.ms-toggle.active .ms-toggle-knob{transform:translate(18px)}.ms-svc-unlock-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#f59e0b1a;color:#f59e0b;flex-shrink:0}.ms-category-mgr-btn{display:flex;align-items:center;gap:6px;padding:9px 14px;background:var(--color-surface);border:1px solid var(--color-border-light);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.ms-category-mgr-btn:hover{border-color:var(--color-border);color:var(--color-text)}.ms-cat-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:10px;font-weight:700;line-height:1}.ms-cat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.ms-cat-dot-sm{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block}.ms-category-selector{position:relative}.ms-category-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast);text-align:left}.ms-category-trigger:hover{border-color:var(--color-border)}.ms-category-trigger:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff14;outline:none}.ms-category-trigger-value{display:flex;align-items:center;gap:8px;font-weight:500}.ms-category-trigger-placeholder{color:var(--color-text-muted)}.ms-cat-chevron{color:var(--color-text-muted);transition:transform .2s ease;flex-shrink:0}.ms-cat-chevron.open{transform:rotate(180deg)}.ms-category-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);box-shadow:0 8px 32px #0000001f;overflow:hidden;max-height:320px;display:flex;flex-direction:column}.ms-cat-list{max-height:200px;overflow-y:auto;padding:4px}.ms-cat-option{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:500;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast);text-align:left}.ms-cat-option:hover{background:#0000000a}.ms-cat-option.selected{background:#007aff0f}.ms-cat-option-name{flex:1}.ms-cat-check{color:var(--color-primary);flex-shrink:0}.ms-cat-add-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:none;border-top:1px solid var(--color-border-light);background:transparent;font-size:13px;font-weight:600;color:var(--color-primary);cursor:pointer;transition:background var(--transition-fast)}.ms-cat-add-btn:hover{background:#007aff0a}.ms-cat-new-form{padding:12px;border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:8px}.ms-cat-new-input{width:100%;padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:6px;font-size:13px;color:var(--color-text);outline:none;transition:border-color var(--transition-fast);font-family:inherit}.ms-cat-new-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff14}.ms-cat-new-input::placeholder{color:var(--color-text-muted)}.ms-cat-color-row{display:flex;flex-wrap:wrap;gap:4px}.ms-cat-color-row.compact{gap:3px}.ms-cat-color-btn{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease;padding:0}.ms-cat-color-row.compact .ms-cat-color-btn{width:18px;height:18px}.ms-cat-color-btn:hover{transform:scale(1.15)}.ms-cat-color-btn.active{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-bg),0 0 0 3.5px currentColor}.ms-cat-new-actions{display:flex;gap:6px;justify-content:flex-end}.ms-cat-new-cancel{padding:5px 12px;border-radius:6px;border:none;background:#0000000f;font-size:12px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.ms-cat-new-cancel:hover{background:#0000001a}.ms-cat-new-save{display:flex;align-items:center;gap:4px;padding:5px 12px;border-radius:6px;border:none;background:var(--color-primary);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.ms-cat-new-save:hover:not(:disabled){filter:brightness(1.08)}.ms-cat-new-save:disabled{opacity:.5;cursor:not-allowed}.ms-cat-new-save.full-width{width:100%;justify-content:center;padding:8px 12px;font-size:13px}.ms-cat-manage-btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 16px;border:none;border-top:1px solid var(--color-border-light);background:transparent;font-size:12px;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.ms-cat-manage-btn:hover{background:#00000008;color:var(--color-text-secondary)}.ms-cat-manager-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 20px;color:var(--color-text-muted);font-size:13px;text-align:center}.ms-cat-manager-list{display:flex;flex-direction:column;gap:2px}.ms-cat-manager-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;transition:background var(--transition-fast)}.ms-cat-manager-item:hover{background:#00000008}.ms-cat-manager-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.ms-cat-manager-name{font-size:14px;font-weight:600;color:var(--color-text);letter-spacing:-.2px}.ms-cat-manager-count{font-size:11px;font-weight:500;color:var(--color-text-muted);padding:2px 8px;background:#0000000a;border-radius:var(--radius-full)}.ms-cat-manager-actions{display:flex;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.ms-cat-manager-item:hover .ms-cat-manager-actions{opacity:1}.ms-cat-manager-edit{width:100%;display:flex;flex-direction:column;gap:8px}.ms-cat-manager-edit-input{width:100%;padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-primary);border-radius:6px;font-size:13px;color:var(--color-text);outline:none;font-family:inherit;box-shadow:0 0 0 3px #007aff14}.ms-cat-manager-edit-actions{display:flex;gap:6px;justify-content:flex-end}.ms-cat-manager-add{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--color-border-light);margin-top:8px}.ms-cat-manager-add-input{width:100%;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text);outline:none;font-family:inherit;transition:border-color var(--transition-fast)}.ms-cat-manager-add-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff14}.ms-cat-manager-add-input::placeholder{color:var(--color-text-muted)}.ms-form-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ff3b300f;border-radius:var(--radius-sm);font-size:13px;color:#ff3b30;font-weight:500}.ms-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--color-border-light);flex-shrink:0}.ms-modal-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.ms-modal-btn.cancel{background:#0000000f;color:var(--color-text-secondary)}.ms-modal-btn.cancel:hover{background:#0000001a}.ms-modal-btn.save{background:var(--color-primary);color:#fff}.ms-modal-btn.save:hover:not(:disabled){filter:brightness(1.08)}.ms-modal-btn.save:disabled{opacity:.5;cursor:not-allowed}.ms-modal-btn.danger{background:#ff3b30;color:#fff}.ms-modal-btn.danger:hover:not(:disabled){background:#e8342a}.ms-modal-btn.danger:disabled{opacity:.5;cursor:not-allowed}.ms-delete-confirm{padding:28px 24px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.ms-delete-icon{width:48px;height:48px;border-radius:50%;background:#ff3b3014;color:#ff3b30;display:flex;align-items:center;justify-content:center}.ms-delete-confirm h3{font-size:16px;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.3px}.ms-delete-confirm p{font-size:13px;color:var(--color-text-muted);margin:0;line-height:1.5}.ms-delete-actions{display:flex;gap:8px;margin-top:8px;width:100%}.ms-delete-actions .ms-modal-btn{flex:1;justify-content:center}.ms-spin{animation:msSpin .7s linear infinite}.ms-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:2000;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-full);font-size:13px;font-weight:600;box-shadow:0 8px 32px #0000002e}.ms-toast.success{background:#1d1d1f;color:#fff}.ms-toast.error{background:#ff3b30;color:#fff}@media (max-width: 640px){.ms-header{flex-direction:column;gap:12px}.ms-header-actions{width:100%;justify-content:space-between}.ms-title{font-size:20px}.ms-add-btn{flex:1;justify-content:center}.ms-service-card{padding:12px 14px;gap:10px}.ms-svc-desc{display:none}.ms-svc-actions{opacity:1}.ms-svc-action-btn{width:28px;height:28px}.ms-filter-chip{font-size:11px;padding:5px 11px}.ms-category-mgr-btn{padding:7px 10px;font-size:12px}.ms-category-mgr-btn span:not(.ms-cat-badge){display:none}.ms-cat-manager-actions{opacity:1}.ms-modal-overlay{padding:0;align-items:flex-end}.ms-modal{max-width:100%;border-radius:20px 20px 0 0;max-height:92vh;max-height:92dvh}.ms-modal.ms-modal-sm{max-width:100%;border-radius:20px 20px 0 0}.ms-modal-header{padding:16px 20px}.ms-modal-header h2{font-size:16px}.ms-modal-body{padding:16px 20px;gap:14px}.ms-modal-footer{padding:14px 20px}.ms-field label{font-size:11.5px}.ms-field input,.ms-field textarea{padding:9px 12px;font-size:14px}.ms-field-row{gap:10px}.ms-lock-slots-field{padding:12px 14px;gap:12px}.ms-lock-slots-title{font-size:12.5px}.ms-lock-slots-desc{font-size:11px}.ms-category-trigger{padding:9px 12px;font-size:13px}.ms-currency-select{padding:9px 8px;font-size:13px;min-width:80px}.ms-staff-bar{margin-bottom:16px;padding:10px 12px}.ms-staff-chip{padding:5px 10px 5px 5px;gap:6px}.ms-staff-avatar{width:24px;height:24px}.ms-staff-avatar span{font-size:9px}.ms-staff-name{font-size:12px}.ms-toast{bottom:90px;left:16px;right:16px;transform:none;justify-content:center}}.wh-page{width:100%}.wh-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.wh-spinner{animation:whSpin .7s linear infinite}@keyframes whSpin{to{transform:rotate(360deg)}}.wh-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}.wh-header-info{min-width:0}.wh-title{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600;letter-spacing:-.6px;color:var(--color-text);margin-bottom:6px}.wh-title svg{color:var(--color-text-secondary);flex-shrink:0}.wh-subtitle{font-size:14px;color:var(--color-text-muted);line-height:1.5}.wh-save-btn{display:flex;align-items:center;gap:8px;padding:10px 22px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;letter-spacing:-.2px;font-family:inherit;flex-shrink:0}.wh-save-btn:hover:not(:disabled){opacity:.85}.wh-save-btn:disabled{opacity:.5;cursor:not-allowed}.wh-save-btn.saved{background:var(--color-success)}.wh-staff-bar{margin-bottom:20px}.wh-staff-bar-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.wh-staff-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wh-staff-list::-webkit-scrollbar{display:none}.wh-staff-chip{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--color-surface);border:2px solid var(--color-border-light);border-radius:40px;cursor:pointer;white-space:nowrap;transition:all .2s ease;flex-shrink:0;font-family:inherit;font-size:13px}.wh-staff-chip:hover{border-color:var(--color-primary);background:#6366f10a}.wh-staff-chip.selected{border-color:var(--color-primary);background:#6366f114;box-shadow:0 0 0 3px #6366f11a}.wh-staff-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.wh-staff-avatar.salon-default{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.wh-staff-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.wh-staff-avatar span{color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px}.wh-staff-name{font-weight:500;color:var(--color-text);font-size:13px}.wh-staff-chip.selected .wh-staff-name{font-weight:600;color:var(--color-primary)}.wh-staff-me{font-weight:400;color:var(--color-text-muted);font-size:11px}.wh-error{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:#dc2626;margin-bottom:20px}.wh-days{display:flex;flex-direction:column;gap:10px}.wh-day-card{background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border-light);transition:all var(--transition-fast);overflow:hidden}.wh-day-card:hover{border-color:var(--color-border)}.wh-day-card.empty{opacity:.65}.wh-day-card.empty:hover{opacity:1}.wh-day-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 0;gap:12px}.wh-day-name{font-size:15px;font-weight:650;color:var(--color-text);letter-spacing:-.2px}.wh-day-actions{display:flex;align-items:center;gap:8px}.wh-day-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:transparent;border:1px solid var(--color-border-light);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.wh-day-action-btn:hover{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text-secondary)}.wh-day-action-btn--danger:hover{background:#ff3b3014;border-color:#ff3b3040;color:var(--color-error)}.wh-slot-count{font-size:12px;font-weight:500;color:var(--color-text-muted)}.wh-slots-area{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px 14px;align-items:center}.wh-slot-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#0000000a;border:1px solid var(--color-border-light);border-radius:10px;font-size:13px;font-weight:600;color:var(--color-text);letter-spacing:-.1px;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.wh-slot-chip svg:first-child{color:var(--color-text-muted);flex-shrink:0}.wh-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);margin-left:2px;padding:0}.wh-chip-remove:hover{background:#ff3b301f;color:var(--color-error)}.wh-inline-input{display:flex;align-items:center;gap:4px;overflow:hidden}.wh-time-input{width:110px;padding:7px 10px;font-size:14px;font-weight:600;font-family:inherit;color:var(--color-text);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s;letter-spacing:.3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.wh-time-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1d1d1f14}.wh-time-input::-webkit-calendar-picker-indicator{opacity:.4;cursor:pointer}.wh-input-add{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--color-primary);border:none;color:#fff;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0}.wh-input-add:hover:not(:disabled){opacity:.85}.wh-input-add:disabled{opacity:.35;cursor:not-allowed}.wh-input-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:transparent;border:1px solid var(--color-border-light);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0}.wh-input-close:hover{background:#ff3b300f;border-color:#ff3b3033;color:var(--color-error)}.wh-add-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:transparent;border:1.5px dashed var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0}.wh-add-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00000005}.wh-presets-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--color-border-light)}.wh-presets-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650;color:var(--color-text-secondary);margin-bottom:14px;letter-spacing:-.2px}.wh-presets-header svg{color:var(--color-text-muted)}.wh-presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wh-preset-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;background:var(--color-surface);border:1.5px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:center;font-family:inherit}.wh-preset-card:hover{border-color:var(--color-primary);background:#00000003;box-shadow:0 2px 12px #0000000f}.wh-preset-emoji{font-size:24px;line-height:1;margin-bottom:2px}.wh-preset-name{font-size:13px;font-weight:650;color:var(--color-text);letter-spacing:-.2px;line-height:1.3}.wh-preset-desc{font-size:11.5px;color:var(--color-text-muted);line-height:1.4}.wh-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.wh-modal{background:var(--color-surface);border-radius:16px;padding:28px 24px 24px;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px #0000002e,0 0 0 1px #0000000d}.wh-modal-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#fef3c7;color:#d97706;margin:0 auto 16px}.wh-modal-title{font-size:17px;font-weight:650;color:var(--color-text);letter-spacing:-.3px;margin-bottom:10px}.wh-modal-desc{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin-bottom:8px}.wh-modal-warning{font-size:13px;color:#d97706;font-weight:500;line-height:1.5;margin-bottom:20px;padding:10px 14px;background:#fffbeb;border-radius:10px;border:1px solid #fde68a}.wh-modal-actions{display:flex;gap:10px}.wh-modal-cancel{flex:1;padding:12px 16px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.wh-modal-cancel:hover{background:var(--color-bg)}.wh-modal-apply{flex:1;padding:12px 16px;border-radius:12px;border:none;background:var(--color-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.wh-modal-apply:hover{opacity:.85}.wh-hint{margin-top:20px;font-size:13px;color:var(--color-text-muted);line-height:1.6}.wh-hint-count{font-weight:600;color:var(--color-text-secondary)}@media (max-width: 640px){.wh-header{flex-direction:column;gap:12px}.wh-save-btn{width:100%;justify-content:center}.wh-title{font-size:20px}.wh-day-header{padding:12px 14px 0}.wh-slots-area{padding:10px 14px 12px;gap:6px}.wh-slot-chip{font-size:12px;padding:5px 8px;border-radius:8px}.wh-add-btn{width:30px;height:30px;border-radius:8px}.wh-time-input{width:100px;padding:6px 8px;font-size:13px}.wh-input-add,.wh-input-close{width:30px;height:30px;border-radius:8px}.wh-presets-grid{grid-template-columns:1fr;gap:8px}.wh-preset-card{flex-direction:row;padding:14px 16px;gap:12px;text-align:left}.wh-preset-emoji{font-size:22px;margin-bottom:0}.wh-preset-name{font-size:13px}.wh-preset-desc{display:none}.wh-modal{padding:24px 20px 20px;margin:16px}.wh-modal-actions{flex-direction:column}.wh-staff-chip{padding:6px 10px;font-size:12px}.wh-staff-avatar{width:24px;height:24px}.wh-staff-avatar span{font-size:10px}.wh-staff-name{font-size:12px}}.cal-page{width:100%}.cal-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.cal-spinner{animation:calSpin .7s linear infinite;color:var(--color-text-muted)}@keyframes calSpin{to{transform:rotate(360deg)}}.cal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.cal-header-info{min-width:0}.cal-title{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600;letter-spacing:-.6px;color:var(--color-text);margin-bottom:6px}.cal-title svg{color:var(--color-text-secondary);flex-shrink:0}.cal-subtitle{font-size:14px;color:var(--color-text-muted);line-height:1.5}.cal-today-btn{padding:8px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;letter-spacing:-.1px;font-family:inherit;flex-shrink:0}.cal-today-btn:hover{opacity:.85}.cal-week-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cal-nav-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--color-surface);border:1px solid var(--color-border-light);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.cal-nav-arrow:hover{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.cal-month-label{font-size:15px;font-weight:650;color:var(--color-text);letter-spacing:-.3px;text-transform:capitalize}.cal-week-bar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:20px}.cal-week-day{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:12px;background:var(--color-surface);border:1.5px solid transparent;cursor:pointer;transition:all var(--transition-fast);position:relative;font-family:inherit}.cal-week-day:hover{background:var(--color-bg)}.cal-week-day.selected{background:var(--color-primary);border-color:var(--color-primary)}.cal-week-day.selected .cal-week-day-name,.cal-week-day.selected .cal-week-day-num{color:#fff}.cal-week-day.today:not(.selected){border-color:var(--color-primary)}.cal-week-day.closed{opacity:.45}.cal-week-day.closed.selected{opacity:1}.cal-week-day-name{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.cal-week-day-num{font-size:18px;font-weight:700;color:var(--color-text);letter-spacing:-.5px;line-height:1}.cal-week-day-dot{width:4px;height:4px;border-radius:50%;position:absolute;bottom:5px}.cal-week-day-dot.closed-dot{background:var(--color-text-muted);opacity:.4}.cal-week-day.selected .cal-week-day-dot.closed-dot{background:#ffffff80}.cal-staff-bar{margin-bottom:16px}.cal-staff-bar-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.cal-staff-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cal-staff-list::-webkit-scrollbar{display:none}.cal-staff-chip{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--color-surface);border:2px solid var(--color-border-light);border-radius:40px;cursor:pointer;white-space:nowrap;transition:all .2s ease;flex-shrink:0;font-family:inherit;font-size:13px}.cal-staff-chip:hover{border-color:var(--color-primary);background:#6366f10a}.cal-staff-chip.selected{border-color:var(--color-primary);background:#6366f114;box-shadow:0 0 0 3px #6366f11a}.cal-staff-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.cal-staff-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.cal-staff-avatar span{color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px}.cal-staff-name{font-weight:500;color:var(--color-text);font-size:13px}.cal-staff-chip.selected .cal-staff-name{font-weight:600;color:var(--color-primary)}.cal-staff-me{font-weight:400;color:var(--color-text-muted);font-size:11px}.cal-stats-bar{display:flex;align-items:center;gap:20px;padding:12px 18px;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border-light);margin-bottom:20px}.cal-stat{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-text-secondary)}.cal-stat svg{color:var(--color-text-muted)}.cal-stat.available{color:#059669}.cal-stat.available svg{color:#059669}.cal-timeline{min-height:200px}.cal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:var(--color-text-muted)}.cal-empty svg{opacity:.2;margin-bottom:16px}.cal-empty p{font-size:16px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.cal-empty span{font-size:13px}.cal-slots{display:flex;flex-direction:column;gap:2px}.cal-slot{display:flex;gap:16px;align-items:stretch;min-height:48px}.cal-slot-time{width:56px;flex-shrink:0;display:flex;align-items:flex-start;padding-top:13px}.cal-slot-time span{font-size:13px;font-weight:650;color:var(--color-text-muted);font-variant-numeric:tabular-nums;letter-spacing:.2px}.cal-slot.busy .cal-slot-time span{color:var(--color-text-secondary)}.cal-slot-content{flex:1;min-width:0}.cal-free-slot{padding:12px 16px;border-radius:10px;border:1.5px dashed var(--color-border-light);transition:all var(--transition-fast)}.cal-free-slot:hover{border-color:var(--color-border);background:#00000003}.cal-free-label{font-size:13px;font-weight:500;color:var(--color-text-muted);opacity:.6}.cal-appt-card{padding:14px 16px;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border-light);border-left:3.5px solid #059669;box-shadow:0 1px 4px #0000000a;transition:all var(--transition-fast)}.cal-appt-card:hover{box-shadow:0 2px 10px #00000012;border-color:var(--color-border)}.cal-appt-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.cal-appt-customer{display:flex;align-items:center;gap:8px;min-width:0}.cal-appt-customer svg{color:var(--color-text-muted);flex-shrink:0}.cal-appt-name{font-size:14px;font-weight:650;color:var(--color-text);letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-appt-status{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:650;white-space:nowrap;flex-shrink:0;letter-spacing:-.1px}.cal-appt-details{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.cal-appt-time-range,.cal-appt-services,.cal-appt-phone{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--color-text-secondary)}.cal-appt-time-range svg,.cal-appt-services svg,.cal-appt-phone svg{color:var(--color-text-muted);flex-shrink:0}.cal-appt-duration{font-weight:600;color:var(--color-text-muted);margin-left:4px;padding:1px 6px;background:#0000000a;border-radius:4px;font-size:11px}.cal-appt-services span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-appt-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--color-border-light)}.cal-appt-price{font-size:14px;font-weight:700;color:var(--color-text);letter-spacing:-.3px}.cal-appt-ref{font-size:11px;font-weight:600;color:var(--color-text-muted);padding:2px 8px;background:#00000008;border-radius:6px;font-variant-numeric:tabular-nums}.cal-appt-continuation{padding:6px 16px;border-left:3.5px solid #059669;margin-left:0;min-height:20px;position:relative}.cal-cont-line{display:block;width:1px;height:100%;min-height:12px;background:var(--color-border-light);margin-left:4px}.cal-free-slot-wrapper{position:relative}.cal-free-slot{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.cal-free-slot.active{border-color:var(--color-primary);background:#6366f10a}.cal-free-slot.readonly{cursor:default;opacity:.5}.cal-free-slot.readonly:hover{border-color:var(--color-border-light);background:transparent}.cal-free-plus{color:var(--color-text-muted);opacity:0;transition:all var(--transition-fast)}.cal-free-slot:hover .cal-free-plus,.cal-free-slot.active .cal-free-plus{opacity:1;color:var(--color-primary)}.cal-action-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:14px;box-shadow:0 8px 30px #0000001a,0 2px 8px #0000000f;padding:6px;overflow:hidden}.cal-action-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border:none;background:transparent;border-radius:10px;font-size:13px;font-weight:550;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;text-align:left}.cal-action-item:hover{background:#6366f10f;color:var(--color-text)}.cal-action-item svg{color:var(--color-text-muted);flex-shrink:0;transition:color var(--transition-fast)}.cal-action-item:hover svg{color:var(--color-primary)}.cal-action-divider{height:1px;background:var(--color-border-light);margin:4px 8px}.cal-block-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;gap:10px;transition:all var(--transition-fast)}.cal-block-card.busy{background:#ef44440f;border:1px solid rgba(239,68,68,.15)}.cal-block-card.break{background:#f59e0b0f;border:1px solid rgba(245,158,11,.15)}.cal-block-info{display:flex;align-items:center;gap:8px;min-width:0}.cal-block-card.busy .cal-block-info svg{color:#ef4444}.cal-block-card.break .cal-block-info svg{color:#f59e0b}.cal-block-label{font-size:13px;font-weight:650;letter-spacing:-.2px}.cal-block-card.busy .cal-block-label{color:#ef4444}.cal-block-card.break .cal-block-label{color:#d97706}.cal-block-time{font-size:12px;color:var(--color-text-muted);font-weight:500}.cal-block-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.cal-block-remove:hover{background:#ef44441a;color:#ef4444}.cal-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0}@media (min-width: 640px){.cal-modal-overlay{align-items:center;padding:24px}}.cal-modal{width:100%;max-width:480px;max-height:90vh;background:var(--color-surface);border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -4px 40px #00000026}@media (min-width: 640px){.cal-modal{border-radius:20px;box-shadow:0 20px 60px #0003}}.cal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--color-border-light)}.cal-modal-header h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:650;letter-spacing:-.4px;color:var(--color-text);margin:0}.cal-modal-header h2 svg{color:var(--color-primary)}.cal-modal-header-meta{display:flex;align-items:center;gap:10px}.cal-modal-time-badge{display:flex;align-items:center;gap:5px;padding:5px 12px;background:#6366f114;color:var(--color-primary);border-radius:20px;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}.cal-modal-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:none;background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.cal-modal-close:hover{background:#00000014;color:var(--color-text)}.cal-modal-body{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:18px}.cal-modal-field{display:flex;flex-direction:column;gap:8px}.cal-modal-field label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:650;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.cal-modal-field label svg{color:var(--color-text-muted)}.cal-modal-field input,.cal-modal-field textarea{width:100%;padding:11px 14px;border:1.5px solid var(--color-border-light);border-radius:10px;font-size:14px;font-family:inherit;color:var(--color-text);background:var(--color-bg);transition:all var(--transition-fast);outline:none;resize:none}.cal-modal-field input:focus,.cal-modal-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.cal-modal-field input::placeholder,.cal-modal-field textarea::placeholder{color:var(--color-text-muted);opacity:.6}.cal-customer-tabs{display:flex;gap:4px;background:var(--color-bg-secondary);border-radius:10px;padding:3px}.cal-customer-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:none;border-radius:8px;background:transparent;font-size:13px;font-weight:600;font-family:inherit;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.cal-customer-tab:hover{color:var(--color-text-secondary);background:var(--color-bg)}.cal-customer-tab.active{background:var(--color-bg);color:var(--color-primary);box-shadow:0 1px 3px #00000014}.cal-customer-tab svg{flex-shrink:0}.cal-client-picker{display:flex;flex-direction:column;gap:8px}.cal-client-search{position:relative}.cal-client-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.cal-client-search input{width:100%;padding:10px 12px 10px 36px;border:1.5px solid var(--color-border-light);border-radius:10px;font-size:13.5px;font-family:inherit;color:var(--color-text);background:var(--color-bg);outline:none;transition:all var(--transition-fast)}.cal-client-search input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.cal-client-search input::placeholder{color:var(--color-text-muted);opacity:.6}.cal-client-list{max-height:200px;overflow-y:auto;border:1.5px solid var(--color-border-light);border-radius:10px;background:var(--color-bg)}.cal-client-list::-webkit-scrollbar{width:5px}.cal-client-list::-webkit-scrollbar-track{background:transparent}.cal-client-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.cal-client-list-empty{display:flex;align-items:center;justify-content:center;padding:24px 16px;font-size:13px;color:var(--color-text-muted)}.cal-client-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;cursor:pointer;transition:background .15s ease;font-family:inherit;text-align:left}.cal-client-option:hover{background:var(--color-bg-secondary)}.cal-client-option+.cal-client-option{border-top:1px solid var(--color-border-light)}.cal-client-option-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#818cf8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:.3px}.cal-client-option-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cal-client-option-name{font-size:13.5px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-client-option-phone{font-size:12px;color:var(--color-text-muted)}.cal-client-option-visits{font-size:11px;font-weight:600;color:var(--color-primary);background:#6366f114;padding:3px 8px;border-radius:20px;white-space:nowrap}.cal-selected-client{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--color-bg);border:1.5px solid var(--color-primary);border-radius:10px;box-shadow:0 0 0 3px #6366f114}.cal-selected-client-info{display:flex;align-items:center;gap:10px}.cal-selected-client-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#818cf8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:.3px}.cal-selected-client-details{display:flex;flex-direction:column;gap:2px}.cal-selected-client-name{font-size:14px;font-weight:650;color:var(--color-text)}.cal-selected-client-phone{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-muted)}.cal-selected-client-change{width:28px;height:28px;border-radius:50%;border:none;background:var(--color-bg-secondary);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.cal-selected-client-change:hover{background:var(--color-danger-light);color:var(--color-danger)}.cal-modal-field .tel-input-group{width:100%}.cal-modal-empty-services{font-size:13px;color:var(--color-text-muted);padding:16px;text-align:center;background:var(--color-bg);border-radius:10px}.cal-svc-grid{display:flex;flex-direction:column;gap:6px}.cal-svc-chip{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1.5px solid var(--color-border-light);border-radius:10px;background:var(--color-bg);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;text-align:left;position:relative}.cal-svc-chip:hover{border-color:var(--color-border);background:var(--color-surface)}.cal-svc-chip.selected{border-color:var(--color-primary);background:#6366f10d}.cal-svc-chip-name{font-size:13.5px;font-weight:600;color:var(--color-text);flex:1;min-width:0}.cal-svc-chip-meta{font-size:12px;font-weight:500;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.cal-svc-chip-check{color:var(--color-primary);flex-shrink:0}.cal-svc-summary{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#6366f10f;border-radius:10px;font-size:12.5px;font-weight:600;color:var(--color-primary)}.cal-svc-summary-sep{opacity:.3}.cal-svc-summary-price{font-weight:700}.cal-modal-error{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#ef44440f;color:#ef4444;font-size:13px;font-weight:550}.cal-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid var(--color-border-light)}.cal-modal-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all var(--transition-fast);letter-spacing:-.2px}.cal-modal-btn.cancel{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.cal-modal-btn.cancel:hover{background:var(--color-border-light);color:var(--color-text)}.cal-modal-btn.save{background:var(--color-primary);color:#fff}.cal-modal-btn.save:hover{opacity:.9}.cal-modal-btn.save:disabled{opacity:.5;cursor:not-allowed}.cal-modal-btn.danger{background:#ef44441a;color:#ef4444}.cal-modal-btn.danger:hover{background:#ef44442e}.cal-modal-btn.free-slot{background:#0596691a;color:#059669}.cal-modal-btn.free-slot:hover{background:#0596692e}.cal-modal-footer-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cal-detail-section{display:flex;flex-direction:column;gap:12px}.cal-detail-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--color-text-secondary)}.cal-detail-row svg{color:var(--color-text-muted);flex-shrink:0}.cal-detail-row strong{color:var(--color-text);font-weight:600}.cal-detail-note{padding:12px 14px;background:var(--color-bg);border-radius:10px;font-size:13px;color:var(--color-text-secondary);line-height:1.5}.cal-detail-services-list{display:flex;flex-direction:column;gap:6px}.cal-detail-svc-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--color-bg);border-radius:10px}.cal-detail-svc-name{font-size:13.5px;font-weight:600;color:var(--color-text)}.cal-detail-svc-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-muted);font-weight:500}.cal-detail-total{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#6366f10f;border-radius:10px}.cal-detail-total-label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.cal-detail-total-value{font-size:16px;font-weight:700;color:var(--color-text);letter-spacing:-.3px}.cal-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.cal-status-option{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--color-border-light);background:transparent;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-size:12.5px;font-weight:600;color:var(--color-text-secondary)}.cal-status-option:hover{border-color:var(--color-border);background:var(--color-bg)}.cal-status-option.active{border-color:currentColor;color:#fff!important}.cal-status-option.active span{color:#fff!important}.cal-status-option.active svg{color:#fff!important}.cal-modal-section-title{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-top:6px}.cal-detail-actions-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cal-detail-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border:1.5px solid var(--color-border-light);border-radius:10px;background:var(--color-bg);font-size:13px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.cal-detail-action-btn:hover{border-color:var(--color-primary);background:#6366f10a;color:var(--color-primary)}.cal-detail-action-btn svg{flex-shrink:0}.cal-time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.cal-time-chip{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;border:1.5px solid var(--color-border-light);border-radius:10px;background:var(--color-bg);font-size:13.5px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;letter-spacing:.2px}.cal-time-chip:hover:not(.current){border-color:var(--color-primary);background:#6366f10a;color:var(--color-primary)}.cal-time-chip.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.cal-time-chip.current{border-color:var(--color-border);background:#00000008;color:var(--color-text-muted);cursor:default;opacity:.6}.cal-time-chip-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:inherit;opacity:.7}.cal-block-actions-grid{display:flex;flex-direction:column;gap:8px}.cal-block-action-card{display:flex;align-items:center;gap:14px;padding:16px;border:1.5px solid var(--color-border-light);border-radius:12px;background:var(--color-bg);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;text-align:left;width:100%}.cal-block-action-card:hover{border-color:var(--color-border);box-shadow:0 2px 8px #0000000f}.cal-block-action-card.reactivate:hover{border-color:#059669;background:#0596690a}.cal-block-action-card.reactivate:hover .cal-block-action-icon{background:#0596691f;color:#059669}.cal-block-action-card.convert:hover{border-color:var(--color-primary);background:#6366f10a}.cal-block-action-card.convert:hover .cal-block-action-icon{background:#6366f11f;color:var(--color-primary)}.cal-block-action-card.switch-type:hover{border-color:#d97706;background:#d977060a}.cal-block-action-card.switch-type:hover .cal-block-action-icon{background:#d977061f;color:#d97706}.cal-block-action-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#0000000a;color:var(--color-text-muted);flex-shrink:0;transition:all var(--transition-fast)}.cal-block-action-text{display:flex;flex-direction:column;gap:2px;min-width:0}.cal-block-action-title{font-size:14px;font-weight:650;color:var(--color-text);letter-spacing:-.2px}.cal-block-action-desc{font-size:12px;color:var(--color-text-muted);line-height:1.4}.cal-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:14px 24px;border-radius:14px;font-size:14px;font-weight:600;z-index:2000;box-shadow:0 8px 30px #00000026;letter-spacing:-.2px}.cal-toast.success{background:#059669;color:#fff}.cal-toast.error{background:#ef4444;color:#fff}@media (max-width: 768px){.cal-header{flex-direction:column;gap:12px}.cal-today-btn{width:100%;text-align:center}}@media (max-width: 640px){.cal-title{font-size:20px}.cal-staff-chip{padding:6px 10px;gap:6px;font-size:12px}.cal-staff-avatar{width:24px;height:24px}.cal-staff-avatar span{font-size:10px}.cal-staff-name{font-size:12px}.cal-week-bar{gap:4px}.cal-week-day{padding:8px 2px;border-radius:10px}.cal-week-day-name{font-size:10px}.cal-week-day-num{font-size:16px}.cal-stats-bar{gap:12px;padding:10px 14px;flex-wrap:wrap}.cal-stat{font-size:12px}.cal-slot{gap:10px}.cal-slot-time{width:48px}.cal-slot-time span{font-size:12px}.cal-appt-card{padding:12px 14px}.cal-appt-name{font-size:13px}.cal-appt-status{font-size:10px;padding:3px 8px}.cal-free-slot{padding:10px 14px}.cal-action-menu{border-radius:12px;padding:4px}.cal-action-item{padding:10px 12px;font-size:12.5px;gap:8px}.cal-modal-header{padding:16px 18px 14px}.cal-modal-header h2{font-size:16px}.cal-modal-body{padding:16px 18px;gap:14px}.cal-modal-footer{padding:14px 18px 16px}.cal-status-grid{grid-template-columns:1fr 1fr;gap:4px}.cal-status-option{padding:8px 10px;font-size:11.5px}.cal-toast{bottom:16px;padding:12px 20px;font-size:13px;border-radius:12px;max-width:calc(100vw - 32px)}.cal-time-grid{grid-template-columns:repeat(3,1fr);gap:4px}.cal-time-chip{padding:8px 4px;font-size:12.5px}.cal-detail-actions-bar{gap:6px}.cal-detail-action-btn{padding:10px;font-size:12px;gap:6px}.cal-block-action-card{padding:14px;gap:12px}.cal-block-action-icon{width:36px;height:36px;border-radius:10px}.cal-block-action-title{font-size:13px}.cal-block-action-desc{font-size:11px}.cal-nav-arrow{width:32px;height:32px;border-radius:8px}.cal-month-label{font-size:14px}}.cal-transfer-staff-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto}.cal-transfer-staff-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--color-border-light);border-radius:12px;background:var(--color-bg);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-size:14px;color:var(--color-text)}.cal-transfer-staff-item:hover{border-color:var(--color-primary);background:#6366f10a}.cal-transfer-staff-item.selected{border-color:var(--color-primary);background:#6366f114}.cal-transfer-staff-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:var(--color-text-muted)}.cal-transfer-staff-avatar img{width:100%;height:100%;object-fit:cover}.cal-transfer-staff-name{flex:1;font-weight:600;font-size:14px}.cal-transfer-check{color:var(--color-primary);flex-shrink:0}.cal-transfer-conflict{background:#fffbeb;border:1.5px solid #f59e0b;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.cal-transfer-conflict-header{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#b45309}.cal-transfer-conflict-header svg{color:#f59e0b;flex-shrink:0}.cal-transfer-conflict-detail{margin:0;font-size:13px;color:#92400e;line-height:1.5}.cal-transfer-conflict-actions{display:flex;gap:8px;margin-top:4px}.cal-transfer-conflict-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid var(--color-primary);border-radius:10px;background:var(--color-primary);color:#fff;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.cal-transfer-conflict-btn:hover{opacity:.9;transform:translateY(-1px)}.cal-transfer-conflict-btn.secondary{background:transparent;color:var(--color-primary)}.cal-transfer-conflict-btn.secondary:hover{background:#6366f10f}.cal-transfer-date-nav{display:flex;gap:6px;overflow-x:auto;padding:2px}.cal-transfer-date-chip{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:52px;padding:8px 10px;border:1.5px solid var(--color-border-light);border-radius:10px;background:var(--color-bg);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.cal-transfer-date-chip:hover:not(.selected){border-color:var(--color-primary);background:#6366f10a}.cal-transfer-date-chip.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.cal-transfer-date-chip.today:not(.selected){border-color:var(--color-primary)}.cal-transfer-date-day{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;opacity:.7}.cal-transfer-date-chip.selected .cal-transfer-date-day{opacity:.9;color:#fff}.cal-transfer-date-num{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.cal-transfer-no-slots{display:flex;align-items:center;gap:8px;padding:14px 16px;background:#00000008;border-radius:10px;color:var(--color-text-muted);font-size:13px}.cal-transfer-back-btn{display:flex;align-items:center;gap:6px;padding:8px 0;border:none;background:none;color:var(--color-text-muted);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:color var(--transition-fast)}.cal-transfer-back-btn:hover{color:var(--color-primary)}.pending-appointments-page{padding:24px 20px 100px;max-width:900px;margin:0 auto}.pap-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}.pap-header-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pap-header-content h1{font-size:22px;font-weight:700;color:var(--color-text);letter-spacing:-.4px;margin:0 0 6px}.pap-header-content p{font-size:14px;color:var(--color-text-secondary);margin:0;line-height:1.45}.pap-content{min-height:200px}.pap-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--color-text-muted)}.pap-empty svg{opacity:.4;margin-bottom:16px}.pap-empty p{font-size:16px;font-weight:500;color:var(--color-text-secondary);margin:0 0 8px}.pap-empty-hint{font-size:13px;color:var(--color-text-muted);margin-bottom:20px}.pap-go-appointments{padding:10px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;font-size:14px;font-weight:600;color:var(--color-text);cursor:pointer;transition:all .2s}.pap-go-appointments:hover{background:var(--color-bg-hover)}.pap-spin{animation:pap-spin .8s linear infinite}@keyframes pap-spin{to{transform:rotate(360deg)}}.pap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.pap-card{background:var(--color-surface);border-radius:14px;border:1px solid var(--color-border-light);padding:18px 18px 16px;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s,border-color .2s}.pap-card:hover{box-shadow:0 4px 14px #0000000f;border-color:var(--color-border)}.pap-card-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#d977061f;color:#d97706;border-radius:20px;font-size:11px;font-weight:650;margin-bottom:14px;width:fit-content}.pap-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.pap-card-name{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:650;color:var(--color-text)}.pap-card-name svg{color:var(--color-text-muted);flex-shrink:0}.pap-card-staff{font-size:12px;color:var(--color-text-muted);background:#0000000d;padding:3px 8px;border-radius:6px;flex-shrink:0}.pap-card-datetime{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.pap-card-date,.pap-card-time{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.pap-card-date svg,.pap-card-time svg{color:var(--color-text-muted);flex-shrink:0}.pap-card-services{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.pap-service-tag{font-size:11px;font-weight:600;padding:4px 10px;background:#0000000d;border-radius:6px;color:var(--color-text-secondary)}.pap-card-phone{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:8px}.pap-card-phone svg{color:var(--color-text-muted);flex-shrink:0}.pap-card-phone a{color:var(--color-primary, #0ea5e9);text-decoration:none}.pap-card-phone a:hover{text-decoration:underline}.pap-card-note{font-size:12px;color:var(--color-text-muted);margin:0 0 12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pap-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;margin-top:12px;border-top:1px solid var(--color-border-light)}.pap-card-price{font-size:15px;font-weight:700;color:var(--color-text)}.pap-card-ref{font-size:11px;font-weight:600;color:var(--color-text-muted);padding:2px 8px;background:#0000000a;border-radius:6px;font-variant-numeric:tabular-nums}.pap-card-actions{display:flex;gap:10px;margin-top:14px}.pap-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:650;cursor:pointer;transition:all .2s;border:none}.pap-btn:disabled{opacity:.7;cursor:not-allowed}.pap-btn-reject{background:#ef44441a;color:#ef4444}.pap-btn-reject:hover:not(:disabled){background:#ef44442e}.pap-btn-approve{background:#22c55e1f;color:#22c55e}.pap-btn-approve:hover:not(:disabled){background:#22c55e38}@media (max-width: 600px){.pending-appointments-page{padding:20px 16px 100px}.pap-grid{grid-template-columns:1fr}}.clients-page{width:100%;position:relative}.cl-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.cl-spinner{width:24px;height:24px;border:2.5px solid rgba(0,0,0,.06);border-top-color:#1d1d1f;border-radius:50%;animation:clSpin .7s linear infinite}@keyframes clSpin{to{transform:rotate(360deg)}}.cl-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.cl-header-info{min-width:0}.cl-title{font-size:24px;font-weight:700;letter-spacing:-.6px;color:var(--color-text);margin-bottom:4px}.cl-subtitle{font-size:14px;color:var(--color-text-muted);line-height:1.5}.cl-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.cl-stat-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:#0000000a;font-size:13px;font-weight:600;color:var(--color-text-secondary)}.cl-add-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.cl-add-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.cl-add-btn:active{transform:translateY(0)}.cl-search-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:20px;transition:border-color var(--transition-fast)}.cl-search-bar:focus-within{border-color:var(--color-primary)}.cl-search-bar svg{color:var(--color-text-muted);flex-shrink:0}.cl-search-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--color-text);outline:none;font-family:inherit}.cl-search-input::placeholder{color:var(--color-text-muted)}.cl-list{display:flex;flex-direction:column;gap:8px}.cl-card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.cl-card:hover{border-color:#0000001f;box-shadow:0 2px 8px #0000000a;transform:translateY(-1px)}.cl-card-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;text-transform:uppercase}.cl-card-info{flex:1;min-width:0}.cl-card-name{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-card-detail{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--color-text-muted)}.cl-card-detail span{display:flex;align-items:center;gap:4px}.cl-card-stats{display:flex;align-items:center;gap:16px;flex-shrink:0}.cl-card-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.cl-card-stat-value{font-size:14px;font-weight:700;color:var(--color-text)}.cl-card-stat-label{font-size:10px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.cl-card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.cl-card-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.cl-card-action-btn:hover{background:#0000000d;color:var(--color-text)}.cl-card-action-btn.danger:hover{background:#ff3b3014;color:var(--color-error)}.cl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.cl-empty-icon{width:64px;height:64px;border-radius:50%;background:#0000000a;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);margin-bottom:16px}.cl-empty-title{font-size:17px;font-weight:600;color:var(--color-text);margin-bottom:6px}.cl-empty-desc{font-size:13px;color:var(--color-text-muted);max-width:300px;line-height:1.5;margin-bottom:20px}.cl-empty-btn{display:flex;align-items:center;gap:6px;padding:10px 22px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.cl-empty-btn:hover{filter:brightness(1.08)}.cl-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.cl-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #00000026}.cl-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px}.cl-modal-title{font-size:18px;font-weight:700;letter-spacing:-.3px;color:var(--color-text)}.cl-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#0000000d;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.cl-modal-close:hover{background:#0000001a}.cl-modal-body{padding:12px 24px 24px;display:flex;flex-direction:column;gap:16px}.cl-modal-field{display:flex;flex-direction:column;gap:6px}.cl-modal-label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.cl-modal-input{padding:10px 14px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;color:var(--color-text);background:var(--color-bg);outline:none;transition:border-color var(--transition-fast)}.cl-modal-input:focus{border-color:var(--color-primary)}.cl-modal-textarea{padding:10px 14px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;color:var(--color-text);background:var(--color-bg);outline:none;resize:vertical;min-height:70px;transition:border-color var(--transition-fast)}.cl-modal-textarea:focus{border-color:var(--color-primary)}.cl-modal-row{display:flex;gap:12px}.cl-modal-row .cl-modal-field{flex:1}.cl-modal-select{padding:10px 14px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;color:var(--color-text);background:var(--color-bg);outline:none;cursor:pointer;transition:border-color var(--transition-fast)}.cl-modal-select:focus{border-color:var(--color-primary)}.cl-modal-footer{padding:12px 24px 20px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.cl-modal-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.cl-modal-btn.primary{background:var(--color-primary);color:#fff}.cl-modal-btn.primary:hover{filter:brightness(1.08)}.cl-modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}.cl-modal-btn.secondary{background:#0000000d;color:var(--color-text-secondary)}.cl-modal-btn.secondary:hover{background:#00000014}.cl-modal-btn.danger{background:#ff3b301a;color:var(--color-error)}.cl-modal-btn.danger:hover{background:#ff3b3029}.cl-modal-error{font-size:13px;color:var(--color-error);padding:0 24px 8px}.cl-delete-confirm{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;gap:12px}.cl-delete-icon{width:48px;height:48px;border-radius:50%;background:#ff3b301a;display:flex;align-items:center;justify-content:center;color:var(--color-error)}.cl-delete-title{font-size:16px;font-weight:700;color:var(--color-text)}.cl-delete-desc{font-size:13px;color:var(--color-text-muted);line-height:1.5}.cl-delete-actions{display:flex;align-items:center;gap:10px;margin-top:8px}.cl-detail-section{padding:0 24px 16px}.cl-detail-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.04)}.cl-detail-row:last-child{border-bottom:none}.cl-detail-label{font-size:13px;color:var(--color-text-muted);font-weight:500}.cl-detail-value{font-size:13px;color:var(--color-text);font-weight:600;text-align:right;max-width:60%;word-break:break-word}.cl-detail-note{padding:10px 14px;background:#00000008;border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin-top:8px}.cl-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:10px 22px;border-radius:var(--radius-full);font-size:13px;font-weight:600;z-index:9999;box-shadow:0 4px 14px #00000026;pointer-events:none}.cl-toast.success{background:#065f46;color:#fff}.cl-toast.error{background:#991b1b;color:#fff}@media (max-width: 768px){.cl-header{flex-direction:column;gap:12px}.cl-header-actions{width:100%;justify-content:space-between}.cl-card{flex-wrap:wrap;gap:10px}.cl-card-stats{width:100%;justify-content:flex-start;gap:20px;padding-top:8px;border-top:1px solid rgba(0,0,0,.05)}.cl-card-stat{align-items:flex-start}}@media (max-width: 640px){.cl-header{margin-bottom:16px}.cl-title{font-size:20px}.cl-add-btn{padding:8px 14px;font-size:12px}.cl-modal{max-width:100%;margin:10px}.cl-modal-row{flex-direction:column;gap:16px}.cl-card-actions{display:none}}.reactEasyCrop_Container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;display:flex;justify-content:center;align-items:center}.reactEasyCrop_Image,.reactEasyCrop_Video{will-change:transform}.reactEasyCrop_Contain{max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.reactEasyCrop_Cover_Horizontal{width:100%;height:auto}.reactEasyCrop_Cover_Vertical{width:auto;height:100%}.reactEasyCrop_CropArea{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.5);box-sizing:border-box;box-shadow:0 0 0 9999em;color:#00000080;overflow:hidden}.reactEasyCrop_CropAreaRound{border-radius:50%}.reactEasyCrop_CropAreaGrid:before{content:" ";box-sizing:border-box;position:absolute;border:1px solid rgba(255,255,255,.5);top:0;bottom:0;left:33.33%;right:33.33%;border-top:0;border-bottom:0}.reactEasyCrop_CropAreaGrid:after{content:" ";box-sizing:border-box;position:absolute;border:1px solid rgba(255,255,255,.5);top:33.33%;bottom:33.33%;left:0;right:0;border-left:0;border-right:0}.imgcrop-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.imgcrop-modal{background:var(--color-surface);border-radius:16px;box-shadow:0 24px 48px #00000040;max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.imgcrop-modal-header{padding:20px 24px 0;flex-shrink:0}.imgcrop-modal-header h3{font-size:18px;font-weight:650;color:var(--color-text);margin:0}.imgcrop-crop-container{position:relative;width:100%;height:320px;background:#1a1a1a;flex-shrink:0}.imgcrop-zoom{display:flex;align-items:center;gap:12px;padding:16px 24px;flex-shrink:0}.imgcrop-zoom-label{font-size:13px;font-weight:600;color:var(--color-text-secondary);min-width:40px}.imgcrop-zoom-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border-light);border-radius:3px;outline:none}.imgcrop-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#1d1d1f;cursor:pointer;box-shadow:0 1px 3px #0003}.imgcrop-zoom-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#1d1d1f;cursor:pointer;border:none;box-shadow:0 1px 3px #0003}.imgcrop-actions{display:flex;gap:12px;padding:16px 24px 24px;border-top:1px solid var(--color-border-light);flex-shrink:0}.imgcrop-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .15s;border:none}.imgcrop-btn:disabled{opacity:.5;cursor:not-allowed}.imgcrop-btn-cancel{background:var(--color-bg);color:var(--color-text);border:1.5px solid var(--color-border-light)}.imgcrop-btn-cancel:hover:not(:disabled){background:#0000000a}.imgcrop-btn-confirm{background:#1d1d1f;color:#fff}.imgcrop-btn-confirm:hover:not(:disabled){background:#000;box-shadow:0 2px 12px #0003}.imgcrop-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:imgcropSpin .8s linear infinite}@keyframes imgcropSpin{to{transform:rotate(360deg)}}.stg-page{display:flex;flex-direction:column;gap:24px;width:100%;padding-bottom:100px}.stg-header{display:flex;align-items:center;gap:14px}.stg-header-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#1d1d1f,#3a3a3c);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stg-title{font-size:24px;font-weight:700;color:var(--color-text);letter-spacing:-.5px;margin:0}.stg-subtitle{font-size:14px;color:var(--color-text-muted);margin:2px 0 0;letter-spacing:-.1px}.stg-layout{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}.stg-tabs{display:flex;flex-direction:column;gap:4px;position:sticky;top:20px;background:var(--color-surface);border-radius:16px;padding:8px;border:1px solid var(--color-border-light);box-shadow:0 1px 4px #00000008}.stg-tab{display:flex;align-items:center;gap:10px;padding:11px 14px;border:none;background:transparent;border-radius:10px;font-size:13.5px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s;text-align:left;letter-spacing:-.1px}.stg-tab svg:first-child{flex-shrink:0;opacity:.6}.stg-tab span{flex:1}.stg-tab-chevron{opacity:0;transition:opacity .15s;flex-shrink:0}.stg-tab:hover{background:#0000000a;color:var(--color-text)}.stg-tab:hover svg:first-child{opacity:.85}.stg-tab:hover .stg-tab-chevron{opacity:.3}.stg-tab.active{background:#1d1d1f;color:#fff;font-weight:600}.stg-tab.active svg:first-child{opacity:1}.stg-tab.active .stg-tab-chevron{opacity:.5}.stg-content{min-height:400px}.stg-panel{background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border-light);box-shadow:0 1px 4px #00000008;overflow:hidden}.stg-panel-header{padding:24px 28px 0}.stg-panel-header h2{font-size:18px;font-weight:680;color:var(--color-text);letter-spacing:-.3px;margin:0}.stg-panel-header p{font-size:13.5px;color:var(--color-text-muted);margin:5px 0 0;letter-spacing:-.1px}.stg-form{display:flex;flex-direction:column;gap:18px;padding:20px 28px}.stg-field{display:flex;flex-direction:column;gap:6px}.stg-field label{font-size:12.5px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.2px;text-transform:uppercase}.stg-field input:not(.tel-phone-input),.stg-field textarea{padding:18px;font-size:17px;font-weight:500;color:var(--color-text);background:var(--color-bg);border:1.5px solid var(--color-border-light);border-radius:var(--radius-md, 10px);outline:none;transition:all .2s;font-family:inherit;letter-spacing:.3px}.stg-field .tel-input-group .tel-phone-input{border:none!important;background:transparent!important;box-shadow:none!important}.stg-field input:not(.tel-phone-input):focus,.stg-field textarea:focus{border-color:var(--color-border);background:var(--color-surface);box-shadow:0 0 0 4px #0000000a}.stg-field input:not(.tel-phone-input):disabled,.stg-field textarea:disabled{opacity:.55;cursor:not-allowed}.stg-field input:not(.tel-phone-input)::placeholder,.stg-field textarea::placeholder{color:var(--color-text-muted);font-weight:400}.stg-field textarea{resize:vertical;min-height:96px}.stg-field-hint{font-size:12px;color:var(--color-text-muted);letter-spacing:-.05px}.stg-avatar-upload{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.stg-avatar-preview{width:80px;height:80px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.stg-avatar-preview img{width:100%;height:100%;object-fit:cover}.stg-avatar-preview svg{color:var(--color-text-muted)}.stg-avatar-preview--logo{border-radius:14px}.stg-avatar-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;color:#1d1d1f;background:var(--color-bg);border:1.5px solid var(--color-border-light);border-radius:10px;cursor:pointer;transition:all .15s}.stg-avatar-upload-btn:hover{background:#0000000a;border-color:var(--color-border)}.stg-avatar-upload-btn:has(input:disabled){opacity:.6;cursor:not-allowed}.stg-avatar-upload .stg-field-hint{flex-basis:100%;margin-top:-4px}.stg-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stg-notice{display:flex;align-items:center;gap:10px;margin:16px 28px 0;padding:12px 16px;background:#fef3c7;border-radius:10px;font-size:13px;font-weight:500;color:#92400e;border:1px solid rgba(217,119,6,.15)}.stg-notice svg{flex-shrink:0}.stg-error{display:flex;align-items:center;gap:8px;margin:0 28px;padding:10px 14px;background:#fff1f2;border-radius:8px;font-size:13px;font-weight:500;color:#e11d48;border:1px solid rgba(225,29,72,.12)}.stg-success{display:flex;align-items:center;gap:8px;margin:0 28px;padding:10px 14px;background:#ecfdf5;border-radius:8px;font-size:13px;font-weight:500;color:#059669;border:1px solid rgba(5,150,105,.12)}.stg-panel-footer{display:flex;justify-content:flex-end;padding:16px 28px 24px;border-top:1px solid var(--color-border-light);margin-top:4px}.stg-save-btn{display:flex;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:600;color:#fff;background:#1d1d1f;border:none;border-radius:10px;cursor:pointer;transition:all .2s;letter-spacing:-.1px}.stg-save-btn:hover:not(:disabled){background:#000;box-shadow:0 2px 12px #00000026}.stg-save-btn:disabled{opacity:.45;cursor:not-allowed}.stg-save-btn.saved{background:#059669}.stg-spin{animation:stgSpin .8s linear infinite}@keyframes stgSpin{to{transform:rotate(360deg)}}.stg-setting-card{margin:20px 28px;padding:20px;background:var(--color-bg);border-radius:14px;border:1px solid var(--color-border-light)}.stg-setting-info{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.stg-setting-icon-wrap{width:40px;height:40px;border-radius:10px;background:#3b82f614;color:#3b82f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stg-setting-info h3{font-size:15px;font-weight:650;color:var(--color-text);margin:0 0 4px;letter-spacing:-.2px}.stg-setting-info p{font-size:13px;color:var(--color-text-muted);margin:0;line-height:1.45}.stg-toggle-area{display:flex;align-items:center;gap:12px;border-top:1px solid var(--color-border-light);padding-top:16px}.stg-toggle{width:48px;height:28px;border-radius:14px;border:none;cursor:pointer;padding:3px;display:flex;align-items:center;transition:background .25s;flex-shrink:0}.stg-toggle.on{background:#059669;justify-content:flex-end}.stg-toggle.off{background:#d1d5db;justify-content:flex-start}.stg-toggle:disabled{opacity:.45;cursor:not-allowed}.stg-toggle-thumb{width:22px;height:22px;border-radius:11px;background:#fff;box-shadow:0 1px 3px #00000026}.stg-toggle-label{font-size:13px;font-weight:500;letter-spacing:-.1px}.stg-toggle-label.on{color:#059669}.stg-toggle-label.off{color:var(--color-text-muted)}.stg-url-preview{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--color-bg);border-radius:10px;border:1px solid var(--color-border-light)}.stg-url-preview>svg{color:var(--color-text-muted);flex-shrink:0}.stg-url-text{flex:1;font-size:13px;color:var(--color-text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stg-url-text strong{color:var(--color-text);font-weight:600}.stg-url-preview-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;color:#3b82f6;background:#3b82f614;border-radius:7px;text-decoration:none;white-space:nowrap;transition:all .15s;flex-shrink:0}.stg-url-preview-btn:hover{background:#3b82f624}.stg-section{padding:20px 28px;border-top:1px solid var(--color-border-light)}.stg-section:first-of-type{border-top:none}.stg-section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:650;color:var(--color-text);letter-spacing:-.2px;margin:0 0 16px}.stg-section-title svg{opacity:.6}.stg-section-title.danger{color:#dc2626}.stg-section-title.danger svg{opacity:1}.stg-section-footer{margin-top:16px}.stg-session-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--color-bg);border-radius:10px;border:1px solid var(--color-border-light)}.stg-session-info{display:flex;align-items:center;gap:12px}.stg-session-info>svg{color:var(--color-text-muted)}.stg-session-device{display:block;font-size:14px;font-weight:600;color:var(--color-text);letter-spacing:-.1px}.stg-session-status{display:block;font-size:12px;color:var(--color-text-muted);margin-top:1px}.stg-session-active{width:8px;height:8px;border-radius:50%;background:#059669;box-shadow:0 0 0 3px #05966926}.stg-danger-section{margin-top:8px}.stg-danger-desc{font-size:13px;color:var(--color-text-muted);margin:-8px 0 16px}.stg-danger-actions{display:flex;gap:10px;flex-wrap:wrap}.stg-danger-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;border-radius:9px;cursor:pointer;transition:all .15s;border:1.5px solid;letter-spacing:-.1px}.stg-danger-btn.logout{color:#d97706;background:#d977060f;border-color:#d9770633}.stg-danger-btn.logout:hover{background:#d977061f}.stg-danger-btn.delete{color:#dc2626;background:#dc26260f;border-color:#dc262633}.stg-danger-btn.delete:hover{background:#dc26261f}@media (max-width: 768px){.stg-page{gap:16px;padding-bottom:120px}.stg-header{gap:12px}.stg-header-icon{width:38px;height:38px;border-radius:10px}.stg-header-icon svg{width:18px;height:18px}.stg-title{font-size:20px}.stg-subtitle{font-size:13px}.stg-layout{grid-template-columns:1fr;gap:16px}.stg-tabs{flex-direction:row;position:static;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px;gap:2px}.stg-tabs::-webkit-scrollbar{display:none}.stg-tab{flex-shrink:0;padding:9px 14px;font-size:13px;gap:7px;white-space:nowrap}.stg-tab-chevron{display:none}.stg-panel-header{padding:20px 20px 0}.stg-panel-header h2{font-size:16px}.stg-form{padding:16px 20px;gap:14px}.stg-field-row{grid-template-columns:1fr;gap:14px}.stg-panel-footer{padding:14px 20px 20px}.stg-notice{margin:12px 20px 0}.stg-error,.stg-success{margin:0 20px}.stg-setting-card{margin:16px 20px;padding:16px}.stg-section{padding:16px 20px}.stg-url-preview{flex-wrap:wrap}.stg-url-preview-btn{width:100%;justify-content:center;padding:8px 12px}.stg-danger-actions{flex-direction:column}.stg-danger-btn{width:100%;justify-content:center}}@media (max-width: 400px){.stg-tab span{display:none}.stg-tab{padding:10px 14px}.stg-tab svg:first-child{opacity:1}.stg-tabs{justify-content:center}}.team-page{width:100%;position:relative}.tm-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.tm-spinner{width:24px;height:24px;border:2.5px solid rgba(0,0,0,.06);border-top-color:#1d1d1f;border-radius:50%;animation:tmSpin .7s linear infinite}@keyframes tmSpin{to{transform:rotate(360deg)}}.tm-spin{animation:tmSpin .7s linear infinite}.tm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.tm-header-info{min-width:0}.tm-title{font-size:24px;font-weight:700;letter-spacing:-.6px;color:var(--color-text);margin-bottom:4px}.tm-subtitle{font-size:14px;color:var(--color-text-muted);line-height:1.5}.tm-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.tm-stat-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:#0000000a;font-size:13px;font-weight:600;color:var(--color-text-secondary)}.tm-invite-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:20px}.tm-invite-info{display:flex;align-items:center;gap:14px;min-width:0}.tm-invite-icon{width:40px;height:40px;border-radius:10px;background:#3b82f614;color:#3b82f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tm-invite-title{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:2px}.tm-invite-desc{font-size:12px;color:var(--color-text-muted);line-height:1.4;margin:0}.tm-invite-code-row{display:flex;align-items:center;gap:8px;flex-shrink:0}.tm-invite-code{padding:6px 14px;background:#0000000a;border-radius:var(--radius-sm);font-size:14px;font-weight:700;color:var(--color-text);letter-spacing:1.5px;font-family:SF Mono,Fira Code,monospace}.tm-invite-copy-btn{display:flex;align-items:center;gap:5px;padding:7px 14px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tm-invite-copy-btn:hover{filter:brightness(1.08)}.tm-invite-generate-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.tm-invite-generate-btn:hover:not(:disabled){filter:brightness(1.08)}.tm-invite-generate-btn:disabled{opacity:.6;cursor:not-allowed}.tm-search-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:20px;transition:border-color var(--transition-fast)}.tm-search-bar:focus-within{border-color:var(--color-primary)}.tm-search-bar svg{color:var(--color-text-muted);flex-shrink:0}.tm-search-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--color-text);outline:none;font-family:inherit}.tm-search-input::placeholder{color:var(--color-text-muted)}.tm-search-clear{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;padding:2px}.tm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.tm-empty-icon{width:64px;height:64px;border-radius:50%;background:#0000000a;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);margin-bottom:16px}.tm-empty-title{font-size:17px;font-weight:600;color:var(--color-text);margin-bottom:6px}.tm-empty-desc{font-size:13px;color:var(--color-text-muted);max-width:300px;line-height:1.5}.tm-members-list{display:flex;flex-direction:column;gap:6px}.tm-member-card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.tm-member-card:hover{border-color:#0000001f;box-shadow:0 2px 8px #0000000a}.tm-member-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0;text-transform:uppercase;overflow:hidden}.tm-member-avatar img{width:100%;height:100%;object-fit:cover}.tm-member-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tm-member-name-row{display:flex;align-items:center;gap:8px}.tm-member-name{font-size:14px;font-weight:600;color:var(--color-text);letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-member-you{font-size:10px;font-weight:600;color:var(--color-primary);background:#007aff14;padding:1px 7px;border-radius:var(--radius-full);white-space:nowrap}.tm-member-title{font-size:12px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-member-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.tm-member-role-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;white-space:nowrap}.tm-member-stats{display:flex;align-items:center;gap:10px}.tm-member-stat{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--color-text-muted);font-weight:500;white-space:nowrap}.tm-member-actions{position:relative;flex-shrink:0}.tm-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.tm-action-btn:hover{background:#0000000f;color:var(--color-text)}.tm-action-menu{position:absolute;top:100%;right:0;z-index:100;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0000001f;min-width:180px;overflow:hidden;padding:4px}.tm-action-item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast);text-align:left}.tm-action-item:hover{background:#0000000a}.tm-action-item.danger{color:#ff3b30}.tm-action-item.danger:hover{background:#ff3b300f}.tm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.tm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.tm-modal{width:100%;max-width:440px;background:var(--color-bg);border-radius:20px;overflow:hidden;box-shadow:0 24px 80px #0000002e;display:flex;flex-direction:column;max-height:calc(100vh - 48px)}.tm-modal.tm-modal-sm{max-width:380px}.tm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border-light);flex-shrink:0}.tm-modal-header h2{font-size:17px;font-weight:700;letter-spacing:-.3px;color:var(--color-text);margin:0}.tm-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:#0000000f;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.tm-modal-close:hover{background:#0000001a}.tm-modal-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;min-height:0}.tm-confirm-content{padding:28px 24px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.tm-confirm-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tm-confirm-icon.danger{background:#ff3b3014;color:#ff3b30}.tm-confirm-content h3{font-size:16px;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.3px}.tm-confirm-content p{font-size:13px;color:var(--color-text-muted);margin:0;line-height:1.5}.tm-confirm-actions{display:flex;gap:8px;margin-top:8px;width:100%}.tm-modal-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);flex:1}.tm-modal-btn.cancel{background:#0000000f;color:var(--color-text-secondary)}.tm-modal-btn.cancel:hover{background:#0000001a}.tm-modal-btn.danger{background:#ff3b30;color:#fff}.tm-modal-btn.danger:hover:not(:disabled){background:#e8342a}.tm-modal-btn.danger:disabled{opacity:.5;cursor:not-allowed}.tm-role-target-name{font-size:14px;font-weight:600;color:var(--color-text);text-align:center;padding-bottom:4px;margin:0}.tm-role-options{display:flex;flex-direction:column;gap:6px}.tm-role-option{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.tm-role-option:hover{border-color:var(--color-border)}.tm-role-option.active{border-color:var(--color-primary);background:#007aff08}.tm-role-option:disabled{opacity:.6;cursor:not-allowed}.tm-role-option-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tm-role-option-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tm-role-option-name{font-size:13px;font-weight:600;color:var(--color-text)}.tm-role-option-desc{font-size:11.5px;color:var(--color-text-muted);line-height:1.3}.tm-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:2000;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-full);font-size:13px;font-weight:600;box-shadow:0 8px 32px #0000002e}.tm-toast.success{background:#1d1d1f;color:#fff}.tm-toast.error{background:#ff3b30;color:#fff}@media (max-width: 768px){.tm-invite-card{flex-direction:column;align-items:flex-start;gap:14px}.tm-invite-code-row{width:100%;justify-content:space-between}.tm-invite-generate-btn{width:100%;justify-content:center}.tm-member-card{flex-wrap:wrap;gap:10px;padding:14px 16px}.tm-member-meta{flex-direction:row;align-items:center;gap:8px;width:100%;padding-top:6px;border-top:1px solid rgba(0,0,0,.05)}.tm-member-stats{margin-left:auto}}@media (max-width: 640px){.tm-header{flex-direction:column;gap:12px}.tm-header-actions{width:100%;justify-content:space-between}.tm-title{font-size:20px}.tm-member-avatar{width:38px;height:38px;font-size:13px}.tm-modal-overlay{padding:0;align-items:flex-end}.tm-modal{max-width:100%;border-radius:20px 20px 0 0;max-height:92vh;max-height:92dvh}.tm-modal.tm-modal-sm{max-width:100%;border-radius:20px 20px 0 0}.tm-toast{bottom:90px;left:16px;right:16px;transform:none;justify-content:center}}.ss-page{width:100%;max-width:720px;position:relative;padding-bottom:100px}.ss-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.ss-spinner{width:24px;height:24px;border:2.5px solid rgba(0,0,0,.06);border-top-color:#1d1d1f;border-radius:50%;animation:ssSpin .7s linear infinite}@keyframes ssSpin{to{transform:rotate(360deg)}}.ss-spin{animation:ssSpin .7s linear infinite}.ss-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px;text-align:center;color:var(--color-text-muted)}.ss-error-state h3{font-size:16px;font-weight:600;color:var(--color-text-secondary);margin:0}.ss-header{margin-bottom:20px}.ss-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#0000000a;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.ss-back-btn:hover{background:#00000014;color:var(--color-text)}.ss-profile-card{display:flex;align-items:flex-start;gap:18px;padding:24px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:16px;box-shadow:0 1px 4px #00000008;margin-bottom:24px}.ss-profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0;text-transform:uppercase;overflow:hidden}.ss-profile-avatar img{width:100%;height:100%;object-fit:cover}.ss-profile-info{flex:1;min-width:0}.ss-profile-name{font-size:20px;font-weight:700;color:var(--color-text);letter-spacing:-.4px;margin:0 0 6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ss-you-badge{font-size:10px;font-weight:600;color:var(--color-primary);background:#007aff14;padding:2px 8px;border-radius:var(--radius-full)}.ss-profile-role-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;margin-bottom:8px;white-space:nowrap}.ss-profile-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ss-profile-meta span{font-size:12.5px;color:var(--color-text-muted);white-space:nowrap}.ss-profile-stats{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.ss-stat{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted);white-space:nowrap}.ss-stat-value{font-weight:600;color:var(--color-text)}.ss-stat-label{color:var(--color-text-muted)}.ss-sections{display:flex;flex-direction:column;gap:20px}.ss-section{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:16px;box-shadow:0 1px 4px #00000008;overflow:hidden}.ss-section-danger{border-color:#ef444426}.ss-section-header{display:flex;align-items:flex-start;gap:14px;padding:24px 24px 0}.ss-section-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ss-section-header h2{font-size:16px;font-weight:680;color:var(--color-text);letter-spacing:-.3px;margin:0 0 3px}.ss-section-header p{font-size:13px;color:var(--color-text-muted);margin:0;line-height:1.4}.ss-danger-title{color:#ef4444!important}.ss-form{display:flex;flex-direction:column;gap:16px;padding:20px 24px}.ss-field{display:flex;flex-direction:column;gap:6px}.ss-field label{font-size:12px;font-weight:600;color:var(--color-text-secondary);letter-spacing:.2px;text-transform:uppercase}.ss-input{padding:10px 14px;font-size:14px;font-weight:500;color:var(--color-text);background:var(--color-bg);border:1.5px solid var(--color-border-light);border-radius:10px;outline:none;transition:all .2s;font-family:inherit;letter-spacing:-.1px;resize:vertical}.ss-input:focus{border-color:#1d1d1f;box-shadow:0 0 0 3px #1d1d1f0f}.ss-input:disabled{opacity:.55;cursor:not-allowed}.ss-input::placeholder{color:var(--color-text-muted);font-weight:400}textarea.ss-input{min-height:72px}.ss-field-hint{font-size:11.5px;color:var(--color-text-muted)}.ss-section-footer{display:flex;justify-content:flex-end;padding:16px 24px 20px;border-top:1px solid var(--color-border-light)}.ss-save-btn{display:flex;align-items:center;gap:7px;padding:10px 22px;font-size:13px;font-weight:600;color:#fff;background:#1d1d1f;border:none;border-radius:10px;cursor:pointer;transition:all .2s;letter-spacing:-.1px}.ss-save-btn:hover:not(:disabled){background:#000;box-shadow:0 2px 12px #00000026}.ss-save-btn:disabled{opacity:.45;cursor:not-allowed}.ss-save-btn.saved{background:#059669}.ss-form-error{display:flex;align-items:center;gap:8px;margin:0 24px;padding:10px 14px;background:#fff1f2;border-radius:8px;font-size:13px;font-weight:500;color:#e11d48;border:1px solid rgba(225,29,72,.12)}.ss-success-msg{display:flex;align-items:center;gap:8px;margin:0 24px 8px;padding:10px 14px;background:#ecfdf5;border-radius:8px;font-size:13px;font-weight:500;color:#059669;border:1px solid rgba(5,150,105,.12)}.ss-role-options{display:flex;flex-direction:column;gap:6px;padding:20px 24px}.ss-role-option{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--color-bg);border:1.5px solid var(--color-border-light);border-radius:12px;cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.ss-role-option:hover:not(:disabled){border-color:var(--color-border)}.ss-role-option.active{border-color:var(--color-primary);background:#007aff05}.ss-role-option:disabled{cursor:default}.ss-role-option-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ss-role-option-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ss-role-option-name{font-size:14px;font-weight:600;color:var(--color-text)}.ss-role-option-desc{font-size:12px;color:var(--color-text-muted);line-height:1.3}.ss-permissions-list{display:flex;flex-direction:column;gap:4px;padding:16px 24px}.ss-permission-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:var(--color-bg);border-radius:12px;transition:background var(--transition-fast)}.ss-permission-card:hover{background:#00000005}.ss-permission-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.ss-permission-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ss-permission-info h4{font-size:13.5px;font-weight:600;color:var(--color-text);margin:0 0 2px;letter-spacing:-.1px}.ss-permission-info p{font-size:12px;color:var(--color-text-muted);margin:0;line-height:1.3}.ss-toggle{width:44px;height:26px;border-radius:13px;border:none;cursor:pointer;padding:3px;display:flex;align-items:center;transition:background .25s;flex-shrink:0}.ss-toggle.on{background:#059669;justify-content:flex-end}.ss-toggle.off{background:#d1d5db;justify-content:flex-start}.ss-toggle-thumb{width:20px;height:20px;border-radius:10px;background:#fff;box-shadow:0 1px 3px #00000026}.ss-danger-actions{padding:16px 24px 24px}.ss-danger-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;color:#dc2626;background:#dc26260f;border:1.5px solid rgba(220,38,38,.2);border-radius:10px;cursor:pointer;transition:all .15s}.ss-danger-btn:hover{background:#dc26261f}.ss-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.ss-modal{width:100%;max-width:380px;background:var(--color-bg);border-radius:20px;overflow:hidden;box-shadow:0 24px 80px #0000002e}.ss-modal-confirm{padding:28px 24px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.ss-modal-confirm-icon{width:48px;height:48px;border-radius:50%;background:#ff3b3014;color:#ff3b30;display:flex;align-items:center;justify-content:center}.ss-modal-confirm h3{font-size:16px;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.3px}.ss-modal-confirm p{font-size:13px;color:var(--color-text-muted);margin:0;line-height:1.5}.ss-modal-confirm-actions{display:flex;gap:8px;margin-top:8px;width:100%}.ss-modal-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--radius-sm);border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);flex:1}.ss-modal-btn.cancel{background:#0000000f;color:var(--color-text-secondary)}.ss-modal-btn.cancel:hover{background:#0000001a}.ss-modal-btn.danger{background:#ff3b30;color:#fff}.ss-modal-btn.danger:hover:not(:disabled){background:#e8342a}.ss-modal-btn.danger:disabled{opacity:.5;cursor:not-allowed}.ss-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:2000;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-full);font-size:13px;font-weight:600;box-shadow:0 8px 32px #0000002e;white-space:nowrap}.ss-toast.success{background:#1d1d1f;color:#fff}.ss-toast.error{background:#ff3b30;color:#fff}.ss-appt-nav{display:flex;align-items:center;gap:8px;padding:16px 24px 0}.ss-appt-nav-arrow{width:32px;height:32px;border-radius:8px;border:1px solid var(--color-border-light);background:var(--color-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.ss-appt-nav-arrow:hover{background:#0000000a;color:var(--color-text)}.ss-appt-month{font-size:14px;font-weight:600;color:var(--color-text);letter-spacing:-.2px;text-transform:capitalize;flex:1;text-align:center}.ss-appt-today-btn{padding:6px 14px;font-size:12px;font-weight:600;background:#0000000f;color:var(--color-text-secondary);border:none;border-radius:8px;cursor:pointer;transition:all var(--transition-fast);letter-spacing:-.1px}.ss-appt-today-btn:hover{background:#0000001a;color:var(--color-text)}.ss-appt-week-bar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:12px 24px}.ss-appt-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:none;background:transparent;border-radius:10px;cursor:pointer;transition:all var(--transition-fast)}.ss-appt-day:hover{background:#00000008}.ss-appt-day.selected{background:#1d1d1f}.ss-appt-day.today:not(.selected){background:#007aff0f}.ss-appt-day-name{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.ss-appt-day.selected .ss-appt-day-name{color:#ffffffb3}.ss-appt-day-num{font-size:14px;font-weight:600;color:var(--color-text)}.ss-appt-day.selected .ss-appt-day-num{color:#fff}.ss-appt-day.today:not(.selected) .ss-appt-day-num{color:var(--color-primary)}.ss-appt-stats{display:flex;align-items:center;gap:16px;padding:0 24px 12px}.ss-appt-stat{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--color-text-muted)}.ss-appt-stat.booked svg{color:#059669}.ss-appt-list{display:flex;flex-direction:column;gap:2px;padding:0 16px 16px}.ss-appt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;gap:10px;color:var(--color-text-muted)}.ss-appt-empty p{font-size:13px;margin:0;color:var(--color-text-muted)}.ss-appt-card{display:flex;gap:14px;padding:14px 12px;border-radius:12px;cursor:pointer;transition:all var(--transition-fast);border-left:3px solid transparent;background:var(--color-bg)}.ss-appt-card:hover{background:#00000005}.ss-appt-card.block{cursor:default;border-left-color:transparent}.ss-appt-card.block.busy{background:#ef44440a}.ss-appt-card.block.break{background:#f59e0b0a}.ss-appt-card-time{font-size:13px;font-weight:700;color:var(--color-text);min-width:44px;padding-top:2px;font-variant-numeric:tabular-nums}.ss-appt-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.ss-appt-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ss-appt-card-name{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-appt-card-name svg{flex-shrink:0;opacity:.5}.ss-appt-card-title{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.ss-appt-card-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.ss-appt-card-details{display:flex;flex-direction:column;gap:3px}.ss-appt-card-meta{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-appt-card-meta svg{flex-shrink:0;opacity:.5}.ss-appt-duration{padding:1px 6px;background:#0000000a;border-radius:4px;font-size:11px;font-weight:600;margin-left:4px}.ss-appt-card-footer{display:flex;align-items:center;gap:8px}.ss-appt-card-price{font-size:13px;font-weight:700;color:var(--color-text)}.ss-appt-card-ref{font-size:11px;font-weight:600;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.ss-modal-detail{max-width:420px}.ss-detail-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--color-border-light)}.ss-detail-header-info{display:flex;align-items:center;gap:10px}.ss-detail-header-info h3{font-size:16px;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.3px}.ss-detail-header-actions{display:flex;align-items:center;gap:8px}.ss-detail-status{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.ss-detail-close{width:32px;height:32px;border-radius:50%;border:none;background:#0000000d;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.ss-detail-close:hover{background:#0000001a}.ss-detail-body{padding:18px 20px;display:flex;flex-direction:column;gap:10px}.ss-detail-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--color-text)}.ss-detail-row svg{color:var(--color-text-muted);flex-shrink:0}.ss-detail-badge{margin-left:auto;padding:2px 8px;background:#0000000a;border-radius:6px;font-size:12px;font-weight:600;color:var(--color-text-muted)}.ss-detail-note{padding:10px 14px;background:#00000005;border-radius:8px;font-size:13px;color:var(--color-text-secondary);line-height:1.5;border:1px solid var(--color-border-light)}.ss-detail-services{margin-top:6px;padding-top:14px;border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:10px}.ss-detail-section-title{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.ss-detail-svc-list{display:flex;flex-direction:column;gap:6px}.ss-detail-svc-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--color-bg);border-radius:8px;border:1px solid var(--color-border-light)}.ss-detail-svc-name{font-size:13px;font-weight:600;color:var(--color-text)}.ss-detail-svc-meta{font-size:12px;color:var(--color-text-muted);font-weight:500}.ss-detail-total{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px dashed var(--color-border-light);font-size:13px;font-weight:600;color:var(--color-text-secondary)}.ss-detail-total-value{font-size:15px;font-weight:700;color:var(--color-text)}.ss-detail-footer{display:flex;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--color-border-light)}@media (max-width: 768px){.ss-profile-card{flex-direction:column;align-items:center;text-align:center;gap:14px;padding:20px}.ss-profile-name{justify-content:center;font-size:18px}.ss-profile-meta{justify-content:center}.ss-profile-stats{flex-direction:row;gap:20px;width:100%;justify-content:center;padding-top:14px;border-top:1px solid var(--color-border-light)}.ss-section-header{padding:20px 20px 0}.ss-form{padding:16px 20px}.ss-section-footer{padding:14px 20px 18px}.ss-role-options{padding:16px 20px}.ss-permissions-list{padding:12px 20px}.ss-danger-actions{padding:14px 20px 20px}.ss-form-error,.ss-success-msg{margin:0 20px}.ss-appt-nav{padding:14px 20px 0}.ss-appt-week-bar{padding:10px 20px;gap:2px}.ss-appt-stats{padding:0 20px 10px}.ss-appt-list{padding:0 12px 14px}}@media (max-width: 640px){.ss-page{padding-bottom:120px}.ss-profile-avatar{width:54px;height:54px;font-size:18px}.ss-permission-card{padding:12px 14px;gap:10px}.ss-permission-icon{width:32px;height:32px;border-radius:8px}.ss-permission-info h4{font-size:13px}.ss-permission-info p{font-size:11px}.ss-role-option{padding:12px 14px;gap:12px}.ss-role-option-icon{width:36px;height:36px;border-radius:8px}.ss-modal-overlay{padding:0;align-items:flex-end}.ss-modal{max-width:100%;border-radius:20px 20px 0 0;max-height:92vh;max-height:92dvh}.ss-appt-day{padding:6px 2px}.ss-appt-day-name{font-size:9px}.ss-appt-day-num{font-size:13px}.ss-appt-card{gap:10px;padding:12px 10px}.ss-appt-card-time{font-size:12px;min-width:38px}.ss-appt-card-name{font-size:13px}.ss-appt-card-status{font-size:10px}.ss-detail-body,.ss-detail-header{padding:16px}.ss-detail-footer{padding:12px 16px}.ss-toast{bottom:90px;left:16px;right:16px;transform:none;justify-content:center}}.ss-section-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:none;background:var(--color-primary, #6366f1);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;margin-left:auto;white-space:nowrap}.ss-section-action-btn:hover{opacity:.9;transform:translateY(-1px)}.ss-svc-search{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1.5px solid var(--color-border-light, #e5e7eb);border-radius:12px;margin:16px 0 0;background:var(--color-bg, #fff);color:var(--color-text-secondary, #6b7280)}.ss-svc-search input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--color-text-primary, #1d1d1f)}.ss-svc-list{margin-top:16px;display:flex;flex-direction:column;gap:10px}.ss-svc-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid var(--color-border-light, #e5e7eb);border-radius:14px;background:var(--color-bg, #fff);transition:all .15s ease}.ss-svc-card:hover{border-color:var(--color-primary, #6366f1);background:#6366f105}.ss-svc-card-body{flex:1;min-width:0}.ss-svc-card-top{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.ss-svc-card-name{font-size:15px;font-weight:650;color:var(--color-text-primary, #1d1d1f)}.ss-svc-card-cat{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;background:#6366f10f;color:var(--color-primary, #6366f1)}.ss-svc-card-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--color-text-secondary, #6b7280);flex-wrap:wrap}.ss-svc-card-meta span{display:flex;align-items:center;gap:4px}.ss-svc-card-price{font-weight:700;color:var(--color-text-primary, #1d1d1f)!important}.ss-svc-card-lock{font-size:11px;opacity:.7}.ss-svc-card-desc{margin:4px 0 0;font-size:12px;color:var(--color-text-secondary, #6b7280);opacity:.8;line-height:1.4}.ss-svc-card-actions{display:flex;gap:6px;flex-shrink:0}.ss-svc-action-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1.5px solid var(--color-border-light, #e5e7eb);background:var(--color-bg, #fff);color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .15s ease}.ss-svc-action-btn:hover{border-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1);background:#6366f10a}.ss-svc-action-btn.danger:hover{border-color:#ef4444;color:#ef4444;background:#ef44440a}.ss-modal-svc{max-width:480px}.ss-svc-form-body{padding:20px;display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow-y:auto}.ss-svc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ss-svc-price-row{display:flex;gap:8px}.ss-svc-price-row input{flex:1}.ss-svc-currency{width:90px!important;flex-shrink:0}.ss-svc-duration-row{display:flex;align-items:center;gap:8px}.ss-svc-duration-row input{flex:1}.ss-svc-duration-label{font-size:13px;font-weight:600;color:var(--color-text-secondary, #6b7280);white-space:nowrap}.ss-svc-lock-toggle{margin-top:4px}.ss-svc-lock-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:1.5px solid var(--color-border-light, #e5e7eb);background:var(--color-bg, #fff);color:var(--color-text-secondary, #6b7280);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;width:100%}.ss-svc-lock-btn:hover{border-color:var(--color-primary, #6366f1)}.ss-svc-lock-btn.on{border-color:var(--color-primary, #6366f1);background:#6366f10f;color:var(--color-primary, #6366f1)}.ss-modal-btn.save{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;border:none;background:var(--color-primary, #6366f1);color:#fff;font-size:13px;font-weight:650;cursor:pointer;transition:all .15s ease}.ss-modal-btn.save:disabled{opacity:.5;cursor:not-allowed}.ss-modal-btn.save:hover:not(:disabled){opacity:.9}.ss-wh-default-toggle{display:flex;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap}.ss-wh-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1.5px solid var(--color-border-light, #e5e7eb);background:var(--color-bg, #fff);color:var(--color-text-secondary, #6b7280);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.ss-wh-toggle-btn:hover{border-color:var(--color-primary, #6366f1)}.ss-wh-toggle-btn.active{border-color:var(--color-primary, #6366f1);background:var(--color-primary, #6366f1);color:#fff}.ss-wh-total{margin-left:auto;font-size:13px;font-weight:600;color:var(--color-text-secondary, #6b7280)}.ss-wh-days{margin-top:18px;display:flex;flex-direction:column;gap:12px}.ss-wh-day{border:1.5px solid var(--color-border-light, #e5e7eb);border-radius:14px;padding:14px 16px;background:var(--color-bg, #fff)}.ss-wh-day-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ss-wh-day-name{font-size:14px;font-weight:650;color:var(--color-text-primary, #1d1d1f);min-width:90px}.ss-wh-day-count{font-size:12px;color:var(--color-text-secondary, #6b7280);font-weight:500}.ss-wh-day-actions{display:flex;gap:4px;margin-left:auto}.ss-wh-day-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1.5px solid var(--color-border-light, #e5e7eb);background:var(--color-bg, #fff);color:var(--color-text-secondary, #6b7280);cursor:pointer;transition:all .15s ease}.ss-wh-day-btn:hover{border-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1)}.ss-wh-day-btn.add{background:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1);color:#fff}.ss-wh-day-btn.danger:hover{border-color:#ef4444;color:#ef4444}.ss-wh-slots{display:flex;flex-wrap:wrap;gap:6px;min-height:28px;align-items:center}.ss-wh-slot{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;background:#6366f10f;color:var(--color-primary, #6366f1);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.ss-wh-slot button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:none;background:transparent;color:var(--color-primary, #6366f1);cursor:pointer;opacity:.5;transition:opacity .15s}.ss-wh-slot button:hover{opacity:1}.ss-wh-no-slots{font-size:13px;color:var(--color-text-secondary, #6b7280);font-style:italic;opacity:.6}.ss-wh-input-row{display:flex;gap:8px;margin-top:10px}.ss-wh-input{flex:1;padding:8px 12px;border:1.5px solid var(--color-border-light, #e5e7eb);border-radius:10px;font-size:14px;font-weight:600;background:var(--color-bg, #fff);color:var(--color-text-primary, #1d1d1f);outline:none;font-variant-numeric:tabular-nums;max-width:120px}.ss-wh-input:focus{border-color:var(--color-primary, #6366f1)}.ss-wh-add-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:none;background:var(--color-primary, #6366f1);color:#fff;cursor:pointer;transition:all .15s ease}.ss-wh-add-btn:hover{opacity:.9}@media (max-width: 600px){.ss-section-action-btn{font-size:12px;padding:6px 10px}.ss-svc-form-row{grid-template-columns:1fr}.ss-wh-day-name{min-width:70px;font-size:13px}.ss-svc-card{flex-direction:column;align-items:flex-start}.ss-svc-card-actions{align-self:flex-end;margin-top:-32px}}.cash-register-page{width:100%;position:relative}.cr-toast{position:fixed;top:24px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:var(--radius-lg);font-size:14px;font-weight:500;z-index:1000;box-shadow:0 4px 12px #00000026}.cr-toast-success{background:#059669;color:#fff}.cr-toast-error{background:#dc2626;color:#fff}.cr-loading{display:flex;align-items:center;justify-content:center;min-height:280px}.cr-spinner{animation:crSpin .7s linear infinite}@keyframes crSpin{to{transform:rotate(360deg)}}.cr-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.cr-header-info{min-width:0}.cr-title{font-size:24px;font-weight:700;letter-spacing:-.6px;color:var(--color-text);margin-bottom:4px}.cr-subtitle{font-size:14px;color:var(--color-text-muted);line-height:1.5}.cr-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap}.cr-add-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:opacity .2s,transform .1s}.cr-add-btn:hover{opacity:.9}.cr-add-btn:active{transform:scale(.98)}.cr-add-income{background:#059669;color:#fff}.cr-add-expense{background:#dc2626;color:#fff}.cr-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.cr-summary-card{padding:16px;border-radius:var(--radius-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border)}.cr-summary-label{display:block;font-size:12px;color:var(--color-text-muted);margin-bottom:4px}.cr-summary-value{font-size:18px;font-weight:700;letter-spacing:-.3px}.cr-summary-card.cr-income .cr-summary-value{color:#059669}.cr-summary-card.cr-expense .cr-summary-value{color:#dc2626}.cr-summary-card.cr-balance.positive .cr-summary-value{color:#059669}.cr-summary-card.cr-balance.negative .cr-summary-value{color:#dc2626}@media (max-width: 480px){.cr-summary{grid-template-columns:1fr}}.cr-filters{display:flex;gap:8px;margin-bottom:16px}.cr-filter-btn{padding:8px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:500;background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.cr-filter-btn:hover{background:#0000000a;color:var(--color-text)}.cr-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.cr-entries{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.cr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--color-text-muted)}.cr-empty svg{margin-bottom:12px;opacity:.4}.cr-empty p{font-size:14px}.cr-list{list-style:none;margin:0;padding:0}.cr-entry{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--color-border);transition:background .15s}.cr-entry:last-child{border-bottom:none}.cr-entry:hover{background:#00000005}.cr-entry-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cr-entry-income .cr-entry-icon{background:#0596691f;color:#059669}.cr-entry-expense .cr-entry-icon{background:#dc26261f;color:#dc2626}.cr-entry-content{flex:1;min-width:0}.cr-entry-desc{font-size:14px;font-weight:500;color:var(--color-text);margin:0 0 4px}.cr-entry-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--color-text-muted)}.cr-entry-client,.cr-entry-date{display:inline-flex;align-items:center;gap:4px}.cr-entry-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.cr-entry-amount{font-size:15px;font-weight:600}.cr-entry-amount.income{color:#059669}.cr-entry-amount.expense{color:#dc2626}.cr-entry-delete{padding:6px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s,background .2s,color .2s}.cr-entry-delete:hover{opacity:1;background:#dc26261a;color:#dc2626}.cr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cr-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:420px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:0;background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:0 24px 48px #0003;z-index:101;overflow-y:auto}.cr-modal-sm{max-width:360px}.cr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--color-border)}.cr-modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--color-text)}.cr-modal-header button{padding:6px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm)}.cr-modal-header button:hover{color:var(--color-text);background:#0000000f}.cr-modal-body{padding:20px}.cr-form-error{padding:10px 12px;margin-bottom:16px;background:#dc26261a;color:#dc2626;font-size:13px;border-radius:var(--radius-md)}.cr-form-row{margin-bottom:16px}.cr-form-row:last-child{margin-bottom:0}.cr-form-row label{display:block;font-size:13px;font-weight:500;color:var(--color-text);margin-bottom:6px}.cr-form-row input,.cr-form-row select{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text)}.cr-form-row input:focus,.cr-form-row select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246),.15)}.cr-form-amount-row{display:flex;gap:8px}.cr-form-amount-row input{flex:1}.cr-form-amount-row select{width:auto;min-width:80px}.cr-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--color-border);background:var(--color-bg-elevated)}.cr-btn-cancel{padding:10px 18px;font-size:14px;font-weight:500;border:1px solid var(--color-border);background:transparent;color:var(--color-text);border-radius:var(--radius-md);cursor:pointer}.cr-btn-cancel:hover{background:#0000000a}.cr-btn-save{padding:10px 18px;font-size:14px;font-weight:600;border:none;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:6px}.cr-btn-save:hover:not(:disabled){opacity:.95}.cr-btn-save:disabled{opacity:.7;cursor:not-allowed}.cr-btn-delete{padding:10px 18px;font-size:14px;font-weight:600;border:none;background:#dc2626;color:#fff;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:6px}.cr-btn-delete:hover:not(:disabled){opacity:.95}.cr-btn-delete:disabled{opacity:.7;cursor:not-allowed}.cr-delete-message{padding:0 20px 20px;margin:0;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.sub-page{display:flex;flex-direction:column;gap:24px;width:100%;padding-bottom:100px}.sub-header{display:flex;align-items:center;gap:14px}.sub-header-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#1d1d1f,#3a3a3c);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sub-title{font-size:24px;font-weight:700;color:var(--color-text);letter-spacing:-.5px;margin:0}.sub-subtitle{font-size:14px;color:var(--color-text-muted);margin:2px 0 0;letter-spacing:-.1px}.sub-current-card{background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border-light);box-shadow:0 1px 4px #00000008;padding:24px 28px}.sub-current-badge-wrap{margin-bottom:12px}.sub-plan-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;display:inline-block}.sub-plan-badge.free{background:#0000000a;color:var(--color-text-muted)}.sub-plan-badge.basic{background:#3b82f614;color:#2563eb}.sub-plan-badge.premium{background:linear-gradient(135deg,#f5e6d3,#ecd4b5);color:#8b6914}.sub-plan-badge.enterprise{background:linear-gradient(135deg,#e8e0f7,#d4c4f0);color:#6d28d9}.sub-plan-badge.ind-free{background:#0000000a;color:var(--color-text-muted)}.sub-plan-badge.ind-premium{background:linear-gradient(135deg,#f5e6d3,#ecd4b5);color:#8b6914}.sub-current-title{font-size:18px;font-weight:600;color:var(--color-text);margin:0 0 6px}.sub-current-desc{font-size:14px;color:var(--color-text-muted);margin:0;line-height:1.5}.sub-plans-section{margin-top:8px}.sub-salon-section{margin-top:32px;padding-top:28px;border-top:1px solid var(--color-border-light)}.sub-salon-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.sub-salon-icon{color:#8b6914;opacity:.9;flex-shrink:0}.sub-salon-title{font-size:18px;font-weight:600;color:var(--color-text);margin:0 0 6px}.sub-salon-subtitle{font-size:14px;color:var(--color-text-muted);margin:0;line-height:1.5}.sub-section-title{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 16px;letter-spacing:-.2px}.sub-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.sub-plan-card{background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border-light);box-shadow:0 1px 4px #00000008;padding:22px 20px;position:relative;display:flex;flex-direction:column;gap:12px}.sub-plan-card.highlight{border-color:#8b691440;background:linear-gradient(135deg,#f5e6d326,#ecd4b514)}.sub-plan-card.current{border-color:#3b82f640;background:#3b82f608}.sub-plan-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.sub-plan-name{font-size:17px;font-weight:600;color:var(--color-text);margin:0;letter-spacing:-.2px}.sub-plan-price{font-size:15px;font-weight:600;color:var(--color-text-secondary);margin:0}.sub-plan-features{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.sub-plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--color-text-muted);line-height:1.4}.sub-feature-check{flex-shrink:0;color:#10b981;margin-top:2px}.sub-plan-badge-current{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#2563eb;background:#3b82f61a;padding:6px 12px;border-radius:8px;margin-top:auto}.sub-plan-upgrade{background:#1d1d1f;color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;margin-top:auto}.sub-plan-upgrade:hover{background:#2d2d2f}.sub-info-card{background:linear-gradient(135deg,#3b82f60a,#8b5cf608);border:1px solid rgba(59,130,246,.12);border-radius:16px;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.sub-info-row{display:flex;gap:14px;align-items:flex-start}.sub-info-icon{flex-shrink:0;color:#3b82f6;opacity:.85}.sub-info-row strong{display:block;font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:4px}.sub-info-row p{margin:0;font-size:13px;color:var(--color-text-muted);line-height:1.45}@media (max-width: 640px){.sub-plans-grid{grid-template-columns:1fr}}.public-salon-page{min-height:100vh;min-height:100dvh;background:#f5f5f7}.public-salon-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f7}.psl-spinner{width:24px;height:24px;border:2px solid rgba(0,0,0,.06);border-top-color:#1d1d1f;border-radius:50%;animation:pslSpin .7s linear infinite}@keyframes pslSpin{to{transform:rotate(360deg)}}.public-salon-error{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f7;padding:20px}.pse-content{text-align:center;max-width:320px}.pse-emoji{font-size:48px;display:block;margin-bottom:20px}.pse-content h2{font-size:20px;font-weight:600;letter-spacing:-.5px;color:#1d1d1f;margin-bottom:8px}.pse-content p{font-size:14px;color:#86868b;line-height:1.5;margin-bottom:28px}.pse-back-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;background:#1d1d1f;color:#fff;border-radius:980px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:opacity .2s}.pse-back-btn:hover{opacity:.85}.ps-header{position:sticky;top:0;z-index:50;background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.ps-header-inner{max-width:560px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ps-header-name{font-size:14px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ps-header-action{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;color:#6e6e73;background:#f5f5f7;border-radius:980px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.ps-header-action:hover{background:#ececee;color:#1d1d1f}.ps-header-action svg{opacity:.7}.ps-profile{position:relative;background:#fff;padding-bottom:0}.ps-profile-card{position:relative;max-width:560px;margin:0 auto;padding:32px 24px 28px}.ps-profile-top{display:flex;align-items:center;gap:28px}.ps-avatar{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f5f5f7;flex-shrink:0;overflow:hidden;box-shadow:0 0 0 3px #fff,0 0 0 4px #0000000a,0 4px 20px #00000014}.ps-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ps-avatar-emoji{font-size:38px;line-height:1}.ps-stats{flex:1;display:flex;align-items:center;justify-content:space-around}.ps-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:60px}.ps-stat-value{font-size:18px;font-weight:700;color:#1d1d1f;letter-spacing:-.5px;line-height:1.2}.ps-stat-label{font-size:12px;color:#86868b;font-weight:500;letter-spacing:-.1px}.ps-bio{margin-top:18px}.ps-name{font-size:22px;font-weight:700;letter-spacing:-.6px;color:#1d1d1f;line-height:1.25}.ps-description{font-size:14px;color:#6e6e73;line-height:1.5;margin-top:4px}.ps-info-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.ps-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;color:#6e6e73;background:#f5f5f7;border-radius:980px;white-space:nowrap;text-decoration:none;transition:all .2s ease}.ps-pill svg{opacity:.7;flex-shrink:0}.ps-pill--link:hover{background:#ececee;color:#1d1d1f}.ps-pill--open{background:#34c75914;color:#28a745}.ps-pill--closed{background:#ff3b3014;color:#ff3b30}.ps-content{max-width:560px;margin:0 auto;padding:20px 24px 80px}.ps-staff-hint{font-size:13px;color:#86868b;margin-bottom:16px;font-weight:500;letter-spacing:-.1px}.ps-staff-list{display:flex;flex-direction:column;gap:6px}.ps-staff-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border-radius:16px;text-decoration:none;transition:all .2s ease;border:1px solid rgba(0,0,0,.04)}.ps-staff-card:hover{background:#fff;box-shadow:0 2px 16px #0000000f;border-color:#0000000f}.ps-staff-card:active{transform:scale(.985)}.ps-staff-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:600;flex-shrink:0;overflow:hidden}.ps-staff-avatar img{width:100%;height:100%;object-fit:cover}.ps-staff-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ps-staff-name{font-size:15px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px}.ps-staff-meta{display:flex;align-items:center;gap:4px;font-size:13px;color:#86868b;font-weight:450}.ps-staff-dot{opacity:.4}.ps-staff-arrow{flex-shrink:0;color:#c7c7cc;transition:color .15s}.ps-staff-card:hover .ps-staff-arrow{color:#86868b}.ps-empty{padding:60px 20px;text-align:center}.ps-empty p{font-size:14px;color:#86868b}@media (max-width: 640px){.ps-header-inner{padding:8px 16px}.ps-profile-card{padding:24px 16px}.ps-profile-top{gap:20px}.ps-avatar{width:76px;height:76px}.ps-avatar-emoji{font-size:32px}.ps-stat-value{font-size:16px}.ps-stat-label{font-size:11px}.ps-name{font-size:20px}.ps-description{font-size:13px}.ps-info-pills{gap:6px;margin-top:12px}.ps-pill{padding:5px 10px;font-size:11px}.ps-content{padding:16px 16px 60px}.ps-staff-card{padding:12px 14px;border-radius:14px}.ps-staff-avatar{width:44px;height:44px}.ps-staff-name{font-size:14px}.ps-staff-meta{font-size:12px}}@media (max-width: 380px){.ps-profile-card{padding:20px 12px}.ps-profile-top{gap:16px}.ps-avatar{width:68px;height:68px}.ps-name{font-size:18px}.ps-content{padding:12px 12px 48px}}.public-staff-page{min-height:100vh;min-height:100dvh;background:#f5f5f7}.public-staff-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f7}.pstl-spinner{width:28px;height:28px;border:2.5px solid rgba(0,0,0,.06);border-top-color:#1d1d1f;border-radius:50%;animation:pstlSpin .7s linear infinite}@keyframes pstlSpin{to{transform:rotate(360deg)}}.public-staff-error{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f7;padding:20px}.pste-content{text-align:center;max-width:360px}.pste-emoji{font-size:56px;display:block;margin-bottom:20px}.pste-content h2{font-size:22px;font-weight:600;letter-spacing:-.5px;color:#1d1d1f;margin-bottom:8px}.pste-content p{font-size:14px;color:#86868b;line-height:1.5;margin-bottom:24px}.pste-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#1d1d1f;color:#fff;border-radius:980px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.pste-back-btn:hover{opacity:.85}.pst-header{position:sticky;top:0;z-index:50;background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.pst-header-inner{max-width:680px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:12px}.pst-header-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#1d1d1f;background:#f5f5f7;text-decoration:none;flex-shrink:0;transition:background .2s}.pst-header-back:hover{background:#ececee}.pst-header-name{font-size:14px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pst-profile{position:relative;background:#fff}.pst-profile-card{position:relative;max-width:680px;margin:0 auto;padding:32px 24px 24px}.pst-profile-top{display:flex;align-items:center;gap:24px}.pst-avatar{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 0 0 3px #fff,0 0 0 4px #0000000a,0 4px 20px #00000014}.pst-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.pst-avatar-letter{font-size:34px;font-weight:600;line-height:1}.pst-stats{flex:1;display:flex;align-items:center;justify-content:space-around}.pst-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:60px}.pst-stat-value{font-size:18px;font-weight:700;color:#1d1d1f;letter-spacing:-.5px;line-height:1.2}.pst-stat-label{font-size:12px;color:#86868b;font-weight:500;letter-spacing:-.1px}.pst-bio{margin-top:16px}.pst-name{font-size:22px;font-weight:700;letter-spacing:-.6px;color:#1d1d1f;line-height:1.25}.pst-title{font-size:14px;font-weight:600;color:#6e6e73;margin-top:4px;letter-spacing:-.1px}.pst-biography{font-size:13px;color:#86868b;line-height:1.55;margin-top:8px;max-width:480px}.pst-content{max-width:680px;margin:0 auto;padding:20px 24px 120px}.pst-section{margin-bottom:28px}.pst-section-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;letter-spacing:-.3px;color:#1d1d1f;margin-bottom:4px}.pst-section-title svg{opacity:.5}.pst-section-desc{font-size:13px;color:#86868b;margin-bottom:16px}.pst-services-list{display:flex;flex-direction:column;gap:20px}.pst-service-group{display:flex;flex-direction:column;gap:6px}.pst-service-category{font-size:12px;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:.5px;padding:0 2px 6px;border-bottom:1px solid #e8e8ed}.pst-service-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:#fff;border-radius:14px;border:2px solid transparent;cursor:pointer;text-align:left;width:100%;box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005;transition:all .2s ease}.pst-service-item:hover{box-shadow:0 0 0 1px #0000000f,0 2px 8px #0000000a}.pst-service-item.selected{border-color:#1d1d1f;box-shadow:0 0 0 1px #1d1d1f,0 2px 12px #0000000f}.pst-svc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.pst-svc-name{font-size:14px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px}.pst-svc-desc{font-size:13px;color:#86868b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pst-svc-duration{display:flex;align-items:center;gap:4px;font-size:12px;color:#86868b;font-weight:500;margin-top:2px}.pst-svc-price-area{display:flex;align-items:center;gap:12px;flex-shrink:0}.pst-svc-price{font-size:15px;font-weight:700;color:#1d1d1f;letter-spacing:-.3px}.pst-svc-checkbox{width:22px;height:22px;border-radius:6px;border:2px solid #d2d2d7;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.pst-svc-checkbox.checked{border-color:#1d1d1f;background:#1d1d1f}.pst-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#86868b;font-size:14px}.pst-booking-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -4px 24px #0000000f;transform:translateZ(0);-webkit-transform:translateZ(0)}.pst-booking-bar-inner{max-width:680px;margin:0 auto;padding:14px 24px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:0;box-sizing:border-box}.pst-booking-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pst-booking-service{font-size:14px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pst-booking-meta{font-size:12px;color:#86868b;font-weight:500}.pst-booking-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#1d1d1f;color:#fff;border:none;border-radius:980px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;letter-spacing:-.2px}.pst-booking-btn:hover{opacity:.85}@media (max-width: 640px){.pst-header-inner{padding:8px 16px}.pst-profile-card{padding:24px 16px 20px}.pst-profile-top{gap:18px}.pst-avatar{width:76px;height:76px}.pst-avatar-letter{font-size:28px}.pst-stat-value{font-size:16px}.pst-stat-label{font-size:11px}.pst-name{font-size:20px}.pst-title{font-size:13px}.pst-biography{font-size:12px}.pst-content{padding:16px 16px 120px}.pst-booking-bar-inner{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.pst-svc-desc{display:none}}@media (max-width: 380px){.pst-profile-card{padding:20px 12px 16px}.pst-profile-top{gap:14px}.pst-avatar{width:68px;height:68px}.pst-name{font-size:18px}.pst-content{padding:12px 12px 110px}.pst-booking-btn{padding:10px 18px;font-size:13px}}.pub-branches-page{min-height:100vh;min-height:100dvh;background:#f5f5f7}.pub-branches-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f7}.pb-spinner{width:24px;height:24px;border:2px solid rgba(0,0,0,.06);border-top-color:#1d1d1f;border-radius:50%;animation:pbSpin .7s linear infinite}@keyframes pbSpin{to{transform:rotate(360deg)}}.pub-branches-error{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f7;padding:20px}.pb-error-content{text-align:center;max-width:320px}.pb-error-emoji{font-size:48px;display:block;margin-bottom:20px}.pb-error-content h2{font-size:20px;font-weight:600;letter-spacing:-.5px;color:#1d1d1f;margin-bottom:8px}.pb-error-content p{font-size:14px;color:#86868b;line-height:1.5;margin-bottom:28px}.pb-error-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;background:#1d1d1f;color:#fff;border-radius:980px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:opacity .2s}.pb-error-btn:hover{opacity:.85}.pb-header{position:sticky;top:0;z-index:50;background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.pb-header-inner{max-width:560px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:12px}.pb-header-name{font-size:14px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pb-title{font-size:18px;font-weight:700;letter-spacing:-.4px;color:#1d1d1f;line-height:1.2;margin-bottom:16px}.pb-content{max-width:560px;margin:0 auto;padding:20px 24px 60px}.pb-list{display:flex;flex-direction:column;gap:6px}.pb-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border-radius:16px;text-decoration:none;transition:all .2s ease;border:1px solid rgba(0,0,0,.04)}.pb-card:hover{box-shadow:0 2px 16px #0000000f;border-color:#0000000f}.pb-card:active{transform:scale(.985)}.pb-card-avatar{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.pb-card-avatar img{width:100%;height:100%;object-fit:cover}.pb-card-avatar-emoji{font-size:24px;line-height:1}.pb-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pb-card-name-row{display:flex;align-items:center;gap:8px}.pb-card-name{font-size:15px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px}.pb-card-main-badge{font-size:10px;font-weight:600;color:#6e6e73;background:#ececee;padding:2px 8px;border-radius:980px;white-space:nowrap}.pb-card-details{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pb-card-detail{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#86868b;font-weight:500}.pb-card-detail svg{opacity:.6;flex-shrink:0}.pb-card-detail--open{color:#28a745}.pb-card-detail--closed{color:#ff3b30}.pb-card-arrow{flex-shrink:0;color:#c7c7cc;transition:color .15s}.pb-card:hover .pb-card-arrow{color:#86868b}.pb-empty{padding:60px 20px;text-align:center}.pb-empty p{font-size:14px;color:#86868b}@media (max-width: 640px){.pb-header-inner{padding:8px 16px}.pb-title{font-size:16px}.pb-content{padding:16px 16px 48px}.pb-card{padding:14px 16px;border-radius:14px}.pb-card-avatar{width:46px;height:46px;border-radius:12px}.pb-card-avatar-emoji{font-size:20px}.pb-card-name{font-size:14px}.pb-card-detail{font-size:11px}}.public-profile-page{min-height:100vh;min-height:100dvh;background:#f5f5f7}.public-profile-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f7}.ppl-spinner{width:28px;height:28px;border:2.5px solid rgba(0,0,0,.06);border-top-color:#1d1d1f;border-radius:50%;animation:pplSpin .7s linear infinite}@keyframes pplSpin{to{transform:rotate(360deg)}}.public-profile-error{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f7;padding:20px}.ppe-content{text-align:center;max-width:360px}.ppe-emoji{font-size:56px;display:block;margin-bottom:20px}.ppe-content h2{font-size:22px;font-weight:600;letter-spacing:-.5px;color:#1d1d1f;margin-bottom:8px}.ppe-content p{font-size:14px;color:#86868b;line-height:1.5;margin-bottom:24px}.ppe-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#1d1d1f;color:#fff;border-radius:980px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.ppe-back-btn:hover{opacity:.85}.pp-header{position:sticky;top:0;z-index:50;background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.pp-header-inner{max-width:680px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:center}.pp-header-name{font-size:14px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pp-profile{position:relative;background:#fff}.pp-profile-card{position:relative;max-width:680px;margin:0 auto;padding:32px 24px 24px}.pp-profile-top{display:flex;align-items:center;gap:24px}.pp-avatar{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 4px #0000000a,0 4px 20px #00000014}.pp-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.pp-avatar-letter{font-size:34px;font-weight:600;line-height:1}.pp-stats{flex:1;display:flex;align-items:center;justify-content:space-around}.pp-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:60px}.pp-stat-value{font-size:18px;font-weight:700;color:#1d1d1f;letter-spacing:-.5px;line-height:1.2}.pp-stat-label{font-size:12px;color:#86868b;font-weight:500;letter-spacing:-.1px}.pp-bio{margin-top:16px}.pp-name{font-size:22px;font-weight:700;letter-spacing:-.6px;color:#1d1d1f;line-height:1.25}.pp-username{display:block;font-size:14px;font-weight:500;color:#86868b;margin-top:2px;letter-spacing:-.1px}.pp-title{font-size:14px;font-weight:600;color:#6e6e73;margin-top:6px;letter-spacing:-.1px}.pp-biography{font-size:13px;color:#86868b;line-height:1.55;margin-top:8px;max-width:480px}.pp-content{max-width:680px;margin:0 auto;padding:20px 24px 120px}.pp-section{margin-bottom:28px}.pp-section-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;letter-spacing:-.3px;color:#1d1d1f;margin-bottom:4px}.pp-section-title svg{opacity:.5}.pp-section-desc{font-size:13px;color:#86868b;margin-bottom:16px}.pp-services-list{display:flex;flex-direction:column;gap:20px}.pp-service-group{display:flex;flex-direction:column;gap:6px}.pp-service-category{font-size:12px;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:.5px;padding:0 2px 6px;border-bottom:1px solid #e8e8ed}.pp-service-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:#fff;border-radius:14px;border:2px solid transparent;cursor:pointer;text-align:left;width:100%;box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005;transition:all .2s ease}.pp-service-item:hover{box-shadow:0 0 0 1px #0000000f,0 2px 8px #0000000a}.pp-service-item.selected{border-color:#1d1d1f;box-shadow:0 0 0 1px #1d1d1f,0 2px 12px #0000000f}.pp-svc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.pp-svc-name{font-size:14px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px}.pp-svc-desc{font-size:13px;color:#86868b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-svc-duration{display:flex;align-items:center;gap:4px;font-size:12px;color:#86868b;font-weight:500;margin-top:2px}.pp-svc-price-area{display:flex;align-items:center;gap:12px;flex-shrink:0}.pp-svc-price{font-size:15px;font-weight:700;color:#1d1d1f;letter-spacing:-.3px}.pp-svc-checkbox{width:22px;height:22px;border-radius:6px;border:2px solid #d2d2d7;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.pp-svc-checkbox.checked{border-color:#1d1d1f;background:#1d1d1f}.pp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#86868b;font-size:14px}.pp-booking-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -4px 24px #0000000f;transform:translateZ(0);-webkit-transform:translateZ(0)}.pp-booking-bar-inner{max-width:680px;margin:0 auto;padding:14px 24px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:0;box-sizing:border-box}.pp-booking-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pp-booking-service{font-size:14px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-booking-meta{font-size:12px;color:#86868b;font-weight:500}.pp-booking-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#1d1d1f;color:#fff;border:none;border-radius:980px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;letter-spacing:-.2px}.pp-booking-btn:hover{opacity:.85}@media (max-width: 640px){.pp-header-inner{padding:8px 16px}.pp-profile-card{padding:24px 16px 20px}.pp-profile-top{gap:18px}.pp-avatar{width:76px;height:76px}.pp-avatar-letter{font-size:28px}.pp-stat-value{font-size:16px}.pp-stat-label{font-size:11px}.pp-name{font-size:20px}.pp-title{font-size:13px}.pp-biography{font-size:12px}.pp-content{padding:16px 16px 120px}.pp-booking-bar-inner{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.pp-svc-desc{display:none}}@media (max-width: 380px){.pp-profile-card{padding:20px 12px 16px}.pp-profile-top{gap:14px}.pp-avatar{width:68px;height:68px}.pp-name{font-size:18px}.pp-content{padding:12px 12px 110px}.pp-booking-btn{padding:10px 18px;font-size:13px}}.booking-dt-page{min-height:100vh;min-height:100dvh;background:#f5f5f7}.bdt-header{position:sticky;top:0;z-index:50;background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.bdt-header-inner{max-width:680px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:12px}.bdt-header-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#1d1d1f;background:#f5f5f7;border:none;cursor:pointer;flex-shrink:0;transition:background .2s}.bdt-header-back:hover{background:#ececee}.bdt-header-info{display:flex;flex-direction:column;min-width:0}.bdt-header-title{font-size:14px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px}.bdt-header-sub{font-size:12px;color:#86868b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bdt-content{max-width:680px;margin:0 auto;padding:20px 24px 140px;display:flex;flex-direction:column;gap:20px}.bdt-summary{background:#fff;border-radius:16px;padding:16px;box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005}.bdt-summary-services{display:flex;flex-direction:column;gap:8px}.bdt-summary-svc{display:flex;align-items:center;justify-content:space-between;gap:12px}.bdt-summary-svc-name{font-size:14px;font-weight:500;color:#1d1d1f;letter-spacing:-.1px}.bdt-summary-svc-meta{font-size:12px;color:#86868b;font-weight:500;white-space:nowrap}.bdt-summary-total{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #e8e8ed;font-size:13px;font-weight:600;color:#1d1d1f;letter-spacing:-.1px}.bdt-summary-total-value{font-weight:700}.bdt-calendar{background:#fff;border-radius:16px;padding:16px;box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005}.bdt-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.bdt-cal-month{font-size:15px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px;text-transform:capitalize}.bdt-cal-nav{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#1d1d1f;background:#f5f5f7;border:none;cursor:pointer;transition:all .15s}.bdt-cal-nav:hover:not(:disabled){background:#ececee}.bdt-cal-nav:disabled{opacity:.3;cursor:not-allowed}.bdt-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin-bottom:4px}.bdt-cal-wd{font-size:11px;font-weight:600;color:#86868b;text-align:center;text-transform:uppercase;letter-spacing:.5px;padding:4px 0}.bdt-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.bdt-cal-empty{aspect-ratio:1}.bdt-cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#1d1d1f;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .15s;position:relative}.bdt-cal-day:hover:not(.disabled):not(.selected){background:#f5f5f7}.bdt-cal-day.today:not(.selected){color:#1d1d1f;font-weight:700}.bdt-cal-day.today:not(.selected):after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#1d1d1f}.bdt-cal-day.selected{background:#1d1d1f;color:#fff;font-weight:600}.bdt-cal-day.disabled{color:#d2d2d7;cursor:not-allowed}.bdt-time-section{display:flex;flex-direction:column;gap:12px}.bdt-time-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px;text-transform:capitalize}.bdt-time-title svg{opacity:.5}.bdt-time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bdt-time-slot{padding:12px 8px;font-size:14px;font-weight:500;color:#1d1d1f;background:#fff;border:2px solid transparent;border-radius:12px;cursor:pointer;text-align:center;transition:all .15s;box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005}.bdt-time-slot:hover:not(.selected){box-shadow:0 0 0 1px #0000000f,0 2px 8px #0000000a}.bdt-time-slot.selected{border-color:#1d1d1f;background:#1d1d1f;color:#fff;font-weight:600;box-shadow:0 0 0 1px #1d1d1f,0 2px 12px #00000014}.bdt-time-slot.booked{background:#fff1f2;color:#e11d48;cursor:not-allowed;text-decoration:line-through;opacity:.6;border-color:transparent;box-shadow:0 0 0 1px #e11d4826,0 1px 3px #e11d480f}.bdt-time-slot.booked:hover{box-shadow:0 0 0 1px #e11d4826,0 1px 3px #e11d480f}.bdt-time-empty{padding:32px 16px;text-align:center;color:#86868b;font-size:14px}.bdt-slot-error{margin:12px 0 0;padding:12px 14px;background:#fff1f2;color:#e11d48;font-size:13px;font-weight:500;border-radius:10px;border:1px solid rgba(225,29,72,.2)}.bdt-confirm-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -4px 24px #0000000f;transform:translateZ(0);-webkit-transform:translateZ(0)}.bdt-confirm-inner{max-width:680px;margin:0 auto;padding:14px 24px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:0;box-sizing:border-box}.bdt-confirm-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.bdt-confirm-date{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px;text-transform:capitalize}.bdt-confirm-time{display:flex;align-items:center;gap:6px;font-size:12px;color:#86868b;font-weight:500}.bdt-confirm-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#1d1d1f;color:#fff;border:none;border-radius:980px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;letter-spacing:-.2px}.bdt-confirm-btn:hover:not(:disabled){opacity:.85}.bdt-confirm-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 640px){.bdt-header-inner{padding:8px 16px}.bdt-content{padding:16px 16px 140px}.bdt-time-grid{grid-template-columns:repeat(3,1fr)}.bdt-confirm-inner{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}}@media (max-width: 380px){.bdt-content{padding:12px 12px 130px;gap:16px}.bdt-time-grid{grid-template-columns:repeat(3,1fr);gap:6px}.bdt-time-slot{padding:10px 6px;font-size:13px}.bdt-confirm-btn{padding:10px 18px;font-size:13px}}.booking-confirm-page{min-height:100vh;min-height:100dvh;background:#f5f5f7}.bcf-header{position:sticky;top:0;z-index:50;background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.bcf-header-inner{max-width:680px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:12px}.bcf-header-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#1d1d1f;background:#f5f5f7;border:none;cursor:pointer;flex-shrink:0;transition:background .2s}.bcf-header-back:hover{background:#ececee}.bcf-header-info{display:flex;flex-direction:column;min-width:0}.bcf-header-title{font-size:14px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px}.bcf-header-sub{font-size:12px;color:#86868b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcf-content{max-width:680px;margin:0 auto;padding:20px 24px 140px;display:flex;flex-direction:column;gap:20px}.bcf-summary{background:#fff;border-radius:16px;padding:16px;box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005;display:flex;flex-direction:column;gap:14px}.bcf-summary-staff{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #f0f0f2}.bcf-staff-avatar{width:44px;height:44px;border-radius:50%;background:#f5f5f7;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.bcf-staff-avatar img{width:100%;height:100%;object-fit:cover}.bcf-staff-avatar span{font-size:18px;font-weight:600;color:#86868b}.bcf-staff-info{display:flex;flex-direction:column;gap:2px;min-width:0}.bcf-staff-name{font-size:15px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px}.bcf-staff-salon{font-size:12px;color:#86868b;font-weight:500}.bcf-summary-datetime{display:flex;flex-direction:column;gap:6px}.bcf-dt-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#1d1d1f;letter-spacing:-.1px}.bcf-dt-item svg{color:#86868b;flex-shrink:0}.bcf-dt-item span{text-transform:capitalize}.bcf-summary-services{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid #f0f0f2}.bcf-svc-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.bcf-svc-left{display:flex;align-items:center;gap:8px;min-width:0}.bcf-svc-left svg{color:#86868b;flex-shrink:0}.bcf-svc-name{font-size:13px;font-weight:500;color:#1d1d1f;letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcf-svc-meta{font-size:12px;color:#86868b;font-weight:500;white-space:nowrap}.bcf-summary-total{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #e8e8ed;font-size:14px;font-weight:600;color:#1d1d1f;letter-spacing:-.1px}.bcf-total-value{font-weight:700;font-size:15px}.bcf-form{background:#fff;border-radius:16px;padding:20px 16px;box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005;display:flex;flex-direction:column;gap:16px}.bcf-form-title{font-size:15px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px;margin:0}.bcf-field{display:flex;flex-direction:column;gap:6px}.bcf-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#424245;letter-spacing:-.1px}.bcf-label svg{color:#86868b}.bcf-input{width:100%;padding:12px 14px;font-size:15px;font-weight:500;color:#1d1d1f;background:#f5f5f7;border:2px solid transparent;border-radius:12px;outline:none;transition:all .2s;box-sizing:border-box;font-family:inherit}.bcf-input:focus{border-color:#1d1d1f;background:#fff}.bcf-input::placeholder{color:#b0b0b5;font-weight:400}.bcf-phone-wrapper{position:relative}.bcf-phone-wrapper .tel-input-group{background:#f5f5f7;border:2px solid transparent;border-radius:12px;transition:all .2s}.bcf-phone-wrapper .tel-input-group:focus-within{border-color:#1d1d1f;background:#fff}.bcf-phone-wrapper .tel-phone-input{background:transparent;border:none;font-size:15px}.bcf-phone-wrapper .tel-country-trigger{background:transparent}.bcf-textarea{width:100%;padding:12px 14px;font-size:15px;font-weight:500;color:#1d1d1f;background:#f5f5f7;border:2px solid transparent;border-radius:12px;outline:none;resize:vertical;min-height:72px;max-height:160px;transition:all .2s;box-sizing:border-box;font-family:inherit;line-height:1.5}.bcf-textarea:focus{border-color:#1d1d1f;background:#fff}.bcf-textarea::placeholder{color:#b0b0b5;font-weight:400}.bcf-error{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;font-size:13px;font-weight:500;color:#dc2626;line-height:1.4}.bcf-error svg{flex-shrink:0;margin-top:1px}.bcf-confirm-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -4px 24px #0000000f;transform:translateZ(0);-webkit-transform:translateZ(0)}.bcf-confirm-inner{max-width:680px;margin:0 auto;padding:14px 24px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:0;box-sizing:border-box}.bcf-confirm-info{display:flex;flex-direction:column;gap:1px}.bcf-confirm-total{font-size:16px;font-weight:700;color:#1d1d1f;letter-spacing:-.3px}.bcf-confirm-meta{font-size:12px;color:#86868b;font-weight:500}.bcf-confirm-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#1d1d1f;color:#fff;border:none;border-radius:980px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;letter-spacing:-.2px;font-family:inherit}.bcf-confirm-btn:hover:not(.disabled){opacity:.85}.bcf-confirm-btn.disabled{opacity:.4;cursor:not-allowed}.bcf-spinner{animation:bcfSpin .7s linear infinite}@keyframes bcfSpin{to{transform:rotate(360deg)}}@media (max-width: 640px){.bcf-header-inner{padding:8px 16px}.bcf-content{padding:16px 16px 140px}.bcf-confirm-inner{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}}@media (max-width: 380px){.bcf-content{padding:12px 12px 130px;gap:16px}.bcf-summary{padding:14px}.bcf-form{padding:16px 14px}.bcf-confirm-btn{padding:10px 18px;font-size:13px}}.booking-success-page{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse 80% 50% at 50% -8%,rgba(0,0,0,.02),transparent),#f5f5f7;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.bsp-hero{width:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.bsp-hero-spacer{min-height:0;width:100%;flex:1 0 0}.bsp-hero-inner{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:16px}.bsp-content{max-width:520px;width:100%;flex-shrink:0;padding:0 24px 60px;display:flex;flex-direction:column;align-items:center;gap:20px}.bsp-desc-top{text-align:center;margin:0 0 4px}.bsp-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:120px}.bsp-icon-ring{position:absolute;width:88px;height:88px;border-radius:50%;border:2px solid currentColor;pointer-events:none}.bsp-icon-ring.confirmed{color:#10b981}.bsp-icon-ring.pending{color:#f59e0b}.bsp-icon{position:relative;z-index:1;width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center}.bsp-icon.confirmed{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669;box-shadow:0 4px 24px #10b98140}.bsp-icon.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;box-shadow:0 4px 24px #f59e0b40}.bsp-status{text-align:center;display:flex;flex-direction:column;gap:8px}.bsp-title{font-size:22px;font-weight:700;color:#1d1d1f;letter-spacing:-.5px;margin:0}.bsp-desc{font-size:14px;color:#86868b;font-weight:500;line-height:1.5;margin:0;max-width:380px}.bsp-ref-card{background:#fff;border-radius:16px;padding:16px 20px;width:100%;box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005;display:flex;flex-direction:column;align-items:center;gap:8px}.bsp-ref-label{font-size:12px;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:.5px}.bsp-ref-row{display:flex;align-items:center;gap:10px}.bsp-ref-code{font-size:22px;font-weight:700;color:#1d1d1f;letter-spacing:1px;font-variant-numeric:tabular-nums}.bsp-ref-copy{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#f5f5f7;border:none;cursor:pointer;color:#86868b;transition:all .15s}.bsp-ref-copy:hover{background:#ececee;color:#1d1d1f}.bsp-details{background:#fff;border-radius:16px;padding:18px 16px;width:100%;box-shadow:0 0 0 1px #00000008,0 1px 3px #00000005;display:flex;flex-direction:column;gap:10px}.bsp-detail-staff{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f2}.bsp-d-avatar{width:40px;height:40px;border-radius:50%;background:#f5f5f7;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.bsp-d-avatar img{width:100%;height:100%;object-fit:cover}.bsp-d-avatar span{font-size:16px;font-weight:600;color:#86868b}.bsp-d-staff-info{display:flex;flex-direction:column;gap:1px}.bsp-d-staff-name{font-size:14px;font-weight:600;color:#1d1d1f;letter-spacing:-.2px}.bsp-d-salon{font-size:12px;color:#86868b;font-weight:500}.bsp-detail-row{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#1d1d1f}.bsp-detail-row svg{color:#86868b;flex-shrink:0}.bsp-detail-cap{text-transform:capitalize}.bsp-detail-divider{height:1px;background:#f0f0f2;margin:4px 0}.bsp-detail-svc{display:flex;align-items:center;justify-content:space-between;gap:12px}.bsp-detail-svc-left{display:flex;align-items:center;gap:8px;min-width:0}.bsp-detail-svc-left svg{color:#86868b;flex-shrink:0}.bsp-detail-svc-left span{font-size:13px;font-weight:500;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bsp-detail-svc-price{font-size:12px;color:#86868b;font-weight:500;white-space:nowrap}.bsp-detail-total{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #e8e8ed;font-size:14px;font-weight:600;color:#1d1d1f}.bsp-detail-total-val{font-weight:700}.bsp-back-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:#1d1d1f;border:1px solid #e8e8ed;border-radius:980px;font-size:14px;font-weight:600;cursor:pointer;letter-spacing:-.2px;transition:all .2s;font-family:inherit;margin-top:8px}.bsp-back-btn:hover{background:#f5f5f7;border-color:#d2d2d7}@media (max-width: 640px){.bsp-content{padding:32px 16px 48px;gap:20px}.bsp-icon-wrapper{width:100px;height:100px}.bsp-icon{width:80px;height:80px}.bsp-icon svg{width:40px;height:40px}.bsp-title{font-size:20px}.bsp-ref-code{font-size:18px}}@media (max-width: 380px){.bsp-content{padding:24px 12px 40px}.bsp-ref-card,.bsp-details{padding:14px}}