:root{--bg-root: #0a0a0f;--bg-surface: #131320;--bg-elevated: #1a1a2e;--bg-input: #1e1e35;--border-subtle: rgba(255, 255, 255, .08);--border-input: rgba(255, 255, 255, .12);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .55);--text-placeholder: rgba(255, 255, 255, .32);--purple: #7c5cfc;--purple-hover: #8e72ff;--red: #e5484d;--red-hover: #eb5e63;--blue: #3b82f6;--salex-green: #0aa35f;--salex-green-deep: #037a45;--salex-green-light: #8bf0a9;--green: #23c483;--green-soft: rgba(10, 163, 95, .16);--gold: #f2b84b;--purple-gradient: linear-gradient(180deg, #78efa0 0%, #0aa35f 52%, #037a45 100%);--purple-gradient-hover: linear-gradient(180deg, #a4f7ba 0%, #13b76e 52%, #078a51 100%);--red-gradient: linear-gradient(180deg, #ef5f5f 0%, #d63b3f 100%);--red-gradient-hover: linear-gradient(180deg, #f47272 0%, #e5484d 100%);--blue-gradient: linear-gradient(180deg, #5b9aff 0%, #2563eb 100%);--blue-gradient-hover: linear-gradient(180deg, #6da6ff 0%, #3b82f6 100%);--atmosphere-glow: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(124, 92, 252, .08) 0%, transparent 70%);--atmosphere-shimmer: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(139, 240, 169, .12) 0%, rgba(10, 163, 95, .06) 42%, transparent 68%);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-3xl: 38px;--radius-full: 9999px;--shadow-button: 0 1px 2px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .04) inset;--shadow-card: 0 1px 3px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-modal: 0 24px 48px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-glow: 0 0 32px rgba(124, 92, 252, .12);--shadow-inset-subtle: rgba(255, 255, 255, .04) 0 1px 0 0 inset;--shadow-inset-glow: rgba(124, 92, 252, .06) 0 0 0 1px inset;--font-family: "Supreme", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Chubbo", "Supreme", Inter, sans-serif;--text-body: 14px;--leading-body: 1.5;--text-heading: 20px;--leading-heading: 1.25;--tracking-heading: -.3px;--text-heading-lg: 32px;--leading-heading-lg: 1.13;--tracking-heading-lg: -1.12px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--transition: .15s ease}*{box-sizing:border-box}html{background:var(--bg-root)}body{margin:0;min-width:320px;font-family:var(--font-family);font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-primary);background:var(--atmosphere-shimmer),radial-gradient(circle at 100% 0%,rgba(139,240,169,.12),transparent 28%),radial-gradient(circle at 0% 100%,rgba(3,122,69,.1),transparent 30%),var(--bg-root);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;letter-spacing:var(--tracking-heading);line-height:var(--leading-heading)}strong{color:var(--text-primary);font-weight:600}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s ease}.app-shell.sidebar-collapsed{grid-template-columns:88px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:var(--spacing-20);background:radial-gradient(circle at 50% 0%,rgba(139,240,169,.14),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.045),transparent),#131320db;border-right:1px solid var(--border-subtle);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow-y:auto;transition:width .2s ease,transform .2s ease,padding .2s ease}.sidebar.open{width:280px}.sidebar.collapsed{width:88px;padding-inline:var(--spacing-12)}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-12);margin-bottom:var(--spacing-24)}.brand{display:inline-flex;align-items:center;gap:var(--spacing-8);font-family:var(--font-heading);font-size:26px;letter-spacing:-.7px;color:var(--text-primary);min-width:0}.brand img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(139,240,169,.22));flex:0 0 auto}.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .brand span,.sidebar.collapsed .sidebar-heading,.sidebar.collapsed .nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.sidebar.collapsed .sidebar-top{justify-content:center}.sidebar.collapsed .sidebar-toggle{position:absolute;right:-13px;top:24px;z-index:3}.sidebar-section+.sidebar-section{margin-top:var(--spacing-20)}.sidebar-heading{margin:0 0 var(--spacing-8);color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:var(--spacing-10, 10px);min-height:40px;padding:10px 12px;color:var(--text-secondary);border:1px solid transparent;border-radius:var(--radius-md);transition:all var(--transition)}.nav-icon{display:grid;place-items:center;width:26px;height:26px;color:var(--salex-green-light);font-weight:800;background:#8bf0a914;border:1px solid rgba(139,240,169,.12);border-radius:var(--radius-md);flex:0 0 auto}.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-link.active,.nav-link:hover{color:var(--text-primary);background:#8bf0a91a;border-color:#8bf0a92e;box-shadow:#0aa35f1f 0 0 0 1px inset}.nav-link.active .nav-icon,.nav-link:hover .nav-icon{color:#07120d;background:linear-gradient(180deg,var(--salex-green-light),var(--salex-green));border-color:#ffffff2e}.main-area{min-width:0;padding:var(--spacing-20) var(--spacing-28) var(--spacing-40)}.top-header{position:sticky;top:var(--spacing-16);z-index:10;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--spacing-16);margin-bottom:var(--spacing-28);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-header h2{font-size:var(--text-heading)}.user-chip,.chip{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 12px;color:var(--text-primary);background:#ffffff0f;border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-button)}.auth-brand{display:inline-flex;align-items:center;gap:var(--spacing-10, 10px);margin-bottom:var(--spacing-20);color:var(--salex-green-light);font-weight:800;letter-spacing:.02em}.auth-brand img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(139,240,169,.2))}.page-content{max-width:1480px;padding-bottom:var(--spacing-40)}.card{color:var(--text-primary);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-20);transition:all var(--transition)}.card:hover{background:linear-gradient(180deg,rgba(255,255,255,.045),transparent),var(--bg-elevated);border-color:#ffffff24;box-shadow:var(--shadow-card-hover)}.stack{display:grid;gap:var(--spacing-16)}.stack-lg{display:grid;gap:var(--spacing-24)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--spacing-12)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-12)}.list{display:grid;gap:var(--spacing-12)}.list-row{display:flex;align-items:center;gap:var(--spacing-12)}.list-row.between,.between{justify-content:space-between}.gap{gap:var(--spacing-12)}.page-header{display:flex;align-items:end;justify-content:space-between;gap:var(--spacing-20);padding:var(--spacing-8) 0 var(--spacing-4)}.page-header h1{font-size:var(--text-heading-lg);line-height:var(--leading-heading-lg);letter-spacing:var(--tracking-heading-lg)}.page-header p{max-width:620px;margin-top:var(--spacing-8);color:var(--text-secondary)}.page-header-actions{display:flex;gap:var(--spacing-12);align-items:center}.field{display:grid;gap:var(--spacing-8)}.field-label{color:var(--text-secondary);font-size:13px;font-weight:500}.input,.form-input,.form-select{width:100%;min-height:42px;padding:10px 14px;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);outline:none;transition:all var(--transition)}.form-input::placeholder{color:var(--text-placeholder)}.form-input:focus,.form-select:focus,.input:focus{border-color:#7c5cfc80;box-shadow:0 0 0 3px #7c5cfc1f}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--spacing-40);background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 12px) 18px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:10px 20px;color:var(--text-primary);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-button);transition:all var(--transition)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn-primary{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);background:var(--purple-gradient);border:1px solid rgba(255,255,255,.1)}.btn-primary:hover{background:var(--purple-gradient-hover);border-color:#ffffff26}.btn-danger{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);background:var(--red-gradient);border:1px solid rgba(255,255,255,.1)}.btn-danger:hover{background:var(--red-gradient-hover)}.btn-info{color:#fff;background:var(--blue-gradient);border:1px solid rgba(255,255,255,.1)}.btn-info:hover{background:var(--blue-gradient-hover)}.btn-secondary{color:var(--text-primary);background:#2a2a3e;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#33334a}.btn-ghost{min-height:34px;padding:8px 16px;color:var(--text-primary);font-size:13px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.btn-ghost:hover{background:#ffffff1a}.btn-outline{min-height:34px;padding:7px 14px;color:var(--text-primary);font-size:13px;background:transparent;border:1px solid var(--border-input)}.btn-outline:hover{background:#ffffff0d}.btn-cta{min-height:34px;padding:8px 16px;color:#fff;font-size:13px;font-weight:700;background:var(--purple)}.btn-cta:hover{background:var(--purple-hover)}.btn-full,.w-full{width:100%}.icon-btn{width:34px;min-width:34px;height:34px;padding:0}.mobile-menu-btn.btn,.mobile-close.btn,.nav-backdrop{display:none}.status-pill{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-full);border:1px solid transparent}.status-success{color:#6af0b0;background:#23c4831f;border-color:#23c4833d}.status-danger{color:#ff8a8e;background:#e5484d24;border-color:#e5484d47}.status-warning{color:#ffd184;background:#f2b84b24;border-color:#f2b84b42}.status-neutral{color:var(--text-secondary);background:#ffffff0f;border-color:var(--border-subtle)}.calendar-card,.list>.card,.list>.list-item-link{position:relative;overflow:hidden;min-height:104px;padding-left:var(--spacing-24)}.calendar-card:before,.list>.card:before,.list>.list-item-link:before{position:absolute;top:var(--spacing-16);bottom:var(--spacing-16);left:var(--spacing-12);width:3px;content:"";background:linear-gradient(180deg,var(--green),var(--purple));border-radius:var(--radius-full);box-shadow:0 0 18px #23c48338}.booking-card{width:100%;text-align:left;cursor:pointer}.booking-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-12);margin-bottom:var(--spacing-12)}.booking-card h4{margin-top:var(--spacing-4);font-size:18px}.calendar-time{color:var(--green);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.booking-service{color:var(--text-primary);font-weight:600}.booking-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-8);margin-top:var(--spacing-12);color:var(--text-secondary);font-size:13px}.booking-meta span{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-full)}.bookings-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.8fr);gap:var(--spacing-20);align-items:start}.detail-panel{position:sticky;top:118px;height:fit-content}.detail-panel p+p{margin-top:var(--spacing-8)}.timeline-calendar{position:relative;overflow:hidden;padding:0;color:#14141a;background:linear-gradient(180deg,#fffffff5,#fafafbfa),#fff;border-color:#13131614;border-radius:var(--radius-2xl)}.timeline-calendar:hover{background:linear-gradient(180deg,#fffffffa,#fafafb),#fff}.timeline-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-20);padding:var(--spacing-28) var(--spacing-32) var(--spacing-16);border-bottom:1px solid #ececf0}.timeline-kicker{margin-bottom:var(--spacing-4);color:#8d8e98;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.timeline-calendar-header h2{display:flex;align-items:baseline;gap:var(--spacing-12);color:#111116;font-size:48px;line-height:1;letter-spacing:-1.6px}.timeline-calendar-header h2 span{color:#9394a1;font-family:var(--font-family);font-size:18px;font-weight:700;letter-spacing:0}.timeline-header-actions{display:flex;align-items:center;gap:var(--spacing-12)}.timeline-date-badge{display:grid;place-items:center;width:56px;height:56px;color:#111116;font-size:24px;font-weight:800;background:#efeff2;border:1px solid #d8d8df;border-radius:18px;box-shadow:0 2px #13131629}.timeline-date-strip{display:grid;grid-auto-columns:minmax(72px,1fr);grid-auto-flow:column;gap:var(--spacing-8);overflow-x:auto;padding:var(--spacing-16) var(--spacing-32);border-bottom:1px solid #ececf0}.timeline-date-chip{display:grid;gap:3px;justify-items:center;min-height:64px;padding:var(--spacing-8);color:#8f909a;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);transition:all var(--transition)}.timeline-date-chip:hover{background:#f2f2f5}.timeline-date-chip span{font-size:13px;font-weight:700}.timeline-date-chip strong{display:grid;place-items:center;min-width:38px;height:38px;padding:0 var(--spacing-8);color:#16161c;font-size:20px;border-radius:13px}.timeline-date-chip.today:not(.active) strong{color:var(--green)}.timeline-date-chip.active span{color:#111116}.timeline-date-chip.active strong{color:#fff;background:#f0552f;box-shadow:0 8px 22px #f0552f47}.timeline-toolbar,.timeline-all-day-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center}.timeline-toolbar{gap:var(--spacing-16);padding:var(--spacing-12) var(--spacing-24);color:#8f909a;border-bottom:1px solid #ececf0}.timeline-zoom-control{justify-self:end;display:inline-flex;align-items:center;gap:var(--spacing-8);padding:5px;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-card)}.timeline-zoom-control strong{min-width:48px;color:var(--text-primary);font-size:12px;text-align:center;text-transform:uppercase}.timeline-all-day-row{min-height:44px;color:#8f909a;border-bottom:1px solid #ececf0}.timeline-all-day-row span{padding-right:var(--spacing-12);font-size:15px;text-align:right}.timeline-all-day-row div{height:100%;border-left:1px solid #ececf0}.timeline-scroll{max-height:min(72vh,900px);overflow-y:auto;background:linear-gradient(90deg,transparent 71px,#ececf0 72px,transparent 73px),#fff}.timeline-grid{position:relative;min-width:620px}.timeline-hour-row{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);width:100%;padding:0;text-align:left;cursor:pointer;background:transparent;border:0}.timeline-hour-row span{position:relative;top:-9px;padding-right:var(--spacing-12);color:#8f909a;font-size:15px;font-weight:600;text-align:right}.timeline-hour-row i{display:block;height:1px;background:#ececf0}.timeline-hour-row:hover{background:linear-gradient(90deg,transparent 0 72px,rgba(124,92,252,.05) 72px)}.timeline-now-line{position:absolute;left:0;right:0;z-index:30;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;pointer-events:none}.timeline-now-line span{color:#0d0d12;font-size:15px;font-weight:800;text-align:right;padding-right:var(--spacing-8);font-variant-numeric:tabular-nums}.timeline-now-line i{height:3px;background:#111116;border-radius:var(--radius-full);box-shadow:0 0 0 1px #11111614}.timeline-booking-block{position:absolute;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;overflow:hidden;padding:var(--spacing-8) var(--spacing-12);color:#111116;text-align:left;cursor:pointer;border:1px solid rgba(19,19,22,.08);border-left-width:5px;border-radius:var(--radius-lg);box-shadow:0 10px 30px #13131614;transition:all var(--transition)}.timeline-booking-block:hover,.timeline-booking-block.selected{transform:translateY(-1px);box-shadow:0 14px 38px #13131624}.timeline-booking-block>div:first-child{min-width:0}.timeline-booking-block strong,.timeline-booking-block span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-booking-block strong{color:#111116;font-size:14px}.timeline-booking-block span{color:#686a76;font-size:12px;font-weight:600}.timeline-booking-block>div:last-child{display:grid;justify-items:end;gap:3px;flex:0 0 auto}.timeline-booking-block b{color:inherit;font-size:13px}.timeline-booking-pending{background:#fff6df;border-left-color:#d49a25}.timeline-booking-confirmed{background:#e8fbf2;border-left-color:#12a36d}.timeline-booking-completed{background:#dcf7eb;border-left-color:#078b59}.timeline-booking-muted,.timeline-booking-neutral{background:#f1f1f4;border-left-color:#9b9ca8}.timeline-empty-sheet{position:sticky;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16);min-height:116px;margin-top:max(260px,28vh);padding:var(--spacing-24) var(--spacing-32);color:#8f909a;background:#fffffff0;border:1px solid #e5e5e9;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:0 -16px 40px #1313161f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.timeline-empty-handle{position:absolute;top:12px;left:50%;width:76px;height:7px;background:#d8d8df;border-radius:var(--radius-full);transform:translate(-50%)}.timeline-empty-sheet h3{color:#8f909a;font-family:var(--font-family);font-size:28px;letter-spacing:-.6px}.timeline-empty-sheet p{margin-top:var(--spacing-4);color:#a0a1aa}.timeline-floating-plus{display:grid;place-items:center;width:64px;height:64px;color:#fff;font-size:42px;line-height:1;cursor:pointer;background:#8f909a;border:0;border-radius:var(--radius-full);box-shadow:0 10px 22px #13131633;transition:all var(--transition)}.timeline-floating-plus:hover{background:var(--purple);transform:translateY(-1px)}.state-card{display:grid;gap:var(--spacing-12);justify-items:center;min-height:180px;padding:var(--spacing-32);color:var(--text-secondary);text-align:center}.state-card h3{color:var(--text-primary)}.error-state{border-color:#e5484d47;background:radial-gradient(circle at 50% 0%,rgba(229,72,77,.12),transparent 48%),var(--bg-surface)}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.metric-card{min-height:132px;display:grid;align-content:space-between}.metric-label{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.metric-card h3{margin-top:var(--spacing-8);font-size:30px;letter-spacing:-.7px}.metric-hint,.muted{color:var(--text-secondary)}.metric-hint{margin-top:var(--spacing-8);font-size:13px}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-12);margin-top:var(--spacing-16)}.chip{min-height:36px;color:var(--text-primary);transition:all var(--transition)}.chip:hover{background:var(--green-soft);border-color:#23c4834d;transform:translateY(-1px)}.banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-12);padding:14px 18px;color:var(--text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.success-banner{background:#0aa35f24;border:1px solid rgba(139,240,169,.22)}.error-banner{background:#e5484d24;border:1px solid rgba(229,72,77,.28)}.form-grid{display:grid;gap:var(--spacing-12)}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--spacing-8)}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-8)}.checkbox-card{display:flex;align-items:center;gap:var(--spacing-8);min-height:42px;padding:10px 12px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition)}.checkbox-card:hover{color:var(--text-primary);border-color:#8bf0a938;background:#0aa35f1a}.checkbox-card input{accent-color:var(--salex-green)}.checkbox-card.compact{min-height:38px;padding:8px 10px}.working-hours-grid{display:grid;gap:var(--spacing-8)}.working-hour-row{display:grid;grid-template-columns:88px minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-8);align-items:center}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:flex-end;pointer-events:none;background:#0000;opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:opacity .2s ease,background .2s ease,backdrop-filter .2s ease}.drawer-backdrop.open{pointer-events:all;background:#0009;opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.drawer{width:min(480px,100%);height:100%;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl) 0 0 var(--radius-xl);box-shadow:var(--shadow-modal);transform:translate(24px) scale(.98);transition:transform .2s ease}.drawer-wide{width:min(760px,100%)}.drawer-checkout{width:min(560px,100%)}.drawer-backdrop.open .drawer{transform:translate(0) scale(1)}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16);margin-bottom:var(--spacing-20);padding-bottom:var(--spacing-16);border-bottom:1px solid var(--border-subtle)}.section-kicker{margin-bottom:var(--spacing-8);color:var(--text-secondary);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.booking-detail-drawer{display:flex;flex-direction:column}.booking-detail-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-20);padding:var(--spacing-20);background:radial-gradient(circle at 12% 0%,rgba(139,240,169,.14),transparent 38%),#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.booking-detail-hero h2{margin-top:var(--spacing-12);font-size:30px;letter-spacing:-.8px}.booking-detail-hero p{margin-top:var(--spacing-8);color:var(--text-secondary)}.booking-detail-total{min-width:144px;padding:var(--spacing-16);text-align:right;background:var(--green-soft);border:1px solid rgba(139,240,169,.18);border-radius:var(--radius-xl)}.booking-detail-total span{display:block;color:var(--text-secondary);font-size:12px;font-weight:700;text-transform:uppercase}.booking-detail-total strong{display:block;margin-top:var(--spacing-4);color:var(--salex-green-light);font-size:30px;line-height:1}.booking-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-12);margin-top:var(--spacing-16)}.booking-detail-section{padding:var(--spacing-16);background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.booking-detail-section h3{font-family:var(--font-family);font-size:18px;font-weight:800;letter-spacing:-.2px}.booking-call-link{width:fit-content;margin-top:var(--spacing-12)}.booking-items-section{margin-top:var(--spacing-16)}.booking-items-list,.checkout-items-list{display:grid;gap:var(--spacing-8)}.booking-item-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16);padding:var(--spacing-12);color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.booking-item-row strong{color:var(--text-primary)}.booking-detail-actions{display:flex;gap:var(--spacing-12);margin-top:var(--spacing-20)}.checkout-amount-card{display:grid;justify-items:center;gap:var(--spacing-8);padding:var(--spacing-32) var(--spacing-20);text-align:center;background:radial-gradient(circle at 50% 0%,rgba(139,240,169,.16),transparent 48%),#ffffff0a;border:1px solid rgba(139,240,169,.16);border-radius:var(--radius-2xl)}.checkout-amount-card p,.checkout-amount-card span{color:var(--text-secondary);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.checkout-amount-card strong{color:var(--salex-green-light);font-size:56px;line-height:1}.checkout-info-card{display:flex;flex-wrap:wrap;gap:var(--spacing-8);justify-content:center;margin:var(--spacing-16) 0;color:var(--text-secondary)}.checkout-info-card span{padding:7px 12px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-full)}.payment-target-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-12);margin:var(--spacing-20) 0}.payment-target-card{display:grid;place-items:center;gap:var(--spacing-8);min-height:112px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px dashed var(--border-input);border-radius:var(--radius-xl);transition:all var(--transition)}.payment-target-card span{display:grid;place-items:center;width:42px;height:42px;color:var(--salex-green-light);font-size:20px;background:var(--green-soft);border-radius:var(--radius-full)}.payment-target-card strong{color:inherit}.payment-target-card:hover,.payment-target-card.active{color:var(--text-primary);background:#0aa35f1f;border-color:#8bf0a957;border-style:solid;transform:translateY(-1px)}.auth-page{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(320px,440px) minmax(320px,520px);gap:var(--spacing-24);align-items:center;justify-content:center;padding:var(--spacing-40);overflow:hidden}.auth-page:before{position:absolute;inset:8% 8% auto;height:560px;pointer-events:none;content:"";background:var(--atmosphere-glow)}.auth-card,.auth-side{position:relative;width:100%;min-height:360px}.qr-login-panel{display:grid;gap:var(--spacing-16);width:100%}.qr-card,.qr-placeholder{display:grid;justify-items:center;gap:var(--spacing-12);padding:var(--spacing-20);text-align:center;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.qr-card svg{width:188px;height:188px;background:#fff;border-radius:var(--radius-lg)}.qr-card p,.qr-placeholder p{color:var(--text-secondary)}.qr-card span{color:var(--salex-green-light);font-size:13px;font-weight:700}.qr-placeholder span{display:grid;place-items:center;width:88px;height:88px;color:var(--salex-green-light);font-size:44px;background:var(--green-soft);border-radius:var(--radius-2xl)}.qr-actions{display:flex;gap:var(--spacing-12)}.auth-card{border-radius:var(--radius-2xl)}.auth-card h1{margin-bottom:var(--spacing-8);font-size:36px;letter-spacing:-1.2px}.auth-side{display:grid;align-content:center;gap:var(--spacing-16);background:radial-gradient(circle at 20% 20%,rgba(124,92,252,.18),transparent 36%),radial-gradient(circle at 90% 75%,rgba(35,196,131,.14),transparent 32%),var(--bg-surface);border-radius:var(--radius-2xl)}.error-text{color:#ff8a8e;font-size:13px}.list-item-link{display:block}.list-unstyled{display:grid;gap:var(--spacing-12);padding:0;margin:var(--spacing-16) 0 0;list-style:none}ul{margin:var(--spacing-12) 0 0;color:var(--text-secondary)}body.nav-open{overflow:hidden}@media (max-width: 1100px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar,.sidebar.collapsed,.sidebar.open{position:fixed;inset:0 auto 0 0;z-index:80;width:min(320px,88vw);height:100dvh;padding:var(--spacing-20);transform:translate(-105%);border-right:1px solid rgba(139,240,169,.14)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed .brand span,.sidebar.collapsed .sidebar-heading,.sidebar.collapsed .nav-label{position:static;width:auto;height:auto;overflow:visible;clip:auto}.sidebar.collapsed .sidebar-top{justify-content:space-between}.sidebar-toggle.btn{display:none}.mobile-close.btn{display:inline-flex}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:block;pointer-events:none;cursor:pointer;background:#0000;border:0;opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:opacity .2s ease,background .2s ease,backdrop-filter .2s ease}.nav-backdrop.show{pointer-events:all;background:#0000009e;opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-btn.btn{display:inline-flex}.top-header{top:var(--spacing-12);grid-template-columns:auto minmax(0,1fr) auto}.bookings-layout{grid-template-columns:1fr}.detail-panel{position:static}}@media (max-width: 760px){:root{--text-heading-lg: 28px}.main-area{padding:var(--spacing-12)}.top-header{align-items:start;gap:var(--spacing-12);padding:var(--spacing-12)}.top-header h2{font-size:17px}.top-header .muted{max-width:100%;font-size:12px}.user-chip{max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-content{padding-bottom:var(--spacing-24)}.page-header{display:grid;align-items:start;gap:var(--spacing-16)}.page-header h1{font-size:28px}.page-header-actions,.page-header-actions .btn{width:100%}.list-row{align-items:flex-start;flex-direction:column}.metrics-grid,.card-grid{grid-template-columns:1fr}.card,.state-card{padding:var(--spacing-16);border-radius:var(--radius-xl)}.timeline-calendar{margin-inline:calc(var(--spacing-12) * -1);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.timeline-calendar-header{align-items:flex-start;flex-direction:column;padding:var(--spacing-20) var(--spacing-16) var(--spacing-12)}.timeline-calendar-header h2{font-size:38px}.timeline-header-actions{width:100%;justify-content:space-between}.timeline-date-badge{width:50px;height:50px;font-size:22px}.timeline-date-strip{grid-auto-columns:62px;padding:var(--spacing-12) var(--spacing-16)}.timeline-toolbar{grid-template-columns:1fr;gap:var(--spacing-10, 10px);padding:var(--spacing-12) var(--spacing-16)}.timeline-zoom-control{justify-self:start;max-width:100%;overflow-x:auto}.timeline-scroll{max-height:68dvh;overflow:auto}.timeline-grid{min-width:540px}.timeline-booking-block{align-items:flex-start;flex-direction:column;gap:2px}.timeline-booking-block>div:last-child{display:flex;align-items:center;justify-items:start;gap:var(--spacing-8)}.timeline-empty-sheet{min-height:108px;margin-top:max(220px,26vh);padding:var(--spacing-24) var(--spacing-16) var(--spacing-16)}.timeline-empty-sheet h3{font-size:22px}.timeline-floating-plus{width:54px;height:54px;font-size:34px}.drawer{width:100%;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:92dvh;height:auto}.drawer-backdrop{align-items:flex-end}.booking-detail-hero,.booking-detail-actions{flex-direction:column}.booking-detail-total{width:100%;text-align:left}.booking-detail-grid,.payment-target-grid{grid-template-columns:1fr}.checkout-amount-card{padding:var(--spacing-24) var(--spacing-16)}.checkout-amount-card strong{font-size:44px}.auth-page{grid-template-columns:1fr;padding:var(--spacing-20);align-items:start}.auth-card,.auth-side{min-height:auto}}@media (max-width: 460px){.main-area{padding:var(--spacing-8)}.top-header{grid-template-columns:auto minmax(0,1fr)}.user-chip{grid-column:1 / -1;max-width:100%}.page-header h1{font-size:25px}.timeline-calendar-header h2{font-size:32px}.timeline-header-actions{align-items:stretch;flex-direction:column}.timeline-header-actions .btn{width:100%}.timeline-grid{min-width:500px}}
