:root{--brand-gradient: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);--brand-gradient-hover: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--brand-50: #eff6ff;--brand-100: rgba(59, 130, 246, .12);--brand-200: #bfdbfe;--brand-300: #93c5fd;--brand-400: #60a5fa;--brand-500: #3b82f6;--brand-600: #2563eb;--brand-700: #1d4ed8;--brand-800: #1e40af;--brand-900: #1e3a8a;--brand-ring: 0 0 0 3px rgba(59, 130, 246, .4);--brand-shadow: 0 2px 8px rgba(59, 130, 246, .3);--brand-shadow-lg: 0 4px 12px rgba(59, 130, 246, .4);--status-success-bg: rgba(34, 197, 94, .12);--status-success-text: #15803d;--status-success-border: rgba(34, 197, 94, .3);--status-warning-bg: rgba(245, 158, 11, .14);--status-warning-text: #92400e;--status-warning-border: rgba(245, 158, 11, .3);--status-error-bg: rgba(239, 68, 68, .12);--status-error-text: #991b1b;--status-error-border: rgba(239, 68, 68, .3);--status-info-bg: rgba(59, 130, 246, .12);--status-info-text: #1e40af;--status-info-border: rgba(59, 130, 246, .3);--status-neutral-bg: rgba(148, 163, 184, .18);--status-neutral-text: #334155;--status-neutral-border: rgba(148, 163, 184, .4);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--z-dropdown: 100;--z-sticky: 200;--z-navbar: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-chat-bubble: 600;--z-toast: 700;--z-loader: 9999}:root.dark,[data-theme=dark]{--brand-100: rgba(59, 130, 246, .2);--status-success-bg: rgba(34, 197, 94, .2);--status-success-text: #4ade80;--status-warning-bg: rgba(245, 158, 11, .2);--status-warning-text: #fbbf24;--status-error-bg: rgba(239, 68, 68, .2);--status-error-text: #f87171;--status-info-bg: rgba(59, 130, 246, .2);--status-info-text: #60a5fa;--status-neutral-bg: rgba(148, 163, 184, .25);--status-neutral-text: #94a3b8}.btn-primary,.xp-btn-primary{background:var(--brand-gradient);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;box-shadow:var(--brand-shadow);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover,.xp-btn-primary:hover{background:var(--brand-gradient-hover);box-shadow:var(--brand-shadow-lg);transform:translateY(-1px)}.btn-primary:focus,.xp-btn-primary:focus{outline:none;box-shadow:var(--brand-ring)}.btn-primary:disabled,.xp-btn-primary:disabled{background:linear-gradient(135deg,#93c5fd,#bfdbfe);opacity:.7;cursor:not-allowed;transform:none}.btn-secondary,.xp-btn-secondary{background:transparent;color:var(--brand-500);border:2px solid var(--brand-400);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-secondary:hover,.xp-btn-secondary:hover{background:var(--brand-100);border-color:var(--brand-500)}.btn-secondary:focus,.xp-btn-secondary:focus{outline:none;box-shadow:var(--brand-ring)}.btn-ghost,.xp-btn-ghost{background:transparent;color:var(--status-neutral-text);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-ghost:hover,.xp-btn-ghost:hover{background:var(--status-neutral-bg)}.status-badge,.xp-status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;line-height:1;gap:.375rem}.status-badge--pending,.xp-status-badge--pending{background:var(--status-warning-bg);color:var(--status-warning-text);border:1px solid var(--status-warning-border)}.status-badge--confirmed,.xp-status-badge--confirmed{background:var(--status-info-bg);color:var(--status-info-text);border:1px solid var(--status-info-border)}.status-badge--paid,.xp-status-badge--paid{background:var(--status-success-bg);color:var(--status-success-text);border:1px solid var(--status-success-border)}.status-badge--completed,.xp-status-badge--completed{background:var(--status-info-bg);color:var(--status-info-text);border:1px solid var(--status-info-border)}.status-badge--rejected,.xp-status-badge--rejected,.status-badge--cancelled,.xp-status-badge--cancelled{background:var(--status-error-bg);color:var(--status-error-text);border:1px solid var(--status-error-border)}.status-badge--expired,.xp-status-badge--expired,.status-badge--archived,.xp-status-badge--archived{background:var(--status-neutral-bg);color:var(--status-neutral-text);border:1px solid var(--status-neutral-border)}.status-badge--waiting_list,.xp-status-badge--waiting_list{background:var(--status-info-bg);color:var(--status-info-text);border:1px solid var(--status-info-border)}.calendar-slot,.xp-calendar-slot{border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.8125rem;transition:all .15s ease;cursor:default}.slot-available,.xp-slot-available{background:var(--brand-100);border:2px solid var(--brand-400);color:var(--brand-600);cursor:pointer}.slot-available:hover,.xp-slot-available:hover{background:var(--brand-gradient);color:#fff;transform:scale(1.02)}.slot-booked,.xp-slot-booked{background:var(--status-info-bg);border:1px solid var(--status-info-border);color:var(--status-info-text);cursor:not-allowed}.slot-hold,.xp-slot-hold{background:var(--status-warning-bg);border:1px solid var(--status-warning-border);color:var(--status-warning-text);cursor:not-allowed}.slot-unavailable,.xp-slot-unavailable{background:var(--status-neutral-bg);border:1px solid var(--status-neutral-border);color:var(--status-neutral-text);cursor:not-allowed;opacity:.7}.xp-card{background:#fff;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a;padding:var(--spacing-lg);transition:box-shadow .2s ease}.xp-card:hover{box-shadow:0 4px 12px #0000001a}.xp-card--clickable{cursor:pointer}.xp-kpi-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:var(--spacing-sm)}.xp-kpi-card__icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.xp-kpi-card__value{font-size:1.5rem;font-weight:700;color:#111827}.xp-kpi-card__label{font-size:.875rem;color:#6b7280}.xp-kpi-card__trend{font-size:.75rem;display:flex;align-items:center;gap:.25rem}.xp-kpi-card__trend--up{color:var(--status-success-text)}.xp-kpi-card__trend--down{color:var(--status-error-text)}.xp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.xp-empty-state__icon{width:4rem;height:4rem;color:#9ca3af;margin-bottom:var(--spacing-md)}.xp-empty-state__title{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:var(--spacing-sm)}.xp-empty-state__description{font-size:.875rem;color:#6b7280;max-width:20rem;margin-bottom:var(--spacing-lg)}.xp-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.xp-skeleton--text{height:1rem;width:100%}.xp-skeleton--text-sm{height:.75rem;width:60%}.xp-skeleton--avatar{width:2.5rem;height:2.5rem;border-radius:50%}.xp-skeleton--card{height:8rem;width:100%}.xp-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.xp-modal{background:#fff;border-radius:var(--radius-xl);box-shadow:0 25px 50px #00000040;max-width:32rem;width:100%;max-height:90vh;overflow:auto;z-index:var(--z-modal)}.xp-modal__header{padding:var(--spacing-lg);border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.xp-modal__title{font-size:1.125rem;font-weight:600;color:#111827}.xp-modal__close{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;border-radius:var(--radius-md);transition:background .2s}.xp-modal__close:hover{background:#f3f4f6}.xp-modal__body{padding:var(--spacing-lg)}.xp-modal__footer{padding:var(--spacing-lg);border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.xp-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:var(--radius-md);font-size:.875rem;transition:border-color .2s,box-shadow .2s}.xp-input:focus{outline:none;border-color:var(--brand-500);box-shadow:var(--brand-ring)}.xp-input--error{border-color:#ef4444}.xp-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:var(--spacing-xs)}.xp-textarea{min-height:5rem;resize:vertical}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem;animation:scaleIn .6s ease .2s both}.stat-card{background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);border-radius:1.5rem;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000000a,0 0 0 1px #ffffff80 inset;position:relative;overflow:hidden;cursor:pointer}.stat-card:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,var(--stat-color, #3b82f6) 0%,transparent 70%);opacity:.08;transform:translate(40%,-40%);transition:all .4s ease}.stat-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--stat-color, #3b82f6),transparent);opacity:0;transition:opacity .4s ease}.stat-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001a,0 0 0 1px #6366f11a inset;border-color:var(--stat-color, #3b82f6)}.stat-card:hover:before{opacity:.15;transform:translate(30%,-30%) scale(1.2)}.stat-card:hover:after{opacity:1}.stat-icon{width:70px;height:70px;border-radius:1.25rem;background:linear-gradient(135deg,var(--stat-color, #3b82f6),color-mix(in srgb,var(--stat-color, #3b82f6) 80%,#000 20%));opacity:.15;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:all .4s ease}.stat-card:hover .stat-icon{opacity:.2;transform:rotate(-5deg) scale(1.1)}.stat-icon svg{color:var(--stat-color, #3b82f6);position:relative;z-index:1;width:32px;height:32px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.stat-content{flex:1;min-width:0}.stat-value{font-size:2.5rem;font-weight:800;color:#0f172a;line-height:1;margin-bottom:.625rem;letter-spacing:-.02em;transition:color .3s ease}.stat-card:hover .stat-value{color:var(--stat-color, #3b82f6)}.stat-label{font-size:.9375rem;color:#64748b;font-weight:600;letter-spacing:.01em;text-transform:uppercase}.stat-trend{display:inline-flex;align-items:center;gap:.375rem;margin-top:.75rem;padding:.375rem .75rem;border-radius:.75rem;font-size:.8125rem;font-weight:700;letter-spacing:.01em;transition:all .3s ease}.stat-trend.positive{color:#10b981;background:linear-gradient(135deg,#10b98126,#10b98114);border:1px solid rgba(16,185,129,.2)}.stat-trend.negative{color:#f59e0b;background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border:1px solid rgba(245,158,11,.2)}.stat-card:hover .stat-trend{transform:scale(1.05)}.stat-card.clickable{cursor:pointer}.stat-card.clickable:active{transform:translateY(-2px) scale(.98)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;gap:2rem;padding:2rem;background:linear-gradient(135deg,#fffffff2,#fffc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #0000000f;animation:slideIn .6s ease}.header-content{flex:1}.page-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin:0 0 .75rem;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.page-subtitle{font-size:1.125rem;color:#64748b;margin:0;font-weight:500}.header-actions{display:flex;align-items:center;gap:1rem}.content-section{background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.8);border-radius:1.5rem;padding:2rem;box-shadow:0 4px 16px #0000000a,0 0 0 1px #ffffff80 inset;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.content-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#a78bfa);opacity:0;transition:opacity .4s ease}.content-section:hover{transform:translateY(-4px);box-shadow:0 12px 32px #3b82f61f,0 0 0 1px #3b82f61a inset}.content-section:hover:before{opacity:1}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.section-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border:none;border-radius:1rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #3b82f64d;white-space:nowrap;text-decoration:none;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #3b82f666}.btn-primary:active{transform:translateY(-1px) scale(.98)}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#fffffff2,#ffffffd9);color:#3b82f6;border:2px solid #3b82f6;border-radius:1rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-secondary:hover{background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f640}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:1.5rem;box-shadow:0 4px 16px #0000000a}.spinner{width:48px;height:48px;border:4px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:1.5rem;font-size:1rem;color:#64748b;font-weight:500}.error-banner,.success-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:1rem;font-size:.9375rem;margin-bottom:2rem;animation:slideIn .3s ease}.error-banner{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.3);color:#ef4444}.success-banner{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.3);color:#10b981}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;border-radius:1.5rem;box-shadow:0 4px 16px #0000000a;text-align:center}.empty-icon{color:#cbd5e1;margin-bottom:1.5rem}.empty-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.empty-description{font-size:1.125rem;color:#64748b;margin:0 0 2rem;max-width:400px}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.stat-card{padding:1.5rem}.stat-icon{width:60px;height:60px}.stat-value{font-size:2rem}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch;padding:1.5rem;gap:1.5rem}.page-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.25rem}.stat-icon{width:50px;height:50px}.stat-icon svg{width:24px;height:24px}.stat-value{font-size:1.75rem}.stat-label{font-size:.8125rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}@media (prefers-color-scheme: dark){.stat-card{background:linear-gradient(135deg,#1e293bf2,#1e293bd9);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0003,0 0 0 1px #ffffff0d inset}.stat-card:hover{box-shadow:0 20px 40px #0000004d,0 0 0 1px #6366f133 inset}.stat-value{color:#fff}.stat-card:hover .stat-value{color:var(--stat-color, #60a5fa)}.stat-label{color:#fff9}.stat-icon svg{color:var(--stat-color, #60a5fa)}.page-header{background:linear-gradient(135deg,#1e293bf2,#1e293bd9);border:1px solid rgba(255,255,255,.08)}.page-title{color:#fff}.page-subtitle{color:#fff9}.content-section{background:linear-gradient(135deg,#1e293bf2,#1e293bd9);border:1px solid rgba(255,255,255,.08)}.section-title{color:#fff}}.scrollbar-horizontal-hover,.kpi-stats-grid,.filter-tabs,.horizontal-scroll{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}.scrollbar-horizontal-hover:hover,.kpi-stats-grid:hover,.filter-tabs:hover,.horizontal-scroll:hover{scrollbar-color:rgba(59,130,246,.4) rgba(0,0,0,.05)}.scrollbar-horizontal-hover::-webkit-scrollbar,.kpi-stats-grid::-webkit-scrollbar,.filter-tabs::-webkit-scrollbar,.horizontal-scroll::-webkit-scrollbar{height:6px}.scrollbar-horizontal-hover::-webkit-scrollbar-track,.kpi-stats-grid::-webkit-scrollbar-track,.filter-tabs::-webkit-scrollbar-track,.horizontal-scroll::-webkit-scrollbar-track{background:transparent;border-radius:3px;transition:background .3s ease}.scrollbar-horizontal-hover:hover::-webkit-scrollbar-track,.kpi-stats-grid:hover::-webkit-scrollbar-track,.filter-tabs:hover::-webkit-scrollbar-track,.horizontal-scroll:hover::-webkit-scrollbar-track{background:#0000000d}.scrollbar-horizontal-hover::-webkit-scrollbar-thumb,.kpi-stats-grid::-webkit-scrollbar-thumb,.filter-tabs::-webkit-scrollbar-thumb,.horizontal-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .3s ease}.scrollbar-horizontal-hover:hover::-webkit-scrollbar-thumb,.kpi-stats-grid:hover::-webkit-scrollbar-thumb,.filter-tabs:hover::-webkit-scrollbar-thumb,.horizontal-scroll:hover::-webkit-scrollbar-thumb{background:#3b82f666}.scrollbar-horizontal-hover::-webkit-scrollbar-thumb:hover,.kpi-stats-grid::-webkit-scrollbar-thumb:hover,.filter-tabs::-webkit-scrollbar-thumb:hover,.horizontal-scroll::-webkit-scrollbar-thumb:hover{background:#3b82f699}.scrollbar-thin,.messages-list,.conversations-list,.table-container,.modal-content{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) rgba(0,0,0,.05)}.scrollbar-thin::-webkit-scrollbar,.messages-list::-webkit-scrollbar,.conversations-list::-webkit-scrollbar,.table-container::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:8px}.scrollbar-thin::-webkit-scrollbar-track,.messages-list::-webkit-scrollbar-track,.conversations-list::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.scrollbar-thin::-webkit-scrollbar-thumb,.messages-list::-webkit-scrollbar-thumb,.conversations-list::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:4px;transition:background .3s ease}.scrollbar-thin::-webkit-scrollbar-thumb:hover,.messages-list::-webkit-scrollbar-thumb:hover,.conversations-list::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:#3b82f680}@media (prefers-color-scheme: dark){.scrollbar-horizontal-hover:hover,.kpi-stats-grid:hover,.filter-tabs:hover,.horizontal-scroll:hover{scrollbar-color:rgba(59,130,246,.5) rgba(255,255,255,.05)}.scrollbar-horizontal-hover:hover::-webkit-scrollbar-track,.kpi-stats-grid:hover::-webkit-scrollbar-track,.filter-tabs:hover::-webkit-scrollbar-track,.horizontal-scroll:hover::-webkit-scrollbar-track{background:#ffffff0d}.scrollbar-horizontal-hover:hover::-webkit-scrollbar-thumb,.kpi-stats-grid:hover::-webkit-scrollbar-thumb,.filter-tabs:hover::-webkit-scrollbar-thumb,.horizontal-scroll:hover::-webkit-scrollbar-thumb{background:#3b82f680}.scrollbar-thin,.messages-list,.conversations-list,.table-container,.modal-content{scrollbar-color:rgba(59,130,246,.4) rgba(255,255,255,.05)}.scrollbar-thin::-webkit-scrollbar-track,.messages-list::-webkit-scrollbar-track,.conversations-list::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:#ffffff0d}.scrollbar-thin::-webkit-scrollbar-thumb,.messages-list::-webkit-scrollbar-thumb,.conversations-list::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:#3b82f666}.scrollbar-thin::-webkit-scrollbar-thumb:hover,.messages-list::-webkit-scrollbar-thumb:hover,.conversations-list::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:#3b82f699}}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;letter-spacing:.025em;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;white-space:nowrap}.badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.badge svg{width:12px;height:12px;flex-shrink:0}.client-tier-badge,.badge-tier{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.client-tier-badge:hover,.badge-tier:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.client-tier-badge.tier-gold,.client-tier-badge.tier-vip,.badge-tier-gold,.badge-tier-vip{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;border:1px solid #f59e0b}.client-tier-badge.tier-silver,.client-tier-badge.tier-premium,.badge-tier-silver,.badge-tier-premium{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151;border:1px solid #9ca3af}.client-tier-badge.tier-bronze,.client-tier-badge.tier-standard,.badge-tier-bronze,.badge-tier-standard{background:linear-gradient(135deg,#fed7aa,#fb923c);color:#7c2d12;border:1px solid #f97316}.client-tier-badge svg,.badge-tier svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.priority-badge,.badge-priority{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.priority-badge:hover,.badge-priority:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.priority-badge.urgent,.badge-priority-urgent{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1px solid #fca5a5}.priority-badge.very_urgent,.badge-priority-critical{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #f87171;animation:priority-pulse 2s infinite}@keyframes priority-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.status-badge,.badge-status{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px #00000014}.status-badge.success,.status-badge.active,.status-badge.confirmed,.badge-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #34d399}.status-badge.warning,.status-badge.pending,.badge-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24}.status-badge.danger,.status-badge.cancelled,.status-badge.error,.badge-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #f87171}.status-badge.info,.status-badge.processing,.badge-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #60a5fa}.history-badge,.history-timeline-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3;border:1px solid #a5b4fc}.rescheduled-badge,.badge-rescheduled{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24;box-shadow:0 2px 4px #fbbf2433}.rescheduled-badge svg,.badge-rescheduled svg{width:12px;height:12px;color:#d97706}.unread-badge,.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:.125rem .5rem;background:#3b82f6;color:#fff;font-size:.75rem;font-weight:600;border-radius:1rem;text-align:center}.badge-new{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-weight:700;font-size:.625rem;padding:.25rem .5rem;border-radius:.375rem;text-transform:uppercase;letter-spacing:.05em;animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.7}}.badge-sm{padding:.25rem .5rem;font-size:.6875rem}.badge-lg{padding:.5rem 1rem;font-size:.875rem}@media (prefers-color-scheme: dark){.badge{box-shadow:0 2px 4px #0000004d}.status-badge.success,.badge-success{background:linear-gradient(135deg,#10b98133,#10b98126);color:#34d399;border-color:#34d39966}.status-badge.warning,.badge-warning{background:linear-gradient(135deg,#fbbf2433,#fbbf2426);color:#fbbf24;border-color:#fbbf2466}.status-badge.danger,.badge-danger{background:linear-gradient(135deg,#ef444433,#ef444426);color:#f87171;border-color:#f8717166}.status-badge.info,.badge-info{background:linear-gradient(135deg,#3b82f633,#3b82f626);color:#60a5fa;border-color:#60a5fa66}}:root{--theme-bg-primary: #ffffff;--theme-bg-secondary: #f8fafc;--theme-bg-tertiary: #f1f5f9;--theme-bg-card: rgba(255, 255, 255, .8);--theme-border-color: rgba(0, 0, 0, .08);--theme-text-primary: #1e293b;--theme-text-secondary: rgba(30, 41, 59, .7);--theme-text-muted: rgba(30, 41, 59, .5);--theme-accent-primary: #3b82f6;--theme-accent-secondary: #60a5fa;--theme-danger: #ef4444;--theme-nav-bg: linear-gradient(to top, rgba(255, 255, 255, .98), rgba(255, 255, 255, .95));--theme-sidebar-bg: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--theme-overlay-bg: rgba(0, 0, 0, .3);--theme-grid-color: rgba(59, 130, 246, .06);--theme-orb-opacity: .15;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--theme-bg-primary: #0f172a;--theme-bg-secondary: #1e293b;--theme-bg-tertiary: #334155;--theme-bg-card: rgba(30, 41, 59, .5);--theme-border-color: rgba(255, 255, 255, .08);--theme-text-primary: #ffffff;--theme-text-secondary: rgba(255, 255, 255, .7);--theme-text-muted: rgba(255, 255, 255, .5);--theme-accent-primary: #3b82f6;--theme-accent-secondary: #60a5fa;--theme-danger: #ef4444;--theme-nav-bg: linear-gradient(to top, rgba(15, 23, 42, .98), rgba(15, 23, 42, .95));--theme-sidebar-bg: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);--theme-overlay-bg: rgba(0, 0, 0, .6);--theme-grid-color: rgba(59, 130, 246, .15);--theme-orb-opacity: .2}}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;background:linear-gradient(180deg,var(--theme-bg-primary) 0%,var(--theme-bg-secondary) 50%,var(--theme-bg-primary) 100%);color:var(--theme-text-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto!important;-webkit-overflow-scrolling:touch}body.modal-open{overflow-y:scroll!important}.modal-overlay{overflow-y:auto;overscroll-behavior:contain}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--theme-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--theme-grid-color) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 30s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.global-orb{position:fixed;border-radius:50%;filter:blur(60px);opacity:var(--theme-orb-opacity);pointer-events:none;z-index:0}.global-orb-1{width:400px;height:400px;background:linear-gradient(135deg,#3b82f6,#60a5fa);top:-200px;left:-200px}.global-orb-2{width:500px;height:500px;background:linear-gradient(135deg,#2563eb,#60a5fa);bottom:-250px;right:-250px}.global-orb-3{width:300px;height:300px;background:linear-gradient(135deg,#3b82f6,#60a5fa);top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,30px) scale(.9)}75%{transform:translate(30px,50px) scale(1.05)}}app-root{display:block;position:relative;z-index:1;min-height:100%}html{min-height:100vh;min-height:100dvh}@supports (padding: env(safe-area-inset-bottom)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}*{-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media (max-width: 1023px){body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}}.mobile-card{background:var(--theme-bg-card);border:1px solid var(--theme-border-color);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 768px){.mobile-card{border-radius:20px;padding:20px}}.has-bottom-nav{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.touch-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:#ffffff1a;border-radius:8px;animation:skeleton-pulse 1.5s infinite ease-in-out}@media (prefers-color-scheme: dark){.kpi-card,.appointment-card,.filter-tabs,.pagination,.empty-state,.loading-container,.tab-content,.card,.info-card,.content-card,.detail-card,.data-card,.modal-content,.dropdown-menu,.search-container,.thread-item,.message-area,.threads-list,.sidebar-panel,.list-item,.table-container,.form-container{border-color:#ffffff14!important;color:var(--theme-text-primary)}.kpi-value,.stat-value,.card-title,.page-title,.section-title,.consultant-info h3,.appointment-client,.client-name,.title,.thread-name,.header-title,.empty-title,.modal-title,h1,h2,h3,h4,h5,h6{color:#fff!important}.kpi-label,.stat-label,.card-subtitle,.page-subtitle,.detail-row,.appointment-subject,.consultant-email,.meta-item,.thread-preview,.notes,.company,.empty-description{color:#ffffffb3}table thead,.appointments-table thead{background:#1e293bcc!important}table th,.appointments-table th{color:#fff9!important;border-bottom-color:#ffffff1a!important}table td,.appointments-table td{border-bottom-color:#ffffff0d!important;color:#fffc}table tr:hover,.appointments-table tr:hover{background:#33415580!important}.tabs{border-bottom-color:#ffffff1a!important}.tab,.tab-btn{color:#fff9}.tab:hover,.tab-btn:hover{background:#ffffff0d;color:#fff}.tab.active,.tab-btn.active{color:#60a5fa;border-bottom-color:#60a5fa}.btn-detail,.btn-secondary{background:#334155cc!important;color:#fffc!important;border-color:#ffffff1a!important}.btn-detail:hover,.btn-secondary:hover{background:#475569e6!important;color:#fff!important}.pagination-btn{background:#334155cc;color:#fffc}.pagination-btn:hover:not(:disabled){background:#475569e6}input,textarea,select{background:#1e293bcc!important;border-color:#ffffff1a!important;color:#fff!important}input::placeholder,textarea::placeholder{color:#fff6!important}.appointment-actions,.appointment-meta,.detail-divider,.section-divider,hr{border-color:#ffffff14!important}.appointment-card:hover,.kpi-card:hover,.list-item:hover,.thread-item:hover{background:linear-gradient(135deg,#334155f2,#334155d9)!important;border-color:var(--theme-accent-primary)!important}.kpi-icon svg,.detail-row .icon,.meta-item svg,.empty-icon{color:#fff9}.modal-content,.popup-content,.dialog-content{background:#1e293b!important;border-color:#ffffff1a!important}.modal-header,.popup-header{border-bottom-color:#ffffff1a!important}.modal-header h3,.popup-title{color:#f1f5f9!important}.config-card,.day-slots-panel,.recurring-slots-section{background:#1e293bcc!important;border-color:#ffffff1a!important}.config-label,.slots-section h4,.day-label{color:#f1f5f9!important}.config-note{color:#94a3b8!important}.day-btn,.duration-btn{background:#1e293be6!important;border-color:#ffffff26!important;color:#94a3b8!important}.day-btn:hover,.duration-btn:hover{border-color:#3b82f6!important;color:#60a5fa!important;background:#3b82f626!important}.day-btn.active,.duration-btn.selected{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:#2563eb!important;color:#fff!important}.recurrence-type-select,.recurrence-value-select,.recurrence-date-input,.weeks-select{background:#1e293be6!important;border-color:#ffffff26!important;color:#f1f5f9!important}.recurrence-type-select option,.recurrence-value-select option,.weeks-select option{background:#1e293b!important;color:#f1f5f9!important}.slot-chip{background:linear-gradient(135deg,#3b82f633,#2563eb33)!important;border-color:#3b82f666!important;color:#60a5fa!important}.occ-value{color:#f1f5f9!important}.summary-item{background:#1e293be6!important;border-color:#22c55e4d!important;color:#34d399!important}.summary-item strong{color:#4ade80!important}.no-slots-hint{color:#64748b!important}.add-slot-inline{border-top-color:#ffffff1a!important}.time-field label{color:#94a3b8!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--theme-bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:5px;border:2px solid var(--theme-bg-secondary);transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#3b82f6)}::-webkit-scrollbar-corner{background:var(--theme-bg-secondary)}*{scrollbar-width:thin;scrollbar-color:#3b82f6 var(--theme-bg-secondary)}.modal-content::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb{border-width:1px}@media (prefers-color-scheme: dark){::-webkit-scrollbar-track{background:#0f172acc}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-color:#0f172acc}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#60a5fa,#a78bfa)}::-webkit-scrollbar-corner{background:#0f172acc}*{scrollbar-color:#3b82f6 rgba(15,23,42,.8)}}.shepherd-modal-overlay-container{z-index:9998!important}.shepherd-modal-overlay-container.shepherd-modal-is-visible{opacity:.7;background-color:#0009}.shepherd-element{z-index:9999!important;max-width:420px;border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;animation:shepherdFadeIn .3s ease-out}@keyframes shepherdFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.shepherd-content{background:linear-gradient(135deg,var(--theme-bg-primary) 0%,var(--theme-bg-secondary) 100%);border:1px solid var(--theme-border-color);border-radius:16px;overflow:hidden}.shepherd-header{padding:20px 24px 12px;background:transparent;border-bottom:none}.shepherd-title{font-size:1.25rem;font-weight:700;color:var(--theme-text-primary);line-height:1.4}.shepherd-cancel-icon{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ef44441a;border:none;cursor:pointer;transition:all .2s ease;font-size:20px;color:var(--theme-text-muted)}.shepherd-cancel-icon:hover{background:#ef444433;color:var(--theme-danger);transform:scale(1.1)}.shepherd-text{padding:0 24px 16px;color:var(--theme-text-secondary);font-size:.95rem;line-height:1.6}.shepherd-text p{margin:0 0 12px}.shepherd-progress{margin-top:16px;padding-top:12px;border-top:1px solid var(--theme-border-color)}.shepherd-progress-text{display:block;font-size:.75rem;color:var(--theme-text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.shepherd-progress-bar{height:4px;background:var(--theme-bg-tertiary);border-radius:2px;overflow:hidden}.shepherd-progress-fill{height:100%;background:linear-gradient(90deg,var(--theme-accent-primary),var(--theme-accent-secondary));border-radius:2px;transition:width .3s ease}.shepherd-footer{padding:16px 24px 20px;display:flex;justify-content:flex-end;gap:10px;background:transparent;border-top:none}.shepherd-button{padding:10px 20px;font-size:.875rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.shepherd-button-primary{background:linear-gradient(135deg,var(--theme-accent-primary),var(--theme-accent-secondary));color:#fff;box-shadow:0 4px 12px #3b82f666}.shepherd-button-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f680}.shepherd-button-secondary{background:var(--theme-bg-tertiary);color:var(--theme-text-primary);border-color:var(--theme-border-color)}.shepherd-button-secondary:hover{background:var(--theme-bg-secondary);transform:translateY(-1px)}.shepherd-button-skip{color:var(--theme-text-muted);background:transparent;border-color:transparent;padding-left:0}.shepherd-button-skip:hover{color:var(--theme-text-secondary);background:transparent}.shepherd-arrow,.shepherd-arrow:before{position:absolute;width:16px;height:16px;background:inherit;border:inherit}.shepherd-arrow{visibility:hidden}.shepherd-arrow:before{visibility:visible;content:"";transform:rotate(45deg);background:var(--theme-bg-primary);border:1px solid var(--theme-border-color)}.shepherd-element[data-popper-placement^=top] .shepherd-arrow{bottom:-9px}.shepherd-element[data-popper-placement^=bottom] .shepherd-arrow{top:-9px}.shepherd-element[data-popper-placement^=left] .shepherd-arrow{right:-9px}.shepherd-element[data-popper-placement^=right] .shepherd-arrow{left:-9px}.shepherd-target{position:relative;z-index:9997}.shepherd-target:after{content:"";position:absolute;inset:-8px;border-radius:12px;border:2px solid var(--theme-accent-primary);pointer-events:none;animation:shepherdPulse 2s ease-in-out infinite}@keyframes shepherdPulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}@media (max-width: 480px){.shepherd-element{max-width:calc(100vw - 32px);margin:16px}.shepherd-header{padding:16px 20px 8px}.shepherd-title{font-size:1.1rem;padding-right:32px}.shepherd-text{padding:0 20px 12px;font-size:.9rem}.shepherd-footer{padding:12px 20px 16px;flex-wrap:wrap}.shepherd-button{padding:8px 16px;font-size:.8rem}}@media (prefers-color-scheme: dark){.shepherd-modal-overlay-container.shepherd-modal-is-visible{background-color:#000000bf}.shepherd-element{box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.shepherd-button-primary{box-shadow:0 4px 12px #3b82f64d}}