@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pink:#f43f5e;--pink-hover:#e11d48;--pink-dark:#be123c;--pink-light:#f43f5e1f;--pink-alpha:#f43f5e14;--pink-glow:#f43f5e40;--green:#10b981;--green-hover:#059669;--green-dark:#047857;--green-light:#10b9811a;--green-alpha:#10b9810f;--bg:#111;--bg-sidebar:#0e0e0e;--bg-card:#1a1a1a;--bg-surface:#141414;--bg-surface2:#1e1e1e;--bg-hover:#ffffff0a;--bg-active:#ffffff0f;--text:#ececec;--text-secondary:#888;--text-muted:#555;--text-dim:#333;--border:#222;--border-hover:#2a2a2a;--border-active:#333;--success:#10b981;--success-bg:#10b98114;--success-border:#10b9812e;--warning:#f59e0b;--warning-bg:#f59e0b14;--warning-border:#f59e0b2e;--error:#ef4444;--error-bg:#ef444414;--error-border:#ef44442e;--info:#3b82f6;--info-bg:#3b82f614;--primary:var(--pink);--primary-hover:var(--pink-hover);--primary-light:var(--pink-light);--primary-alpha:var(--pink-alpha);--sidebar-text:#555;--sidebar-text-hover:#ccc;--sidebar-text-active:#fff;--sidebar-active-bg:#10b9811a;--sidebar-active-color:#10b981;--sidebar-active-bar:#10b981;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 4px 16px #0009;--shadow-lg:0 8px 32px #000000b3;--shadow-xl:0 20px 48px #000c;--shadow-pink:0 4px 20px #f43f5e4d;--shadow-green:0 4px 20px #10b98140;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--ease:cubic-bezier(.16, 1, .3, 1);--t-fast:.12s var(--ease);--t-normal:.22s var(--ease);--t-slow:.35s var(--ease);--sidebar-w1:60px;--sidebar-w2:220px;--topbar-h:48px}[data-theme=light]{--bg:#f8f9fa;--bg-sidebar:#fff;--bg-card:#fff;--bg-surface:#f4f5f7;--bg-surface2:#eceef1;--bg-hover:#00000008;--bg-active:#0000000d;--text:#111;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-dim:#d1d5db;--border:#e5e7eb;--border-hover:#d1d5db;--border-active:#9ca3af;--sidebar-text:#9ca3af;--sidebar-text-hover:#374151;--sidebar-text-active:#111;--sidebar-active-bg:#10b98114;--sidebar-active-color:#059669;--sidebar-active-bar:#059669;--shadow-xs:0 1px 2px #0000000f;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 20px 48px #00000029;--shadow-pink:0 4px 20px #f43f5e33;--shadow-green:0 4px 20px #10b9812e;--success-bg:#10b9811a;--success-border:#10b98138;--warning-bg:#f59e0b1a;--warning-border:#f59e0b38;--error-bg:#ef44441a;--error-border:#ef444438;--info-bg:#3b82f61a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] body,[data-theme=light] .app-container{background:var(--bg)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#d1d5db}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#9ca3af}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color:#111!important;background:#fff!important;border-color:#e5e7eb!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#9ca3af!important}[data-theme=light] .custom-table thead tr{background:#f3f4f6!important}[data-theme=light] .custom-table td,[data-theme=light] .custom-table th{border-color:#e5e7eb!important}[data-theme=light] .custom-table tbody tr:hover{background:#00000005!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text);letter-spacing:-.015em;font-weight:700;line-height:1.3}a{color:var(--green);text-decoration:none}a:hover{color:var(--green-hover)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--border-active)}.app-container{background:var(--bg);min-height:100vh;display:flex}.primary-sidebar{width:var(--sidebar-w1);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:300;flex-direction:column;align-items:center;height:100vh;display:flex;position:fixed;top:0;left:0}.primary-logo{width:var(--sidebar-w1);height:var(--topbar-h);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;display:flex}.primary-logo span{background:linear-gradient(135deg, var(--pink) 0%, var(--green) 100%);border-radius:var(--radius-sm);width:28px;height:28px;font-family:var(--font-heading);color:#fff;letter-spacing:-.02em;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.primary-nav{flex-direction:column;flex:1;align-items:center;gap:1px;width:100%;padding:10px 0;display:flex}.primary-footer{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:1px;width:100%;padding:10px 0;display:flex}.nav-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--sidebar-text);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.nav-btn svg{width:16px;height:16px}.nav-btn:hover{background:var(--bg-hover);color:var(--sidebar-text-hover)}.nav-btn.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-color)}.nav-btn.active:before{content:"";background:var(--sidebar-active-bar);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.nav-btn[data-tip]:after{content:attr(data-tip);background:var(--bg-surface2);border:1px solid var(--border-hover);color:var(--text);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--t-fast);z-index:1000;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.nav-btn[data-tip]:hover:after{opacity:1}.secondary-sidebar{width:var(--sidebar-w2);background:var(--bg-sidebar);border-right:1px solid var(--border);top:0;left:var(--sidebar-w1);z-index:290;flex-direction:column;height:100vh;display:flex;position:fixed;overflow-y:auto}.secondary-sidebar::-webkit-scrollbar{width:0}.sec-header{height:var(--topbar-h);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;padding:0 14px;display:flex}.sec-header h3{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:11px;font-weight:700;font-family:var(--font-sans)}.sec-menu{flex-direction:column;flex:1;gap:1px;padding:8px 6px;display:flex}.sec-item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--sidebar-text);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;align-items:center;gap:7px;padding:7px 10px;font-size:12.5px;font-weight:500;display:flex;overflow:hidden}.sec-item:hover{background:var(--bg-hover);color:var(--sidebar-text-hover)}.sec-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-color);font-weight:600}.sec-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:12px 10px 4px;font-size:10px;font-weight:700}.branch-dropdown{background:var(--bg-surface2);border:1px solid var(--border-hover);border-radius:var(--radius-sm);width:calc(100% - 12px);color:var(--text);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);appearance:none;outline:none;margin:6px;padding:7px 10px}.branch-dropdown:focus{border-color:var(--green)}.main-content-pane{margin-left:calc(var(--sidebar-w1) + var(--sidebar-w2));background:var(--bg);flex-direction:column;flex:1;min-height:100vh;display:flex}.top-breadcrumbs-header{height:var(--topbar-h);background:var(--bg-sidebar);border-bottom:1px solid var(--border);z-index:200;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:sticky;top:0}.breadcrumbs{align-items:center;gap:6px;display:flex}.crumb-org{color:var(--text-muted);font-size:12.5px;font-weight:500}.crumb-divider{color:var(--text-dim);font-size:12px}.crumb-current{color:var(--text-secondary);font-size:12.5px;font-weight:600}.breadcrumb-actions{align-items:center;gap:8px;display:flex}.action-bar{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.action-bar-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.action-bar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.tab-content{flex:1;padding:20px;overflow-y:auto}.tab-fade-in{animation:fadeSlide .18s var(--ease) both}@keyframes fadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--t-fast);padding:20px}.card:hover{border-color:var(--border-hover)}.card-title{color:var(--text);font-size:14px;font-weight:700;font-family:var(--font-heading);margin-bottom:2px}.card-subtitle{color:var(--text-muted);font-size:12px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.kpi-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--t-fast);flex-direction:column;gap:10px;padding:18px;display:flex;position:relative;overflow:hidden}.kpi-card:hover{border-color:var(--border-hover)}.kpi-card:after{content:"";background:var(--border);opacity:.5;height:2px;position:absolute;bottom:0;left:0;right:0}.kpi-card.pink:after{background:var(--pink);opacity:1}.kpi-card.green:after{background:var(--green);opacity:1}.kpi-card.blue:after{opacity:1;background:#3b82f6}.kpi-card.amber:after{background:var(--warning);opacity:1}.kpi-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.kpi-icon.pink{background:var(--pink-alpha);color:var(--pink)}.kpi-icon.green{background:var(--green-alpha);color:var(--green)}.kpi-icon.blue{color:#3b82f6;background:#3b82f614}.kpi-icon.amber{color:var(--warning);background:#f59e0b14}.kpi-icon svg{width:16px;height:16px}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600}.kpi-value{color:var(--text);font-size:26px;font-weight:800;font-family:var(--font-heading);letter-spacing:-.025em;line-height:1}.kpi-badge{border-radius:var(--radius-pill);align-items:center;gap:3px;padding:2px 6px;font-size:10.5px;font-weight:700;display:inline-flex}.kpi-badge.up{background:var(--success-bg);color:var(--green)}.kpi-badge.down{background:var(--error-bg);color:var(--error)}.kpi-badge.neutral{background:var(--bg-hover);color:var(--text-muted)}.kpi-meta{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.quick-action-btn{font-size:12px;font-weight:600;font-family:var(--font-sans);color:var(--text-secondary);background:var(--bg-surface2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:color var(--t-fast), background var(--t-fast), border-color var(--t-fast), transform .1s;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.quick-action-btn svg{opacity:.65;flex-shrink:0}.quick-action-btn:hover{color:var(--pink);border-color:var(--pink-light);background:var(--pink-alpha);transform:translateY(-1px)}.quick-action-btn:hover svg{opacity:1;color:var(--pink)}.quick-action-btn:active{transform:translateY(0)}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;letter-spacing:.01em;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.btn-xs{border-radius:var(--radius-xs);padding:3px 8px;font-size:11px}.btn-sm{padding:5px 12px;font-size:12px}.btn-md{padding:8px 16px;font-size:13px}.btn-lg{padding:10px 20px;font-size:13.5px}.btn-primary{background:var(--pink);color:#fff;box-shadow:0 1px 3px #f43f5e4d}.btn-primary:hover{background:var(--pink-hover);box-shadow:var(--shadow-pink)}.btn-success{background:var(--green);color:#fff}.btn-success:hover{background:var(--green-hover)}.btn-secondary{background:var(--bg-surface2);color:var(--text-secondary);border:1px solid var(--border-hover)}.btn-secondary:hover{background:var(--bg-active);border-color:var(--border-active);color:var(--text)}.btn-ghost{color:var(--text-muted);background:0 0;border:none}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-secondary)}.btn-outline-green{color:var(--green);background:0 0;border:1px solid #10b9814d}.btn-outline-green:hover{background:var(--green-light);border-color:var(--green)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#dc2626}.btn:disabled,.btn[disabled]{opacity:.4;pointer-events:none}.btn-icon{border-radius:var(--radius-sm);width:30px;height:30px;padding:0}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.01em;font-size:12px;font-weight:600}.form-label .req{color:var(--pink);margin-left:2px}.form-input,.form-select,.form-textarea{background:var(--bg-surface2);border:1px solid var(--border-hover);border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:13px;font-family:var(--font-sans);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;padding:8px 12px}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-active)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--green);box-shadow:0 0 0 2px #10b9811f}.form-input::placeholder{color:var(--text-dim)}.form-textarea{resize:vertical;min-height:90px}.form-hint{color:var(--text-muted);margin-top:2px;font-size:11px}.form-error{color:var(--error);margin-top:2px;font-size:11px}.input-group{align-items:center;display:flex;position:relative}.input-group .form-input{padding-left:38px}.input-prefix{color:var(--text-muted);pointer-events:none;font-size:12.5px;font-weight:600;position:absolute;left:12px}.badge{border-radius:var(--radius-pill);letter-spacing:.02em;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-pink{background:var(--pink-light);color:var(--pink)}.badge-green{background:var(--green-light);color:var(--green)}.badge-amber{background:var(--warning-bg);color:var(--warning)}.badge-red{background:var(--error-bg);color:var(--error)}.badge-blue{background:var(--info-bg);color:var(--info)}.badge-gray{background:var(--bg-surface2);color:var(--text-muted)}.badge-confirmed{background:var(--success-bg);color:var(--green);border:1px solid var(--success-border)}.badge-pending{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-cancelled{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.badge-completed{background:var(--info-bg);color:var(--info)}.badge-no-show{background:var(--bg-surface2);color:var(--text-muted)}.table-wrapper{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);width:100%;margin-bottom:20px;overflow-x:auto}.table-responsive{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.main-content-pane table,.main-content-pane .custom-table,.data-table{border-collapse:collapse!important;background:var(--bg-card)!important;text-align:left!important;width:100%!important;min-width:750px!important;font-size:12.5px!important}.main-content-pane table thead tr,.main-content-pane .custom-table thead tr,.data-table thead tr{background:var(--bg-surface)!important;border-bottom:1px solid var(--border)!important}.main-content-pane table th,.main-content-pane .custom-table th,.data-table th{text-align:left!important;color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.07em!important;white-space:nowrap!important;border-bottom:1px solid var(--border)!important;padding:10px 14px!important;font-size:11px!important;font-weight:700!important}.main-content-pane table td,.main-content-pane .custom-table td,.data-table td{color:var(--text-secondary)!important;border-bottom:1px solid var(--border)!important;vertical-align:middle!important;padding:11px 14px!important}.main-content-pane table tbody tr:last-child td,.main-content-pane .custom-table tbody tr:last-child td,.data-table tbody tr:last-child td{border-bottom:none!important}.main-content-pane table tbody tr,.main-content-pane .custom-table tbody tr,.data-table tbody tr{transition:background var(--t-fast)!important;background:0 0!important}.main-content-pane table tbody tr:hover,.main-content-pane .custom-table tbody tr:hover,.data-table tbody tr:hover{background:var(--bg-hover)!important}.alert{border-radius:var(--radius-md);border:1px solid #0000;align-items:flex-start;gap:10px;padding:12px 14px;font-size:12.5px;display:flex}.alert-success{background:var(--success-bg);border-color:var(--success-border);color:var(--green)}.alert-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error)}.alert-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.alert-info{background:var(--info-bg);color:var(--info);border-color:#3b82f633}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:56px 24px;display:flex}.empty-icon{background:var(--bg-surface2);width:52px;height:52px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.empty-icon svg{width:24px;height:24px}.empty-state h3{color:var(--text);font-size:14px;font-weight:700}.empty-state p{color:var(--text-muted);max-width:280px;font-size:12.5px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:24px;animation:.15s both fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(24px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.modal,.modal-content{max-width:540px;background:var(--bg-surface)!important;border-radius:var(--radius-sm)!important;border:1px solid var(--border-hover)!important;box-shadow:var(--shadow-xl)!important;width:100%!important;max-height:90vh!important;animation:scaleIn .18s var(--ease) both!important;color:var(--text)!important;overflow-y:auto!important}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border)!important;background:var(--bg-card)!important;justify-content:space-between!important;align-items:center!important;padding:16px 20px!important;display:flex!important}.modal-title{color:var(--text)!important;font-size:14.5px!important;font-weight:700!important;font-family:var(--font-heading)!important;margin:0!important}.modal-close-btn{color:var(--text-muted)!important;cursor:pointer!important;border-radius:var(--radius-sm)!important;width:28px!important;height:28px!important;transition:all var(--t-fast)!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;font-size:22px!important;font-weight:400!important;line-height:1!important;display:flex!important}.modal-close-btn:hover{color:var(--text)!important;background:var(--bg-hover)!important}.modal-body{background:var(--bg-surface)!important;padding:20px!important}.modal-footer{border-top:1px solid var(--border)!important;background:var(--bg-card)!important;border-radius:0 0 var(--radius-sm) var(--radius-sm)!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;padding:14px 20px!important;display:flex!important}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0}.avatar-placeholder{background:var(--bg-surface2);border:1px solid var(--border-hover);color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.user-chip{border-radius:var(--radius-pill);background:var(--bg-surface2);border:1px solid var(--border-hover);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast);align-items:center;gap:7px;padding:4px 10px 4px 4px;display:flex}.user-chip:hover{background:var(--bg-active);border-color:var(--border-active)}.user-chip-name{color:var(--text-secondary);font-size:12px;font-weight:600}.sidebar-user-footer{border-top:1px solid var(--border);align-items:center;gap:8px;padding:10px;display:flex}.sidebar-user-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.sidebar-user-role{color:var(--text-muted);font-size:10.5px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-header-left h1{color:var(--text);margin-bottom:2px;font-size:20px;font-weight:800}.page-header-left p{color:var(--text-muted);font-size:12.5px}.page-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.section-title{color:var(--text);align-items:center;gap:7px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.search-bar{background:var(--bg-surface2);border:1px solid var(--border-hover);border-radius:var(--radius-sm);transition:border-color var(--t-fast);align-items:center;gap:7px;padding:6px 12px;display:flex}.search-bar:focus-within{border-color:var(--green)}.search-bar svg{color:var(--text-muted);flex-shrink:0;width:14px;height:14px}.search-bar input{color:var(--text);font-size:12.5px;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;min-width:0}.search-bar input::placeholder{color:var(--text-dim)}.stat-row{background:var(--border);border-radius:var(--radius-lg);border:1px solid var(--border);gap:1px;display:flex;overflow:hidden}.stat-row-item{background:var(--bg-card);text-align:center;flex:1;padding:14px 18px}.stat-row-item-value{color:var(--text);font-size:18px;font-weight:800;font-family:var(--font-heading)}.stat-row-item-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:3px;font-size:10.5px;font-weight:600}.slot-confirmed{background:var(--success-bg);color:var(--green);border-left:3px solid var(--green)}.slot-pending{background:var(--warning-bg);color:var(--warning);border-left:3px solid var(--warning)}.slot-cancelled{background:var(--error-bg);color:var(--error);border-left:3px solid var(--error)}.slot-completed{background:var(--info-bg);color:var(--info);border-left:3px solid var(--info)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.shimmer-anim{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-surface2) 50%, var(--bg-card) 75%);border-radius:var(--radius-lg);background-size:1200px 100%;animation:1.8s infinite shimmer}.divider{background:var(--border);height:1px;margin:16px 0}.auth-page{background:var(--bg);min-height:100vh;display:flex}.auth-brand-panel{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;flex:0 0 400px;justify-content:space-between;padding:40px 36px;display:flex}.auth-form-panel{flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.auth-card{flex-direction:column;gap:0;width:100%;max-width:380px;display:flex}.auth-logo{align-items:center;gap:10px;margin-bottom:32px;display:flex}.auth-logo-mark{background:linear-gradient(135deg, var(--pink) 0%, var(--green) 100%);border-radius:var(--radius-md);width:36px;height:36px;font-family:var(--font-heading);color:#fff;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.auth-logo-text{font-family:var(--font-heading);color:var(--text);letter-spacing:-.03em;font-size:20px;font-weight:800}.auth-logo-text span{color:var(--pink)}.auth-feature-list{flex-direction:column;gap:10px;margin-top:32px;display:flex}.auth-feature-item{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.auth-feature-icon{background:var(--green-alpha);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.auth-feature-icon svg{width:10px;height:10px;color:var(--green)}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:20px;display:flex}.tab-item{color:var(--text-muted);cursor:pointer;transition:color var(--t-fast), border-color var(--t-fast);font-size:12.5px;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px}.tab-item:hover{color:var(--text-secondary)}.tab-item.active{color:var(--text);border-bottom-color:var(--green)}.pointer{cursor:pointer}.no-select{-webkit-user-select:none;user-select:none}.text-pink{color:var(--pink)}.text-green{color:var(--green)}.text-muted-val{color:var(--text-muted)}.text-bold{font-weight:700}.d-flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1}.w-full{width:100%}.text-right{text-align:right}.text-center{text-align:center}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.icon-chip{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-chip svg{width:16px;height:16px}.icon-chip-pink{background:var(--pink-alpha);color:var(--pink)}.icon-chip-green{background:var(--green-alpha);color:var(--green)}.icon-chip-blue{color:#3b82f6;background:#3b82f614}.icon-chip-amber{color:var(--warning);background:#f59e0b14}.app-container *,.auth-page *,.modal-overlay *{border-radius:8px!important}.avatar,.avatar-placeholder,.user-chip .avatar-placeholder,.user-chip img,.primary-sidebar img,.primary-sidebar .avatar-placeholder,.sidebar-user-footer .avatar-placeholder,.breadcrumb-actions .avatar-placeholder,.avatar img,.app-container div[style*="borderRadius: 50%"],.app-container div[style*="borderRadius: '50%'"],.app-container span[style*="borderRadius: 50%"],.app-container span[style*="borderRadius: '50%'"],.app-container div[style*="50%"],.app-container span[style*="50%"],.auth-page div[style*="50%"],.auth-page span[style*="50%"],.modal-overlay div[style*="50%"],.modal-overlay span[style*="50%"]{border-radius:50%!important}.grecaptcha-badge,#recaptcha-container{visibility:hidden!important;display:none!important}.card:has(table){-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}@media print{body *{visibility:hidden}.pos-receipt-area,.pos-receipt-area *{visibility:visible}.pos-receipt-area{width:300px;margin:0;padding:0;position:absolute;top:0;left:0;color:#000!important;background:#fff!important}.primary-sidebar,.secondary-sidebar,.top-header,header,footer,.modal-close-btn,.modal-footer{display:none!important}}