:root{--bg-primary: #0f0f13;--bg-secondary: #16161d;--bg-card: #1c1c26;--bg-hover: #22222e;--border: #2a2a38;--border-light: #333344;--text-primary: #f0f0f5;--text-secondary: #9090a8;--text-muted: #5a5a70;--accent: #6366f1;--accent-hover: #5254cc;--accent-light: rgba(99, 102, 241, .12);--success: #10b981;--success-light: rgba(16, 185, 129, .12);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .12);--danger: #ef4444;--danger-light: rgba(239, 68, 68, .12);--pink: #ec4899;--pink-light: rgba(236, 72, 153, .12);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--transition: .18s ease;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;min-width:220px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 12px;gap:4px}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:8px 12px 20px;font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.sidebar-logo .logo-icon{width:32px;height:32px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.sidebar-section{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:12px 12px 4px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:13.5px;font-weight:500;transition:all var(--transition);cursor:pointer;border:none;background:none;width:100%;text-align:left}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-light);color:var(--accent)}.sidebar-link svg{width:16px;height:16px;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:56px;min-height:56px;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar-title{font-size:15px;font-weight:600;color:var(--text-primary)}.topbar-actions{display:flex;align-items:center;gap:12px}.page-content{flex:1;overflow-y:auto;padding:24px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;cursor:pointer;border:none;transition:all var(--transition);white-space:nowrap;text-decoration:none;font-family:var(--font)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--danger-light);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-sm{padding:5px 10px;font-size:12.5px}.btn-icon{padding:7px;border-radius:var(--radius-sm)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color var(--transition)}.card:hover{border-color:var(--border-light)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:14px;font-weight:600;color:var(--text-primary)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all var(--transition)}.kpi-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow)}.kpi-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.kpi-value{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;line-height:1}.kpi-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:12.5px;font-weight:500;color:var(--text-secondary)}.input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13.5px;padding:9px 12px;outline:none;transition:border-color var(--transition);font-family:var(--font);width:100%}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.input::placeholder{color:var(--text-muted)}select.input{cursor:pointer}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:11.5px;font-weight:500}.badge-scheduled{background:var(--accent-light);color:var(--accent)}.badge-confirmed,.badge-completed{background:var(--success-light);color:var(--success)}.badge-cancelled{background:var(--danger-light);color:var(--danger)}.badge-no_show{background:var(--warning-light);color:var(--warning)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:16px;font-weight:600;color:var(--text-primary)}.modal-body{display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.table-wrapper{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}table{width:100%;border-collapse:collapse}th{background:var(--bg-secondary);padding:10px 16px;text-align:left;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border)}td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:13.5px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:9999}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-lg);min-width:280px;animation:slideInRight .25s ease;font-size:13.5px;font-weight:500}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--accent)}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.calendar-grid{display:grid;grid-template-columns:60px repeat(7,1fr);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.calendar-header{background:var(--bg-secondary);padding:12px 8px;text-align:center;font-size:12px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border)}.calendar-header.today{color:var(--accent)}.time-label{padding:4px 8px 0;font-size:11px;color:var(--text-muted);text-align:right;border-right:1px solid var(--border);display:flex;align-items:flex-start;height:48px}.calendar-cell{height:48px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);position:relative;cursor:pointer;transition:background var(--transition)}.calendar-cell:hover{background:var(--accent-light)}.calendar-cell.has-appointment{cursor:default}.appointment-block{position:absolute;inset:2px;border-radius:4px;padding:4px 6px;font-size:11px;font-weight:500;overflow:hidden;cursor:pointer;transition:opacity var(--transition);z-index:1}.appointment-block:hover{opacity:.85}.prof-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.prof-tab{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);transition:all var(--transition)}.prof-tab:hover{border-color:var(--border-light);color:var(--text-primary)}.prof-tab.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.prof-dot{width:8px;height:8px;border-radius:50%}.date-nav{display:flex;align-items:center;gap:12px}.date-nav-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.date-nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-muted{color:var(--text-secondary)}.text-sm{font-size:12.5px}.font-semibold{font-weight:600}.w-full{width:100%}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.mobile-bottom-nav{display:none}@media(max-width:768px){.app-layout{flex-direction:column;height:100dvh;overflow:hidden}.sidebar{display:none}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-bottom:60px}.topbar{height:52px;min-height:52px;padding:0 16px}.topbar-title{font-size:15px}.topbar-actions .text-sm{display:none}.page-content{padding:16px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-secondary);border-top:1px solid var(--border);z-index:200;align-items:stretch}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--text-muted);font-size:10px;font-weight:500;cursor:pointer;border:none;background:none;transition:color var(--transition),background var(--transition);padding:8px 4px;font-family:var(--font)}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--accent);background:var(--accent-light)}.mobile-nav-item svg{width:20px;height:20px;flex-shrink:0}.modal-overlay{align-items:flex-end}.modal{max-width:100%;width:100%;max-height:92dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:20px 16px;animation:slideUpModal .25s ease}.card{padding:14px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.kpi-value{font-size:22px}.grid-2,.grid-3{grid-template-columns:1fr}.calendar-grid{grid-template-columns:44px repeat(var(--visible-days, 3),1fr);font-size:12px}.time-label{padding:0 4px;font-size:10px;height:44px}.calendar-cell{height:44px}.calendar-header{padding:10px 4px;font-size:11px}.appointment-block{font-size:10px;padding:2px 4px}.prof-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.prof-tabs::-webkit-scrollbar{display:none}.prof-tab{flex-shrink:0;padding:5px 12px;font-size:12px}.toast-container{bottom:72px;right:16px;left:16px}.toast{min-width:unset;width:100%}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{padding:8px 10px;font-size:12.5px}.modal-footer{flex-direction:column-reverse;gap:8px}.modal-footer .btn{width:100%;justify-content:center}#mobile-logout-btn{display:flex!important}.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(60px + env(safe-area-inset-bottom))}.main-content{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}@media(max-width:360px){.page-content{padding:12px}.kpi-grid{grid-template-columns:1fr}.kpi-value{font-size:20px}.mobile-nav-item span{display:none}.mobile-bottom-nav{height:52px}.main-content{padding-bottom:52px}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.filters{display:flex;align-items:center;gap:12px}.ob-page{min-height:100dvh;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;padding:40px 24px 60px}.ob-logo{display:flex;align-items:center;gap:10px;margin-bottom:40px}.ob-logo-icon{width:36px;height:36px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f166;flex-shrink:0}.ob-logo-text{font-size:18px;font-weight:700;letter-spacing:-.3px}.ob-container{width:100%;max-width:480px;transition:max-width .2s ease}.ob-container.ob-wide{max-width:600px}.ob-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:40px;overflow:hidden}.ob-step-item{display:flex;align-items:center}.ob-step-bubble-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.ob-step-bubble{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;transition:all .3s ease;flex-shrink:0}.ob-step-bubble.done{background:var(--success);border:2px solid var(--success);color:#fff}.ob-step-bubble.active{background:var(--accent);border:2px solid var(--accent);color:#fff}.ob-step-bubble.pending{background:var(--bg-hover);border:2px solid var(--border);color:var(--text-muted)}.ob-step-label{font-size:11px;font-weight:500;white-space:nowrap;color:var(--text-muted)}.ob-step-label.active{color:var(--text-primary)}.ob-step-connector{width:60px;height:2px;margin:0 4px 20px;transition:background .3s ease;flex-shrink:0}.ob-step-connector.done{background:var(--success)}.ob-step-connector.pending{background:var(--border)}.ob-card{padding:32px}.ob-card-title{font-size:20px;font-weight:700;margin-bottom:6px;letter-spacing:-.3px}.ob-card-subtitle{color:var(--text-secondary);font-size:13.5px;margin-bottom:24px}.ob-nav{display:flex;gap:8px;justify-content:space-between;margin-top:4px}.ob-register-form{display:flex;flex-direction:column;gap:16px}.ob-segment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.ob-segment-btn{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);padding:20px 12px;cursor:pointer;text-align:center;transition:all .2s ease;font-family:var(--font)}.ob-segment-btn:hover{border-color:var(--border-light)}.ob-segment-icon{width:44px;height:44px;border-radius:12px;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;transition:all .2s ease}.ob-segment-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.ob-segment-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.ob-services-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;max-height:380px;overflow-y:auto;padding-right:2px}.ob-service-row{display:flex;flex-direction:column;gap:10px;background:var(--bg-secondary);border-radius:var(--radius);padding:14px;border:1px solid var(--border);transition:border-color var(--transition)}.ob-service-row:focus-within{border-color:var(--border-light)}.ob-service-name-row{display:flex;align-items:center;gap:8px}.ob-service-name-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px;font-weight:600;font-family:var(--font);padding:0}.ob-service-name-input::placeholder{color:var(--text-muted);font-weight:400}.ob-service-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ob-service-field{display:flex;flex-direction:column;gap:5px}.ob-service-field-label{font-size:10.5px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.ob-service-field-input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;color:var(--text-primary);font-size:15px;font-weight:700;font-family:var(--font);outline:none;width:100%;transition:border-color var(--transition)}.ob-service-field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.ob-service-meta{display:flex;align-items:center;gap:4px}.ob-prof-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.ob-prof-row{display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:12px 14px;border:1px solid var(--border)}.ob-color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.2);cursor:pointer;position:relative;flex-shrink:0}.ob-color-swatch input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.ob-color-presets{display:flex;gap:4px}.ob-color-dot{width:16px;height:16px;border-radius:50%;cursor:pointer;transition:border .15s}.ob-trash-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ob-trash-btn:hover{color:var(--danger)}.ob-done-center{text-align:center}.ob-done-icon{width:72px;height:72px;border-radius:50%;background:var(--success-light);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:fadeIn .5s ease}.ob-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;text-align:left}@media(max-width:640px){.ob-page{padding:24px 16px 40px}.ob-logo{margin-bottom:24px}.ob-logo-text{font-size:16px}.ob-steps{margin-bottom:28px}.ob-step-label{display:none}.ob-step-connector{width:28px;margin:0 2px}.ob-step-bubble{width:28px;height:28px;font-size:12px}.ob-step-bubble-wrap{gap:0}.ob-card{padding:20px 16px}.ob-card-title{font-size:17px}.ob-segment-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ob-segment-btn{padding:14px 10px}.ob-segment-icon{width:36px;height:36px;border-radius:10px;margin-bottom:8px}.ob-segment-desc{display:none}.ob-service-row{padding:12px}.ob-color-presets{display:none}.ob-summary-grid{grid-template-columns:1fr}.ob-nav{flex-direction:column-reverse;gap:8px}.ob-nav .btn{width:100%;justify-content:center}}@media(max-width:360px){.ob-segment-grid{grid-template-columns:1fr 1fr;gap:8px}.ob-card{padding:16px 12px}}.pb-page{min-height:100dvh;background:linear-gradient(135deg,#0f172a,#1e1b4b);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px 80px}.pb-card{width:100%;max-width:700px;background:#0f172a;border:1px solid #1e293b;border-radius:20px;padding:28px;box-shadow:0 25px 50px #00000080}.pb-center{text-align:center}.pb-loading{text-align:center;color:#94a3b8;padding:40px}.pb-muted{color:#94a3b8}.pb-company-header{width:100%;max-width:600px;margin:0 auto 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.pb-company-logo{width:80px;height:80px;border-radius:16px;object-fit:cover;box-shadow:0 10px 25px #0000004d;border:2px solid rgba(255,255,255,.1)}.pb-company-name{font-size:28px;font-weight:800;margin:0;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.3)}.pb-company-desc{color:#94a3b8;font-size:15px;line-height:1.6;margin:0 auto;max-width:90%;text-align:center}.pb-company-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px}.pb-meta-item{background:#ffffff0d;padding:6px 12px;border-radius:20px;font-size:12px;color:#cbd5e1;border:1px solid rgba(255,255,255,.1)}.pb-prof-header{display:flex;align-items:center;gap:14px}.pb-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.pb-avatar-lg{width:52px;height:52px;font-size:22px;font-weight:800}.pb-prof-name{font-weight:700;font-size:16px;color:#f1f5f9}.pb-title{font-size:20px;font-weight:700;color:#f1f5f9;margin:0;line-height:1.2}.pb-week-nav{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px;gap:8px}.pb-week-label{font-weight:600;font-size:14px;color:#cbd5e1;text-align:center;flex:1}.pb-day-slide-nav{display:none;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.pb-nav-btn{background:#1e293b;border:1px solid #334155;border-radius:8px;color:#94a3b8;cursor:pointer;padding:6px 10px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.pb-nav-btn:hover:not(:disabled){background:#334155;color:#f1f5f9}.pb-nav-btn:disabled{opacity:.3;cursor:not-allowed}.pb-nav-btn-sm{padding:4px 8px}.pb-day-grid{display:grid;gap:6px}.pb-day-col{min-width:0}.pb-day-header{text-align:center;padding:6px 4px;border-radius:8px;margin-bottom:6px;background:transparent;transition:background .15s}.pb-today{background:#6366f126}.pb-day-name{font-size:11px;color:#64748b;text-transform:uppercase;font-weight:600;letter-spacing:.3px}.pb-day-num{font-size:18px;font-weight:700;color:#cbd5e1;line-height:1.2}.pb-today .pb-day-num{color:#818cf8}.pb-slots{display:flex;flex-direction:column;gap:4px}.pb-no-slots{font-size:11px;text-align:center;color:#334155;padding:4px 0}.pb-slot{padding:7px 4px;border-radius:6px;font-size:12px;font-weight:600;text-align:center;border:none;transition:all .15s;cursor:pointer;width:100%;font-family:inherit;line-height:1}.pb-slot-free{background:#6366f126;color:#818cf8;cursor:pointer}.pb-slot-free:hover{background:#6366f159;color:#a5b4fc;transform:translateY(-1px)}.pb-slot-busy{background:#1e293b;color:#334155;cursor:not-allowed}.pb-legend{display:flex;gap:16px;margin-top:20px;font-size:12px;color:#64748b}.pb-legend-item{display:flex;align-items:center;gap:6px}.pb-legend-dot{display:inline-block;width:10px;height:10px;border-radius:3px;flex-shrink:0}.pb-legend-free{background:#6366f14d}.pb-legend-busy{background:#1e293b;border:1px solid #334155}.pb-success-icon{width:72px;height:72px;border-radius:50%;background:#10b98126;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.pb-success-title{font-size:22px;font-weight:700;color:#f1f5f9;margin-bottom:8px}.pb-summary-box{background:#1e293b;border-radius:12px;padding:16px 20px;text-align:left;line-height:1.9;font-size:14px;color:#cbd5e1}.pb-summary-box strong{color:#f1f5f9}.pb-success-details{background:#1e293b;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.pb-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;border-bottom:1px solid #334155;padding-bottom:12px}.pb-detail-row:last-child{border-bottom:none;padding-bottom:0}.pb-detail-label{color:#94a3b8}.pb-detail-value{color:#f1f5f9;font-weight:600;text-align:right}.pb-services-list{display:flex;flex-direction:column;gap:10px}.pb-service-item{display:flex;align-items:center;gap:12px;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:10px;cursor:pointer;transition:all .2s;position:relative}.pb-service-item:hover{background:#243045}.pb-service-item.selected{border-color:#6366f1;background:#6366f114;background:color-mix(in srgb,var(--pb-primary, #6366f1) 10%,transparent)}.pb-service-name{color:#f1f5f9;font-size:14px}.pb-service-meta{margin-top:2px}.pb-radio-circle{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.pb-form{display:flex;flex-direction:column;gap:14px;margin-top:4px}.pb-field{display:flex;flex-direction:column;gap:6px}.pb-label{font-size:13px;font-weight:600;color:#94a3b8}.pb-input{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:11px 14px;color:#f1f5f9;font-size:14px;outline:none;width:100%;font-family:inherit;transition:border-color .15s}.pb-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.pb-input::placeholder{color:#475569}.pb-error{background:#ef44441a;border:1px solid #ef4444;border-radius:8px;padding:10px 14px;color:#ef4444;font-size:13px}.pb-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;padding:14px 24px;font-weight:700;font-size:15px;cursor:pointer;width:100%;font-family:inherit;transition:opacity .15s,transform .15s}.pb-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pb-btn:disabled{opacity:.6;cursor:not-allowed}.pb-back-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:13px;margin-bottom:16px;padding:0;font-family:inherit;transition:color .15s}.pb-back-btn:hover{color:#f1f5f9}@media(max-width:640px){.pb-page{padding:0;align-items:center;flex-direction:column;justify-content:flex-start}.pb-company-header{padding:24px 20px 0;margin-bottom:24px;max-width:100%}.pb-company-logo{width:64px;height:64px;border-radius:14px}.pb-company-name{font-size:24px}.pb-company-desc{font-size:14px}.pb-card{border-radius:0;border-left:none;border-right:none;border-top:none;padding:20px 16px 32px;min-height:100dvh}.pb-title{font-size:17px}.pb-week-label{font-size:13px}.pb-day-slide-nav{display:flex}.pb-day-name{font-size:10px}.pb-day-num{font-size:15px}.pb-slot{padding:9px 2px;font-size:11px}.pb-summary-box{padding:12px 14px;font-size:13px}.pb-success-title{font-size:19px}}@media(max-width:360px){.pb-card{padding:16px 12px 28px}.pb-avatar-lg{width:40px;height:40px;font-size:16px}.pb-title{font-size:15px}.pb-slot{font-size:10px}}