@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#eef0ff;--secondary:#ff4b72;--secondary-hover:#e11d48;--accent:#ff4b72;--danger:#ff4b72;--success:#16a34a;--warning:#d97706;--bg-color:#f8fafc;--bg-surface:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--glass-bg:#ffffffd9;--glass-border:#fff9;--shadow-sm:0 4px 10px #0f172a0a;--shadow-md:0 10px 25px -5px #0f172a14;--shadow-glow:0 0 30px #6366f14d;--font-sans:"Plus Jakarta Sans", "Segoe UI", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}#root{width:100vw;height:100vh;display:flex;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.izi{color:var(--secondary)}button{font-family:inherit}.btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:radial-gradient(circle at var(--x,50%) var(--y,50%), #fff3 0%, transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.btn:active:after{opacity:1}.btn-primary{background:var(--primary);color:#fff;font-weight:700;box-shadow:0 4px 14px #6366f133}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f14d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{color:var(--text-main);border:1.5px solid var(--border-color);background:0 0}.btn-outline:hover{background:var(--bg-color);border-color:var(--text-muted)}.btn-danger{background:var(--danger);color:#fff;font-weight:700}.btn-danger:hover{background:var(--secondary-hover)}.beauty-table tbody tr{transition:all var(--transition-fast)}.beauty-table tbody tr:hover{background:#6366f108;transform:translate(2px)}.beauty-table tbody tr:active{background:#6366f10f}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast), transform var(--transition-fast)}.glass-panel:hover{box-shadow:var(--shadow-md)}.badge-ok,.badge-warn,.badge-success,.badge-warning,.badge-default,.status-pending,.status-confirmed,.status-completed,.status-cancelled,.status-noshow{animation:.3s fadeInScale}.animate-fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.02)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:active{transform:scale(.97)}.card-hover-lift{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.card-hover-lift:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.stagger-item{opacity:0;animation:.4s forwards fadeUp}.stagger-item:first-child{animation-delay:50ms}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}@media (width<=900px){.form-grid-layout{grid-template-columns:1fr!important}.form-group-row{grid-template-columns:1fr!important;gap:1rem!important}.staff-grid,.branches-grid{grid-template-columns:1fr!important}.staff-header,.page-header{flex-direction:column;gap:1rem;align-items:flex-start!important}.staff-header>div,.page-header>div{width:100%}.staff-header button,.page-header button{justify-content:center;width:100%}.table-container,.beauty-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);width:100%;overflow-x:auto}.input-group,.form-group{width:100%!important}[style*=grid-template-columns]{grid-template-columns:1fr!important}.beauty-modal{width:95%!important;padding:1.5rem!important}.beauty-modal-footer{flex-direction:column;gap:.5rem}.beauty-modal-footer button{width:100%}}.staff-container{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.staff-header{justify-content:space-between;align-items:center;display:flex}.staff-header h2{color:var(--text-main);font-size:1.7rem}.staff-toolbar{border-radius:var(--radius-md);align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem 1.5rem;display:flex}.filter-label{color:var(--text-main);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.branch-select{border:1px solid var(--border-color);background:var(--bg-color);border-radius:4px;outline:none;min-width:250px;padding:.5rem 1rem;font-family:inherit;font-size:.95rem}.branch-select:focus{border-color:var(--primary)}.staff-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.staff-card{border-radius:var(--radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.staff-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000000f}.card-top{border-bottom:1px dashed var(--border-color);background:#6366f105;align-items:center;gap:1rem;padding:1.5rem;display:flex}.avatar-circle{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 10px #6366f14d}.card-core{flex-direction:column;gap:.2rem;display:flex}.card-core h4{color:var(--text-main);font-size:1.15rem}.spec-badge{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);border-radius:20px;align-items:center;gap:.3rem;width:max-content;padding:.2rem .6rem;font-size:.75rem;display:inline-flex}.card-body{flex-direction:column;gap:.85rem;padding:1.5rem;display:flex}.info-row{justify-content:flex-start;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.info-row .lbl{color:var(--text-muted);width:35px;font-family:monospace;font-size:.8rem}.info-row .val{color:var(--text-main);font-weight:500}.truncate{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.badge-ok,.badge-warn{border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-ok{color:#047857;background:#d1fae5}.badge-warn{color:#b91c1c;background:#fee2e2}.card-footer{background:var(--bg-color);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.primary-actions{align-items:center;gap:.5rem;display:flex}.btn-icon-soft{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-icon-soft.edit{color:#0284c7;background:#f0f9ff}.btn-icon-soft.edit:hover{background:#e0f2fe}.btn-icon-soft.delete{color:var(--danger);background:#fef2f2}.btn-icon-soft.delete:hover{background:#fee2e2}.mx-left-auto{margin-left:auto}.hover-highlight{border-radius:4px;padding:.2rem .5rem}.hover-highlight:hover{background:#6366f10d}.p-0{padding:0}.w-sm{max-width:500px}.mt-2{margin-top:.5rem}.w-100{width:100%}.border-top{border-top:1px solid var(--border-color)}.pt-3{padding-top:1rem}.flex{display:flex}.items-center{align-items:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.clients-container{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.clients-header{justify-content:space-between;align-items:center;display:flex}.clients-header h2{color:var(--text-main);font-size:1.7rem}.clients-toolbar{border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.search-wrapper{align-items:center;width:400px;display:flex;position:relative}.search-icon{position:absolute;left:1rem}.search-input{border:1px solid var(--border-color);background:var(--bg-surface);width:100%;color:var(--text-main);transition:all var(--transition-fast);border-radius:30px;outline:none;padding:.75rem 1rem .75rem 2.8rem;font-family:inherit;font-size:.95rem}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.results-count{color:var(--text-muted);font-size:.9rem;font-weight:500}.clients-table-card{border-radius:var(--radius-md);background:var(--bg-surface);flex-direction:column;padding:0;display:flex;overflow:hidden}.table-responsive{width:100%;overflow-x:auto}.beauty-table{border-collapse:collapse;text-align:left;width:100%}.beauty-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--border-color);z-index:10;background:#6366f114;padding:1rem 1.25rem;font-size:.8rem;font-weight:600;position:sticky;top:0}.beauty-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;padding:1rem 1.25rem;font-size:.9rem}.beauty-table tbody tr:nth-child(2n){background:#00000004}.doc-col{font-family:monospace;color:var(--text-muted)!important;font-size:.9rem!important}.font-semibold{font-weight:600}.italic{font-style:italic}.align-center{text-align:center}.text-muted{color:var(--text-muted)}.actions-col{justify-content:center;gap:.5rem;display:flex}.btn-icon{cursor:pointer;width:34px;height:34px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.view-btn{color:#0284c7}.view-btn:hover{background:#e0f2fe}.edit-btn{color:#059669}.edit-btn:hover{background:#d1fae5}.delete-btn{color:var(--danger)}.delete-btn:hover{background:#fee2e2}.table-loader,.table-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 0;display:flex}.empty-icon{opacity:.3}.pagination-wrapper{border-top:1px solid var(--border-color);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex}.page-btn{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.9rem;font-weight:500;transition:background .15s;display:inline-flex}.page-btn:not(:disabled):hover{border-color:var(--text-muted);background:#0000000d}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-indicator{color:var(--text-muted);font-size:.9rem}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border-radius:var(--radius-md);flex-direction:column;width:90%;max-width:600px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-header h3{color:var(--primary);font-size:1.25rem}.btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1}.btn-close:hover{color:var(--text-main)}.modal-body{max-height:70vh;padding:2rem;overflow-y:auto}.w-full{grid-column:1/-1}.modal-actions{border-top:1px dashed var(--border-color);justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;display:flex}@media (width<=900px){.modal-content{width:95%;max-height:90vh}.modal-body{padding:1.25rem}.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions button,.modal-actions .btn{justify-content:center;width:100%}}.client-form-container{flex-direction:column;gap:2rem;max-width:900px;margin:0 auto;display:flex}.form-loading{min-height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.form-header{flex-direction:column;gap:.5rem;display:flex}.form-header h2{color:var(--text-main);margin-top:.5rem;font-size:1.8rem}.form-card{border-radius:var(--radius-md);padding:2.5rem}.form-section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem}.form-section:last-of-type{border-bottom:none;margin-bottom:1rem;padding-bottom:0}.form-section-title{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1rem;font-weight:600;display:flex}.form-grid-layout{grid-template-columns:1fr 1fr;gap:1.5rem 2rem;display:grid}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text-main);align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.input-group label .label-hint{color:var(--text-muted);font-size:.75rem;font-weight:400}.req{color:var(--danger);margin-left:2px}.opt{color:var(--text-muted);margin-left:4px;font-size:.75rem;font-weight:400}.input-native{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);width:100%;color:var(--text-main);transition:all var(--transition-fast);padding:.85rem 1rem;font-family:inherit;font-size:.95rem}.input-native:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.input-native::placeholder{color:var(--text-muted);opacity:.7}.input-native.error{border-color:var(--danger)}.input-native.error:focus{box-shadow:0 0 0 3px #dc262626}.input-error-message{color:var(--danger);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.input-success{border-color:var(--success)}.input-success:focus{box-shadow:0 0 0 3px #10b98126}.input-disabled{color:var(--text-muted);cursor:not-allowed;background:#00000008;border-color:var(--border-color)!important;box-shadow:none!important}.helper-text{color:var(--text-muted);font-size:.75rem}.full-width{grid-column:1/-1}.text-area{resize:vertical;min-height:100px}.form-actions-footer{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.btn-save{justify-content:center;min-width:200px}@media (width<=900px){.hidden-mobile{display:none}.form-card{padding:1.5rem}.form-section{margin-bottom:1.5rem;padding-bottom:1rem}.form-actions-footer{flex-direction:column-reverse;align-items:stretch;gap:.75rem;margin-top:1.5rem}.form-actions-footer button{width:100%;min-width:unset}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #6366f133}50%{box-shadow:0 0 30px #6366f166}}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}80%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes floatDrift{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-15px)rotate(3deg)}66%{transform:translateY(-8px)rotate(-2deg)}}@keyframes floatDrift2{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(10px,-20px)rotate(5deg)}50%{transform:translate(-15px,-35px)rotate(-3deg)}75%{transform:translate(5px,-15px)rotate(2deg)}}@keyframes sparkle{0%,to{opacity:.2;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(180deg)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{width:60%;height:16px;margin-bottom:.5rem}.skeleton-title{width:40%;height:24px;margin-bottom:1rem}.skeleton-card{border-radius:12px;height:100px}.animate-fade-up{animation:.5s forwards fadeInUp}.animate-fade-scale{animation:.4s forwards fadeInScale}.animate-slide-right{animation:.4s forwards slideInRight}.animate-slide-left{animation:.4s forwards slideInLeft}.animate-bounce-in{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards bounceIn}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.animate-icon-bounce{animation:2s ease-in-out infinite iconBounce}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media (prefers-reduced-motion:reduce){.skeleton,.animate-fade-up,.animate-fade-scale,.animate-slide-right,.animate-slide-left,.animate-bounce-in,.animate-pulse-glow,.animate-icon-bounce{animation:none!important}}.login-container{background:var(--bg-color);flex:1;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-bg-gradient{z-index:0;background:linear-gradient(135deg,#6366f108,#4f46e508,#6366f108) 0 0/400% 400%;animation:20s infinite bgShift;position:absolute;inset:0}@keyframes bgShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.login-bg-shape{filter:blur(80px);z-index:0;opacity:.6;border-radius:50%;position:absolute}.shape-1{background:radial-gradient(circle,#6366f126 0%,#fff0 70%);width:400px;height:400px;top:-10%;left:-5%}.shape-2{background:radial-gradient(circle,#6366f126 0%,#fff0 70%);width:500px;height:500px;bottom:-10%;right:-5%}.login-deco{z-index:1;pointer-events:none;opacity:.15;color:var(--primary);position:absolute}.deco-chair{animation:6s ease-in-out infinite floatDrift;bottom:8%;left:6%}.deco-mirror{animation:8s ease-in-out 1s infinite floatDrift2;top:12%;right:8%}.deco-scissors{animation:7s ease-in-out 2s infinite floatDrift;top:40%;left:5%}@media (height<=700px){.login-deco{display:none}}@media (width<=768px){.login-deco{opacity:.08}.deco-chair{bottom:4%;left:4%}.deco-mirror{top:6%;right:4%}.deco-scissors{display:none}}.login-card{border-radius:var(--radius-lg);z-index:1;width:100%;max-width:420px;padding:3rem 2.5rem;position:relative}.login-header{text-align:center;margin-bottom:2.5rem}.logo-container{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.logo-icon-wrapper{background:var(--primary);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-glow);border-radius:12px;justify-content:center;align-items:center;display:flex}.logo-container h2{color:var(--text-main);letter-spacing:-.02em;font-size:1.8rem}.login-subtitle{color:var(--text-muted);font-size:.95rem}.error-alert{color:#b91c1c;border-radius:var(--radius-sm);background:#fee2e280;border:1px solid #f8717180;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.85rem 1rem;font-size:.9rem;font-weight:500;display:flex}.success-alert{color:#166534;border-radius:var(--radius-sm);background:#bbf7d080;border:1px solid #4ade8080;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.85rem 1rem;font-size:.9rem;font-weight:500;display:flex}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-group label{color:var(--text-main);font-size:.85rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:1rem}.input-wrapper input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:all var(--transition-fast);background:#ffffff80;padding:.85rem 1rem .85rem 2.75rem;font-family:inherit;font-size:.95rem}.input-wrapper input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #6366f11a}.input-wrapper input:disabled{opacity:.7;cursor:not-allowed;background:#00000005}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex;position:absolute;right:.4rem}.password-toggle:hover{color:var(--text-main)}.btn-submit{justify-content:center;width:100%;margin-top:.5rem;padding:.9rem;font-size:1.05rem}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{text-align:center;color:var(--text-muted);margin-top:2rem;font-size:.9rem}.onboarding-link{color:var(--primary-hover);transition:color var(--transition-fast);margin-top:.25rem;font-weight:600;text-decoration:none;display:inline-block}.onboarding-link:hover{text-decoration:underline}@media (width<=480px){.login-card{padding:2.5rem 1.5rem}}.setup-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#eef0fff7 0%,#e0e3fff7 100%);justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0;overflow-y:auto}.setup-modal{background:#fff;border-radius:24px;width:100%;max-width:750px;padding:3rem;animation:.5s cubic-bezier(.22,1,.36,1) slideInUp;box-shadow:0 32px 80px #6366f126,0 8px 24px #0000000f}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.setup-modal-header{text-align:center;margin-bottom:2.5rem}.setup-logo{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.25rem;font-size:2rem;display:flex;box-shadow:0 8px 24px #6366f159}.setup-modal-header h1{color:#1e1b2e;margin-bottom:.5rem;font-size:1.85rem;font-weight:700}.setup-modal-header p{color:#6b6b8a;max-width:520px;margin:0 auto;font-size:.97rem;line-height:1.6}.setup-progress-container{margin-bottom:2.5rem}.setup-progress-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.setup-progress-label{color:#4b4b6a;font-size:.875rem;font-weight:600}.setup-progress-pct{color:#6366f1;font-size:.875rem;font-weight:700}.setup-progress-track{background:#eef0ff;border-radius:999px;height:8px;overflow:hidden}.setup-progress-fill{background:#6366f1;border-radius:999px;height:100%;transition:width .5s}.setup-steps-list{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.setup-step-card{background:#f8f9ff;border:2px solid #e0e3ff;border-radius:16px;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;transition:all .25s;display:flex}.setup-step-card.active{background:linear-gradient(135deg,#eef0ff,#e0e3ff);border-color:#6366f1;box-shadow:0 4px 20px #6366f11f}.setup-step-card.done{background:#f0fdf4;border-color:#d1fae5}.setup-step-card.locked{opacity:.55;filter:grayscale(40%);cursor:not-allowed}.step-number-badge{border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.done .step-number-badge{color:#059669}.active .step-number-badge{color:#6366f1;background:#6366f11a}.locked .step-number-badge{color:#a3a3c2}.step-icon-circle{border-radius:12px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex}.active .step-icon-circle{color:#6366f1;background:#6366f11f}.done .step-icon-circle{color:#059669;background:#d1fae5}.locked .step-icon-circle{color:#c0bdd6;background:#f5f5fa}.step-info{flex:1}.step-info h4{color:#1e1b2e;margin-bottom:.2rem;font-size:1rem;font-weight:700}.step-info p{color:#6b6b8a;font-size:.83rem;line-height:1.5}.step-action{justify-content:flex-end;align-items:center;min-width:120px;display:flex}.step-cta-btn{white-space:nowrap;align-items:center;gap:.3rem;padding:.55rem 1rem;font-size:.85rem;display:flex}.step-done-label{color:#059669;font-size:.85rem;font-weight:700}.step-locked-label{color:#a3a3c2;font-size:.82rem}.setup-footer{text-align:center;background:#fff8ed;border:1px solid #fed7aa;border-radius:12px;padding:1rem 1.5rem}.setup-footer p{color:#92400e;font-size:.875rem}.setup-footer strong{color:#c2410c}.breadcrumbs{margin-bottom:.5rem;padding:.75rem 0}.breadcrumbs-list{flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-item{align-items:center;gap:.25rem;display:flex}.breadcrumb-link{color:var(--text-muted);transition:all var(--transition-fast);border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.breadcrumb-link:hover{color:var(--primary);background:#6366f114}.breadcrumb-separator{color:var(--border-color);flex-shrink:0}.breadcrumb-current{color:var(--text-main);background:var(--primary-light);border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:.875rem;font-weight:600;display:flex}@media (width<=768px){.breadcrumbs{padding:.5rem 0}.breadcrumb-link,.breadcrumb-current{padding:.25rem .4rem;font-size:.8rem}}.admin-layout{background-color:var(--bg-color);width:100%;height:100vh;display:flex;overflow:hidden}.admin-sidebar{background:var(--bg-surface);border-right:1px solid var(--border-color);z-index:10;width:260px;transition:width var(--transition-normal);flex-direction:column;flex-shrink:0;display:flex;position:relative}.admin-sidebar.collapsed{width:80px}.admin-sidebar.collapsed .sidebar-header h2,.admin-sidebar.collapsed .nav-link span{display:none}.admin-sidebar.collapsed .sidebar-nav{padding:1rem .5rem}.admin-sidebar.collapsed .nav-link{justify-content:center;padding:.85rem}.admin-sidebar.collapsed .lock-icon{display:none}.sidebar-toggle{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;width:24px;height:24px;color:var(--text-muted);transition:all var(--transition-fast);z-index:20;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:80px;right:-12px}.sidebar-toggle:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.sidebar-toggle svg{transition:transform var(--transition-normal)}.sidebar-toggle svg.rotated{transform:rotate(180deg)}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;height:72px;padding:0 1.5rem;display:flex}.sidebar-logo{background:var(--primary);color:#fff;width:36px;height:36px;box-shadow:var(--shadow-glow);border-radius:10px;justify-content:center;align-items:center;display:flex}.sidebar-header h2{color:var(--primary);letter-spacing:-.02em;font-size:1.3rem}.sidebar-nav{flex-direction:column;gap:1.25rem;padding:1.5rem 1rem;display:flex;overflow-y:auto}.nav-section{flex-direction:column;gap:.35rem;display:flex}.nav-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);opacity:.7;margin-bottom:.25rem;padding:0 1rem;font-size:.7rem;font-weight:700}.nav-link{color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:.85rem;padding:.85rem 1rem;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--primary);background:#6366f10d}.nav-link.active{color:var(--primary);background:#6366f11a;font-weight:600}.admin-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.admin-header{background:var(--bg-surface);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex}.header-left{align-items:center;gap:2rem;display:flex}.company-name{color:var(--text-main);margin:0;font-size:1.25rem}.branch-selector{cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);background:#00000008;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:flex}.branch-selector:hover{color:var(--text-main);background:#0000000f}.header-right{align-items:center;gap:1.5rem;display:flex}.user-profile{align-items:center;gap:.75rem;display:flex}.user-avatar{background:var(--secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-main);font-size:.95rem;font-weight:600}.user-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.btn-logout{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;display:flex}.btn-logout:hover{color:#ef4444;background:#fef2f2}.admin-content{flex:1;padding:1.5rem 2rem;position:relative;overflow-y:auto}.breadcrumbs-wrapper{background:var(--bg-surface);border-bottom:1px solid var(--border-color);padding:0 2rem}.sidebar-locked{opacity:.7;pointer-events:none}.sidebar-locked nav{pointer-events:all}.nav-link-locked{opacity:.55;position:relative;cursor:not-allowed!important}.nav-link-locked:hover{color:var(--text-muted)!important;background:0 0!important}.lock-icon{opacity:.6;margin-left:auto;font-size:.75rem}.btn-mobile-menu{color:var(--text-main);cursor:pointer;background:0 0;border:none;padding:0;display:none}.btn-close-mobile{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;display:none}.sidebar-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}@media (width<=900px){.admin-sidebar{z-index:50;width:280px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.collapsed{width:280px;transform:translate(-100%)}.sidebar-toggle{display:none}.sidebar-overlay{display:block}.btn-mobile-menu,.btn-close-mobile{justify-content:center;align-items:center;display:flex}.admin-header{padding:0 1.5rem}.header-left{gap:1rem}.company-name{display:none}.breadcrumbs-wrapper{padding:0 1rem}.admin-content{padding:1.5rem 1rem}}.skeleton{background:linear-gradient(90deg, var(--border-color) 0%, #f5f5f580 50%, var(--border-color) 100%);background-size:200% 100%;animation:1.5s linear infinite shimmer}.skeleton-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem}.skeleton-card-header{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.skeleton-card-content{flex-direction:column;flex:1;gap:.5rem;display:flex}.skeleton-card-body{flex-direction:column;gap:.75rem;display:flex}.skeleton-table{flex-direction:column;gap:0;display:flex}.skeleton-table-header,.skeleton-table-row{border-bottom:1px solid var(--border-color);grid-template-columns:repeat(5,1fr);gap:1rem;padding:1rem 1.5rem;display:grid}.skeleton-list{flex-direction:column;gap:1rem;display:flex}.skeleton-list-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:1rem;padding:1rem;display:flex}.skeleton-list-content{flex-direction:column;flex:1;gap:.5rem;display:flex}.skeleton-form{flex-direction:column;gap:1.5rem;display:flex}.skeleton-form-group{flex-direction:column;gap:.5rem;display:flex}@media (width<=768px){.skeleton-table-header,.skeleton-table-row{grid-template-columns:repeat(3,1fr)}.skeleton-table-header>:nth-child(4),.skeleton-table-header>:nth-child(5),.skeleton-table-row>:nth-child(4),.skeleton-table-row>:nth-child(5){display:none}}.dashboard-container{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.loading-state{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-weight:500;display:flex}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.dashboard-title-section h2{color:var(--text-main);letter-spacing:-.01em;margin-bottom:.25rem;font-size:1.75rem}.dashboard-subtitle{color:var(--text-muted);text-transform:capitalize;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.btn-lg{gap:.65rem;padding:.875rem 1.75rem;font-size:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.stat-card{border-radius:var(--radius-md);transition:transform var(--transition-fast);align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.bg-stat-indigo{background:#6366f11a}.text-stat-indigo{color:var(--primary)}.bg-danger-light{background:#ff4b721a}.text-danger{color:var(--danger)}.bg-stat-neutral{background:#64748b1a}.text-stat-neutral{color:var(--text-muted)}.stat-data{flex-direction:column;display:flex}.stat-value{color:var(--text-main);font-size:1.75rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.85rem;font-weight:500}.danger-badge{color:#b91c1c;background:#fef2f2;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.setup-wizard{border-radius:var(--radius-md);border:1px solid var(--primary);background:linear-gradient(145deg, var(--bg-surface) 0%, #6366f108 100%);padding:2rem}.wizard-header h3{color:var(--primary);margin-bottom:.5rem;font-size:1.4rem}.wizard-header p{color:var(--text-muted);margin-bottom:1.5rem}.wizard-steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.step{background:var(--bg-color);border-radius:var(--radius-sm);border:1px solid var(--border-color);align-items:center;gap:.8rem;padding:1rem;display:flex}.step.completed{background:#10b98105;border-color:#10b9814d}.step.completed .step-icon{color:#10b981}.step.pending .step-icon{color:var(--text-muted)}.step span{color:var(--text-main);font-weight:500}.step.completed span{color:var(--text-muted);text-decoration:line-through}.dashboard-grid-layout{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.dashboard-grid-layout{grid-template-columns:1fr}}.upcoming-appointments{border-radius:var(--radius-md);padding:1.5rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-header h3{color:var(--text-main);font-size:1.15rem}.btn-text{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-weight:600;display:flex}.btn-text:hover{text-decoration:underline}.empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem 0;display:flex}.empty-icon{opacity:.5;margin-bottom:1rem}.appointments-list{flex-direction:column;gap:.5rem;display:flex}.appointment-item{background:var(--bg-color);border-radius:var(--radius-sm);border:1px solid var(--border-color);grid-template-columns:100px 1fr auto;align-items:center;padding:1rem;display:grid}.appointment-item .time{color:var(--text-main);font-weight:600}.appointment-item .details{flex-direction:column;display:flex}.client-name{color:var(--text-main);font-weight:600}.service{color:var(--text-muted);font-size:.85rem}.appointment-item .staff{font-size:.9rem;font-weight:500}.unassigned{color:#ef4444;background:#fef2f2;border-radius:4px;padding:.25rem .5rem}.quick-actions-panel{border-radius:var(--radius-md);padding:1.5rem}.quick-actions-panel h3{color:var(--text-main);margin-bottom:1.25rem;font-size:1.1rem}.quick-actions-list{flex-direction:column;gap:.75rem;display:flex}.quick-action-btn{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);text-align:left;align-items:center;gap:.85rem;padding:.875rem 1rem;font-size:.9rem;font-weight:500;display:flex}.quick-action-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);transform:translate(4px)}.quick-action-btn svg:first-child{color:var(--text-muted);transition:color var(--transition-fast)}.quick-action-btn:hover svg:first-child{color:var(--primary)}.quick-action-btn span{flex:1}.action-arrow{color:var(--border-color);transition:all var(--transition-fast)}.quick-action-btn:hover .action-arrow{color:var(--primary);transform:translate(3px)}@media (width<=768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-title-section h2{font-size:1.5rem}.btn-lg{justify-content:center;width:100%}.appointment-item{grid-template-columns:1fr;gap:.5rem}.appointment-item .time,.appointment-item .staff{text-align:left}.quick-action-btn{padding:.75rem}}.agenda-container{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.agenda-header{justify-content:space-between;align-items:center;display:flex}.agenda-header h2{color:var(--text-main);font-size:1.7rem}.agenda-header .text-muted{margin-top:.25rem;font-size:.95rem}.agenda-filters{border-radius:var(--radius-md);gap:2rem;margin-bottom:.5rem;padding:1.25rem 1.5rem;display:flex}.filter-group{flex-direction:column;gap:.4rem;display:flex}.filter-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8rem;font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .icon{color:var(--primary);pointer-events:none;position:absolute;left:.75rem}.filter-input{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);width:200px;color:var(--text-main);transition:border-color var(--transition-fast);outline:none;padding:.5rem 1rem .5rem 2.25rem;font-family:inherit;font-size:.95rem}.filter-input:focus{border-color:var(--primary)}.empty-agenda{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:5rem 0;display:flex}.icon-empty{color:var(--primary);opacity:.4;margin-bottom:1rem}.empty-agenda h3{color:var(--text-main);margin-bottom:.25rem;font-size:1.2rem}.empty-agenda p{color:var(--text-muted)}.icon-pulse{animation:1s linear infinite spin}.appointments-list-view{flex-direction:column;gap:.75rem;display:flex}.appointment-card{border-radius:var(--radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #fff6;grid-template-columns:120px 2fr 1.5fr 150px auto;align-items:center;gap:1.5rem;padding:1rem;display:grid}.appointment-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.appt-time{border-radius:var(--radius-sm);color:var(--primary);background:#6366f114;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.95rem;font-weight:700;display:flex}.appt-details{flex-direction:column;gap:.25rem;display:flex}.client-name{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:700}.service-info{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.85rem;display:flex}.assigned-tag{color:var(--secondary);background:#a064dc1a;border-radius:20px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.warning-assign-btn{color:#ef4444;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#fef2f2;border:1px solid #ef44444d;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.warning-assign-btn:hover:not(.disabled){background:#ef44441a}.warning-assign-btn.disabled{opacity:.6;cursor:not-allowed;border-color:var(--border-color);color:var(--text-muted);background:0 0}.status-badge{text-align:center;border-radius:20px;justify-content:center;align-items:center;width:100%;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.status-pending{color:#d97706;background:#fef3c7}.status-confirmed{color:#0284c7;background:#e0f2fe}.status-completed{color:#059669;background:#d1fae5}.status-cancelled{color:#dc2626;background:#fee2e2}.status-noshow{color:#4b5563;background:#f3f4f6}.appt-actions{align-items:center;gap:.5rem;display:flex}.status-dropdown-action{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-main);cursor:pointer;outline:none;padding:.4rem;font-size:.8rem}.btn-icon-more{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:.4rem;display:flex}.btn-icon-more:hover{color:var(--text-main);background:#0000000d}@media (width<=768px){.agenda-filters{flex-direction:column;gap:1rem}.filter-input{width:100%}.appointment-card{grid-template-columns:1fr;gap:.75rem;padding:1.25rem}.appt-time{align-self:flex-start;width:fit-content}.status-badge{width:fit-content}.appt-actions{border-top:1px solid var(--border-color);justify-content:space-between;margin-top:.5rem;padding-top:.75rem}}.wizard-container{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.wizard-header-main{flex-direction:column;gap:1.5rem;display:flex}.wizard-header-main h2{color:var(--text-main);margin:0;font-size:1.7rem}.wizard-stepper{gap:1rem;display:flex;position:relative}.stepper-step{background:var(--bg-surface);border-radius:var(--radius-sm);color:var(--text-muted);text-align:center;border:1px solid var(--border-color);transition:all var(--transition-fast);flex:1;padding:.75rem 1rem;font-size:.9rem;font-weight:500}.stepper-step.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 10px #6366f133}.wizard-body{grid-template-columns:2fr 1fr;align-items:start;gap:2rem;display:grid}.input-field{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-main);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.input-field:focus{border-color:var(--primary)}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.85rem;font-weight:600}.wizard-content{flex-direction:column;min-height:500px;display:flex}.step-content{flex:1;padding:2.5rem}.step-content h3{color:var(--primary);margin-bottom:2rem;font-size:1.35rem}.mb-4{margin-bottom:2rem}.mt-4{margin-top:2rem}.search-bar{gap:1rem;margin-bottom:2.5rem;display:flex}.search-bar .input-field{flex:1}.client-results{animation:.3s fadeIn}.client-found-card{border-radius:var(--radius-md);background:#a064dc0d;border:1px solid #a064dc66;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.client-details h4{color:var(--text-main);margin-bottom:.25rem;font-size:1.25rem}.notes{color:#b45309;margin-top:.5rem;font-size:.9rem}.new-client-form{background:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:1.5rem}.empty-message{color:var(--text-main);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-weight:600;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.service-list-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.service-option{background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.service-option:hover{border-color:var(--secondary)}.service-option.selected{border-color:var(--primary);background:#6366f10a}.service-option input[type=checkbox]{accent-color:var(--primary);margin-top:.25rem;transform:scale(1.3)}.svc-info{flex-direction:column;display:flex}.svc-info strong{color:var(--text-main);font-size:1.1rem}.svc-desc{color:var(--text-muted);font-size:.9rem}.schedule-layout{grid-template-columns:1fr 1fr;gap:2.5rem;display:grid}.date-picker-side,.time-picker-side{flex-direction:column;gap:1rem;display:flex}.date-picker-side label,.time-picker-side label{color:var(--text-main);text-transform:uppercase;font-size:.85rem;font-weight:600}.instruction-box{background:var(--bg-color);border:1px dashed var(--border-color);border-radius:var(--radius-sm);text-align:center;color:var(--text-muted);justify-content:center;align-items:center;padding:2rem;display:flex}.slots-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.slot-btn{border-radius:var(--radius-sm);background:var(--bg-color);border:2px solid var(--border-color);color:var(--text-main);cursor:pointer;padding:.75rem;font-weight:600;transition:all .15s}.slot-btn:hover:not(.occupied){color:#10b981;border-color:#10b981}.slot-btn.selected{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 4px 10px #10b9814d}.slot-btn.occupied{color:#ef4444;cursor:not-allowed;opacity:.6;background:#fef2f2;border-color:#fecaca}.confirmation-banner{border-radius:var(--radius-sm);color:#92400e;border:1px solid #f59e0b4d;align-items:center;gap:1rem;padding:1.5rem;font-size:1.05rem;display:flex}.text-area{resize:vertical}.error-text{color:#ef4444;font-weight:600}.wizard-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;display:flex}.hidden{visibility:hidden}.btn-text{color:var(--text-muted);background:0 0;border:none}.btn-text:hover{color:var(--text-main)}.w-100{justify-content:center;width:100%}.wizard-summary{flex-direction:column;gap:1.5rem;padding:2.5rem 2rem;display:flex;position:sticky;top:2rem}.wizard-summary h3{color:var(--text-main);border-bottom:2px solid var(--border-color);margin-bottom:.5rem;padding-bottom:1rem;font-size:1.2rem}.summary-block{flex-direction:column;gap:.4rem;display:flex}.sum-label{text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.sum-value{color:var(--text-main);padding-left:1.75rem;font-size:1rem}.mini-svc-list{color:var(--text-main);margin:0;padding-left:1.25rem;font-size:.95rem}.summary-totals{border-top:1px dashed var(--border-color);flex-direction:column;gap:.85rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.tot-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.tot-row span:first-child{align-items:center;gap:.5rem;display:flex}.tot-divider{border-top:1px solid var(--border-color);margin:.5rem 0}.tot-row.total{color:var(--text-main);font-size:1.1rem;font-weight:700}.tot-row.price-total{color:var(--primary);background:var(--bg-color);border-radius:var(--radius-sm);margin-top:.5rem;padding:1rem;font-size:1.4rem;font-weight:700}.spin{animation:1s linear infinite spin}@media (width<=768px){.wizard-body{grid-template-columns:1fr;gap:1rem}.wizard-summary{border-top:1px solid var(--border-color);position:static}.schedule-layout{grid-template-columns:1fr;gap:1.5rem}.slots-grid{grid-template-columns:repeat(2,1fr)}.wizard-footer{flex-direction:column;gap:1rem;padding:1rem}.wizard-footer button{width:100%}.search-bar{flex-direction:column}.client-found-card{flex-direction:column;align-items:flex-start;gap:1rem}}.appt-detail-container{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.detail-loading,.detail-error{min-height:50vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.detail-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.btn-back{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;font-size:1rem;font-weight:600;display:flex}.btn-back:hover{color:var(--primary)}.status-indicator{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-color);padding:.5rem 1rem;font-weight:700}.detail-grid{grid-template-columns:1fr 380px;align-items:start;gap:2rem;display:grid}@media (width<=900px){.detail-grid{grid-template-columns:1fr}}.main-content-col,.sidebar-col{flex-direction:column;gap:1.5rem;display:flex}.detail-card{border-radius:var(--radius-md);flex-direction:column;padding:2rem;display:flex}.detail-card h3{color:var(--text-main);border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.15rem}.info-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.info-item{align-items:flex-start;gap:.75rem;display:flex}.icon-sub{color:var(--primary);margin-top:.2rem}.info-item label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.1rem;font-size:.8rem;font-weight:600;display:block}.info-item p{color:var(--text-main);font-size:1.05rem;font-weight:600}.client-header{align-items:center;gap:1rem;display:flex}.client-avatar{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.client-core h4{margin-bottom:.2rem;font-size:1.2rem}.client-core span{color:var(--text-muted);font-size:.9rem}.notes-box{border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#92400e;background:#f59e0b1a;border-left:4px solid #f59e0b;margin-top:1.5rem;padding:1rem;font-size:.95rem}.services-table{flex-direction:column;display:flex}.service-row{border-bottom:1px dashed var(--border-color);justify-content:space-between;padding:1rem 0;display:flex}.svc-name{flex:2;align-items:center;gap:.5rem;font-weight:500;display:flex}.svc-dur{color:var(--text-muted);flex:1;font-size:.95rem}.svc-price{text-align:right;flex:1;font-weight:600}.service-total-row{color:var(--primary);justify-content:space-between;padding-top:1rem;font-size:1.2rem;font-weight:700;display:flex}.priority-card{border:2px solid #6366f126}.unassigned-warning{border-radius:var(--radius-sm);text-align:center;background:#fef2f2;border:1px dashed #ef4444;padding:1.5rem}.icon-warn{color:#ef4444;margin-bottom:.5rem}.unassigned-warning p{color:#b91c1c;margin-bottom:.25rem;font-weight:700}.unassigned-warning span{color:#991b1b;font-size:.85rem}.staff-roster{flex-direction:column;gap:.75rem;display:flex}.staff-token{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#00000005;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.staff-info{flex-direction:column;display:flex}.role-tag{color:var(--secondary);text-transform:uppercase;font-size:.75rem;font-weight:600}.btn-remove-staff{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.btn-remove-staff:hover{color:#fff;background:#ef4444}.btn-outline-primary{color:var(--primary);border:2px dashed var(--primary);background:0 0;justify-content:center;margin-top:1rem}.btn-outline-primary:hover{background:#6366f10d}.assign-form{border-radius:var(--radius-sm);background:#00000005;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem;display:flex}.input-select{border:1px solid var(--border-color);border-radius:4px;padding:.5rem;font-family:inherit}.assign-actions{gap:.5rem;margin-top:.5rem;display:flex}.btn-sm{padding:.4rem .75rem;font-size:.85rem}.error-note{color:#ef4444;text-align:center;font-size:.85rem;font-weight:500}.subtext{color:var(--text-muted);margin-top:-1rem;margin-bottom:1rem;font-size:.85rem}.status-action-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.btn-action{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.75rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.status-2{color:#0369a1;background:#e0f2fe}.status-2:hover{color:#fff;background:#0284c7}.status-3{color:#047857;background:#d1fae5}.status-3:hover{color:#fff;background:#059669}.status-5{color:#374151;background:#f3f4f6}.status-5:hover{color:#fff;background:#4b5563}.status-4{color:#b91c1c;background:#fee2e2}.status-4:hover{color:#fff;background:#dc2626}@media (width<=768px){.info-grid{grid-template-columns:1fr;gap:1rem}.status-action-grid{grid-template-columns:1fr}.client-header{flex-wrap:wrap}.service-row{flex-direction:column;align-items:flex-start;gap:.5rem}.svc-price{text-align:left;width:100%}}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:12px;width:100%;max-width:380px;display:flex;position:fixed;top:90px;right:24px}.toast{background:var(--bg-surface);border:1px solid var(--border-color);pointer-events:all;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 8px 32px #0000001f}.toast-icon{flex-shrink:0}.toast-message{color:var(--text-main);flex:1;font-size:.9rem;font-weight:500;line-height:1.4}.toast-close{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.toast-close:hover{color:var(--text-main);background:#00000014}.toast-success{background:linear-gradient(135deg, var(--bg-surface) 0%, #10b9810d 100%);border-color:#10b9814d}.toast-success .toast-icon{color:#10b981}.toast-error{background:linear-gradient(135deg, var(--bg-surface) 0%, #ef44440d 100%);border-color:#ef44444d}.toast-error .toast-icon{color:#ef4444}.toast-warning{background:linear-gradient(135deg, var(--bg-surface) 0%, #f59e0b0d 100%);border-color:#f59e0b4d}.toast-warning .toast-icon{color:#f59e0b}.toast-info{background:linear-gradient(135deg, var(--bg-surface) 0%, #3b82f60d 100%);border-color:#3b82f64d}.toast-info .toast-icon{color:#3b82f6}@media (width<=768px){.toast-container{max-width:none;inset:auto 16px 24px}}.plan-usage-container{flex-direction:column;gap:1.5rem;display:flex}.plan-card{border-radius:var(--radius-md,12px);align-items:center;gap:1rem;padding:1.5rem;display:flex}.plan-card-icon{width:56px;height:56px;color:var(--primary);background:#6366f11a;border-radius:50%;justify-content:center;align-items:center;display:flex}.plan-card h3{margin:0;font-size:1.3rem}.usage-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.usage-card{border-radius:var(--radius-md,12px);padding:1.25rem}.usage-card-header{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:flex}.usage-numbers{align-items:baseline;gap:.35rem;margin-bottom:.75rem;display:flex}.usage-numbers strong{font-size:1.5rem}.usage-bar-track{background:#0000000f;border-radius:999px;width:100%;height:8px;overflow:hidden}.usage-bar-fill{border-radius:999px;height:100%;transition:width .4s}.usage-ok{background:var(--success)}.usage-warning{background:var(--warning)}.usage-full{background:var(--danger)}.usage-unlimited{background:var(--secondary)}