:root{--color-primary: #16a34a;--color-primary-dark: #15803d;--color-primary-light: #dcfce7;--color-primary-hover: #15803d;--color-primary-focus: #166534;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--neutral-950: #0a0a0a;--color-text-primary: #171717;--color-text-secondary: #525252;--color-text-muted: #737373;--color-text-inverse: #ffffff;--color-bg-main: #f5f5f5;--color-bg-page: #e8e8e8;--color-bg-panel: #f5f5f5;--color-bg-surface: #fafafa;--color-bg-surface-elevated: #fafafa;--color-border-subtle: rgba(0, 0, 0, .06);--color-border-light: #ebebeb;--color-border-medium: #e0e0e0;--border: #e0e0e0;--accent: var(--color-primary);--glass: rgba(0, 0, 0, .03);--glass-strong: rgba(0, 0, 0, .05);--color-status-online: var(--color-primary);--color-status-offline: #a3a3a3;--color-status-warning: #d97706;--color-status-warning-bg: rgba(217, 119, 6, .1);--color-status-error: #b91c1c;--color-status-error-bg: rgba(185, 28, 28, .08);--color-status-error-text: #991b1b;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--font-size-caption: 12px;--font-size-body: 14px;--font-size-body-mobile: 16px;--font-size-subheading: 16px;--font-size-heading: 18px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-body: 1.5;--line-height-tight: 1.25;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 2px 4px rgba(22, 163, 74, .04);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .08);--shadow-panel: 0 4px 20px rgba(0, 0, 0, .05);--shadow-button: 0 2px 8px rgba(22, 163, 74, .25), 0 1px 2px rgba(0, 0, 0, .06);--shadow-button-hover: 0 4px 14px rgba(22, 163, 74, .3), 0 2px 4px rgba(0, 0, 0, .06);--shadow-focus: 0 0 0 3px color-mix(in srgb, var(--color-primary) 30%, transparent);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: ease-out;--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--blur-panel: 20px;--blur-header: 12px;--glass-bg: rgba(245, 245, 245, .95);--glass-bg-fallback: rgba(250, 250, 250, .98);--glass-border: rgba(224, 224, 224, .8);--glass-shadow: var(--shadow-panel);--touch-target-min: 44px;--header-height: 56px;--panel-min-width: 280px;--page-max-width: 1400px;--font-size-h3: 16px;--settings-glass-bg: rgba(255, 255, 255, .72);--settings-glass-border: rgba(255, 255, 255, .48);--settings-glass-shadow: 0 8px 32px rgba(0, 0, 0, .06), 0 2px 8px rgba(22, 163, 74, .04);--settings-blur: 24px;--checkbox-size: 22px;--switch-width: 44px;--switch-height: 24px}html{font-family:var(--font-sans);font-size:var(--font-size-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:767px){html{font-size:var(--font-size-body-mobile)}}body{margin:0;min-height:100vh;min-height:100dvh;color:var(--color-text-primary);line-height:var(--line-height-body);background:var(--color-bg-main)}.btn-primary{min-height:var(--touch-target-min);padding:0 var(--spacing-2xl);font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-2xl);box-shadow:var(--shadow-button);cursor:pointer;transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default),opacity var(--duration-fast)}.btn-primary:hover:not(:disabled){opacity:1;transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-button)}.btn-primary:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{min-height:var(--touch-target-min);padding:0 var(--spacing-2xl);font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-medium);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color var(--duration-fast),box-shadow var(--duration-normal),transform var(--duration-fast),background var(--duration-fast)}.btn-secondary:hover:not(:disabled){border-color:var(--color-border-medium);background:var(--color-border-light);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-secondary:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger-outline{min-height:var(--touch-target-min);padding:0 var(--spacing-lg);font-family:var(--font-sans);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-danger, #c53030);background:transparent;border:1px solid var(--color-danger, #c53030);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast),opacity var(--duration-fast)}.btn-danger-outline:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger, #c53030) 12%,transparent)}.btn-danger-outline:disabled{opacity:.6;cursor:not-allowed}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.glass{background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--blur-panel));-webkit-backdrop-filter:blur(var(--blur-panel));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass,.glass-panel{background:var(--glass-bg-fallback);border:1px solid var(--glass-border)}.glass,.glass-panel{box-shadow:var(--shadow-md)}}.section-header{font-size:12px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);background:var(--glass);border:1px solid var(--border);color:var(--color-text-primary);transition:border-color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast)}.chip:hover{border-color:#ffffff2e}.chip.chip-active{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent);color:var(--color-text-primary)}.chip.chip-active.chip-platform-sms{background:#e3f2fd;border-color:#1565c0;color:#1565c0}.chip.chip-active.chip-platform-whatsapp{background:#e8f5e9;border-color:#2e7d32;color:#2e7d32}.chip.chip-active.chip-platform-web{background:#f3e5f5;border-color:#7b1fa2;color:#7b1fa2}.chip.chip-active.chip-platform-mcp{background:#fff3e0;border-color:#e65100;color:#e65100}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.input-wrap:focus-within{box-shadow:0 0 0 1px var(--glass-border),0 0 0 3px color-mix(in srgb,var(--color-primary) 25%,transparent)}.input-text{width:100%;min-height:var(--touch-target-min);padding:0 var(--spacing-lg);font-family:var(--font-sans);font-size:var(--font-size-body);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);transition:border-color var(--duration-fast),box-shadow var(--duration-normal);box-sizing:border-box}.input-text::placeholder{color:var(--color-text-muted)}.input-text:hover:not(:disabled){border-color:var(--color-border-light)}.input-text:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}input[type=file]{font-family:var(--font-sans);font-size:var(--font-size-body);padding:var(--spacing-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-border-light) 25%,rgba(255,255,255,.08) 50%,var(--color-border-light) 75%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.btn-primary,.btn-secondary,.glass,.glass-panel,.input-wrap,.chat-history-table-card .data-table tbody tr,.sidebar-nav a,.sidebar-nav .sidebar-nav-btn,.table-row-actions{transition-duration:.01ms!important}.data-table tbody tr .table-row-actions{opacity:1}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){transform:none}.sidebar-nav a:hover,.sidebar-nav .sidebar-nav-btn:hover{transform:none}.skeleton,.chat-thread-messages .chat-message{animation:none!important}}.modal-overlay{position:fixed;inset:0;background:#0003;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);z-index:1000}.modal-content{width:100%;max-width:480px;max-height:90vh;overflow:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--color-border-light)}.modal-title{margin:0;font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal-close{width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;color:var(--color-text-secondary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer}.modal-close:hover{color:var(--color-text-primary);background:var(--glass)}.modal-body{padding:var(--spacing-2xl)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-2xl);border-top:1px solid var(--color-border-light)}.drawer-overlay{position:fixed;inset:0;background:#00000040;z-index:1000;display:flex;align-items:stretch;justify-content:flex-end;animation:drawer-overlay-in .2s ease-out}.drawer-panel{width:100%;max-width:380px;background:var(--glass-bg-fallback, var(--color-bg-surface));border-left:1px solid var(--color-border-light);box-shadow:-4px 0 24px #00000014;display:flex;flex-direction:column;animation:drawer-panel-in .25s ease-out}.drawer-panel-bottom{max-width:none;max-height:70vh;border-left:none;border-top:1px solid var(--color-border-light);border-radius:var(--radius-xl) var(--radius-xl) 0 0;align-self:flex-end;justify-content:flex-end}@keyframes drawer-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-panel-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.drawer-title{margin:0;font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.drawer-close{width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:var(--color-text-secondary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer}.drawer-close:hover{color:var(--color-text-primary);background:var(--color-bg-panel)}.drawer-body{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-lg)}@media(max-width:767px){.drawer-overlay{justify-content:center;align-items:flex-end}.drawer-panel{max-width:none;max-height:75vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}}.livechat-drawer-templates{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:0}.livechat-drawer-search{width:100%;flex-shrink:0}.livechat-drawer-empty{margin:0;padding:var(--spacing-xl) 0;font-size:var(--font-size-caption);color:var(--color-text-secondary);text-align:center}.livechat-drawer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.livechat-drawer-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-family:inherit;font-size:var(--font-size-body);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast)}.livechat-drawer-item:hover{background:var(--color-bg-panel);border-color:var(--color-primary)}.livechat-drawer-item-title{flex:1;min-width:0;font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.livechat-drawer-item-cat{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.toast-container{position:fixed;top:var(--spacing-2xl);right:var(--spacing-2xl);z-index:1001;display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:280px;background:var(--color-bg-surface);border:1px solid var(--color-border-light)}.toast-success{border-left:4px solid var(--color-primary)}.toast-error{border-left:4px solid var(--color-status-error);background:var(--color-status-error-bg)}.toast-message{flex:1;font-size:var(--font-size-body)}.toast-dismiss{background:none;border:none;font-size:18px;cursor:pointer;color:var(--color-text-muted);padding:0 var(--spacing-xs)}.app-shell{display:flex;min-height:100vh;min-height:100dvh;background:var(--color-bg-main)}.app-sidebar{width:var(--panel-min-width);min-width:var(--panel-min-width);background:color-mix(in srgb,var(--color-primary) 3%,var(--color-bg-surface));border-right:2px solid var(--color-border-medium);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;position:relative;z-index:10}.sidebar-brand{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:80px;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-subtle);text-decoration:none;color:inherit;background:#fff}.sidebar-brand:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.sidebar-brand-logo-wrap{display:flex;align-items:center;justify-content:center;width:80%;max-height:70px;overflow:hidden}.sidebar-brand-logo{display:block;width:100%;height:auto;max-height:70px;object-fit:contain;object-position:center}.sidebar-brand .sidebar-brand-logo-fallback{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-md);width:80%;max-width:100%}.sidebar-brand .sidebar-brand-logo-fallback .logo-img{width:40px;height:40px;flex-shrink:0;object-fit:contain}.sidebar-brand .sidebar-brand-logo-fallback .logo-wordmark{font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:inherit}.sidebar-nav{flex:1;padding:var(--spacing-md) var(--spacing-lg);overflow-y:auto}.sidebar-section-header-first{margin-top:0;padding-top:var(--spacing-md)}.sidebar-nav a,.sidebar-nav .sidebar-nav-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default);border-left:3px solid transparent}.sidebar-nav a:focus-visible,.sidebar-nav .sidebar-nav-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.sidebar-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:16px;line-height:1;flex-shrink:0;transition:color var(--duration-fast) var(--ease-default)}.sidebar-nav a:hover,.sidebar-nav .sidebar-nav-btn:hover{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg-surface));color:var(--color-primary-focus)}.sidebar-nav a:hover .sidebar-nav-icon,.sidebar-nav .sidebar-nav-btn:hover .sidebar-nav-icon{color:var(--color-primary-focus)}.sidebar-nav a:hover,.sidebar-nav .sidebar-nav-btn:hover{transform:translate(3px)}.sidebar-nav a.active{background:color-mix(in srgb,var(--accent) 14%,transparent);border-left-color:var(--color-primary);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.sidebar-nav a.active .sidebar-nav-icon{color:var(--color-primary-focus)}.sidebar-nav-label{flex:1;min-width:0}.sidebar-nav-badges{display:flex;align-items:center;gap:4px;flex-shrink:0}.sidebar-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:var(--font-weight-semibold);line-height:1;border-radius:var(--radius-full)}.sidebar-nav-badge-waiting{background:color-mix(in srgb,var(--color-warning, #d97706) 20%,transparent);color:var(--color-warning, #d97706)}.sidebar-nav-badge-unread{background:color-mix(in srgb,var(--color-primary) 25%,transparent);color:var(--color-primary)}.sidebar-section-header{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);padding:var(--spacing-2xl) 0 var(--spacing-md);margin-top:var(--spacing-sm)}.sidebar-nav .sidebar-nav-btn{margin-bottom:var(--spacing-xs)}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--color-bg-page)}.app-header{flex-shrink:0;background:var(--color-bg-surface);border-bottom:2px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.app-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);min-height:var(--header-height);padding:var(--spacing-lg) var(--spacing-2xl);max-width:1400px;width:100%;margin:0 auto;box-sizing:border-box}.app-header-left{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.app-header-page-title{font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.02em}@media(max-width:1024px){.app-header-page-title{display:none}}.app-header-user-wrap{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-panel);border:1px solid var(--color-border-light);border-radius:var(--radius-full);max-width:min(280px,100%);min-width:0}.app-header-user-email{font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-content{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box}@media(max-width:1024px){.app-sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform var(--duration-normal) var(--ease-default)}.app-sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;background:#0003;z-index:5;opacity:0;pointer-events:none;transition:opacity var(--duration-normal)}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}}.header-menu-btn{display:none;flex-shrink:0;width:var(--touch-target-min);height:var(--touch-target-min);align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:20px;color:var(--color-text-primary);transition:background var(--duration-fast)}.header-menu-btn:hover{background:var(--glass)}@media(max-width:1024px){.header-menu-btn{display:flex}}.data-table-wrap{background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-bg-panel);border-bottom:1px solid var(--color-border-medium)}.data-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-body);color:var(--color-text-primary);min-height:var(--touch-target-min);vertical-align:middle}.data-table tbody tr:hover{background:var(--glass)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.clickable{cursor:pointer}.page-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.page-toolbar h1{margin:0;font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.page-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.page-layout{max-width:1400px;margin:0 auto}.page-layout-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.page-layout-header h1{margin:0;font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.page-layout-summary{font-size:var(--font-size-body);color:var(--color-text-secondary)}.page-layout-filters{background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.page-layout-filters-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin:0 0 var(--spacing-md)}.page-layout-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.page-layout-filter-row:last-of-type{margin-bottom:0}.page-layout-filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.page-layout-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.chat-history-filters .page-layout-actions{justify-content:flex-end}.filter-active-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.filter-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg-surface));border:1px solid var(--color-border-light);color:var(--color-text-primary);transition:background var(--duration-fast),border-color var(--duration-fast)}.filter-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin:0 -2px 0 0;border:none;background:none;color:var(--color-text-secondary);font-size:16px;line-height:1;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast)}.filter-chip-remove:hover{color:var(--color-text-primary);background:var(--glass)}.filter-more-toggle-wrap{margin-top:var(--spacing-md)}.filter-more-toggle{font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-primary-focus);background:none;border:none;padding:var(--spacing-xs) 0;cursor:pointer;transition:color var(--duration-fast)}.filter-more-toggle:hover{color:var(--color-primary);text-decoration:underline}.filter-more-toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.filter-more-content{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light)}.filter-control-panel .bookings-actions{justify-content:flex-end}.page-layout-table-scroll{overflow:auto;max-height:min(65vh,600px);-webkit-overflow-scrolling:touch}.page-layout-table-scroll .data-table th{position:sticky;top:0;z-index:1;background:var(--color-bg-panel);box-shadow:0 1px 0 var(--color-border-light)}.chat-history-table-card .data-table tbody tr{transition:background var(--duration-fast)}.chat-history-table-card .data-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg-surface))}.chat-history-table-card .data-table tbody tr:hover td:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.chat-history-table-card .data-table tbody tr:hover td:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.table-cell-actions{width:1%;white-space:nowrap;text-align:right;vertical-align:middle}.table-row-actions{display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:opacity var(--duration-fast)}.data-table tbody tr .table-row-actions{opacity:0}.data-table tbody tr:hover .table-row-actions{opacity:1}.table-action-link,.table-action-btn{font-family:var(--font-sans);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-primary-focus);cursor:pointer;text-decoration:none;transition:background var(--duration-fast),color var(--duration-fast)}.table-action-link:hover,.table-action-btn:hover{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary-focus)}.table-action-link:focus-visible,.table-action-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.chat-history-empty{padding:var(--spacing-3xl) var(--spacing-2xl)}.page-layout-table-card{background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}@media(max-width:767px){.page-layout-table-card,.bookings-table-scroll,.table-scroll-wrap{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.page-layout-table-card .data-table,.bookings-table-scroll .data-table,.table-scroll-wrap .data-table{min-width:600px}.data-table tbody tr .table-row-actions{opacity:1}}.page-layout-table-card .data-table th{background:var(--color-bg-panel);padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:.05em}.page-layout-table-card .data-table td{padding:var(--spacing-lg) var(--spacing-xl)}.page-layout-table-card .data-table tbody tr{transition:background var(--duration-fast)}.page-layout-table-card .data-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg-surface))}.page-layout-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-panel);border:1px solid var(--color-border-light);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);font-size:var(--font-size-body);color:var(--color-text-secondary)}.page-layout-pagination-buttons{display:flex;gap:var(--spacing-sm)}.page-layout-pagination-buttons .btn-secondary{min-width:100px}.page-layout-content-card{background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.page-layout-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.documents-page .page-layout-header{margin-bottom:var(--spacing-lg)}.documents-table-card .documents-table{width:100%;table-layout:fixed}.documents-table-card .documents-table th,.documents-table-card .documents-table td{padding:var(--spacing-xl) var(--spacing-2xl);vertical-align:middle;line-height:var(--line-height-body)}.documents-table-card .documents-table th{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.documents-table-card .documents-table .documents-col-name{width:20%;min-width:140px;font-weight:var(--font-weight-medium)}.documents-table-card .documents-table .documents-col-desc{width:28%;min-width:120px;color:var(--color-text-secondary)}.documents-table-card .documents-table .documents-col-type{width:18%;min-width:120px}.documents-table-card .documents-table .documents-col-uploaded{width:12%;min-width:90px;color:var(--color-text-secondary);white-space:nowrap}.documents-table-card .documents-table .documents-col-actions{width:22%;min-width:140px;text-align:center}.table-cell-actions{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast);text-decoration:none;flex-shrink:0}.btn-icon:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-icon-primary{color:var(--color-text-inverse);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);box-shadow:var(--shadow-button)}.btn-icon-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary-dark) 100%);box-shadow:var(--shadow-button-hover)}.btn-icon-secondary{color:var(--color-text-primary);background:var(--color-bg-surface);border-color:var(--color-border-medium);box-shadow:var(--shadow-sm)}.btn-icon-secondary:hover{background:var(--color-border-light);border-color:var(--color-border-medium)}@media(max-width:767px){.documents-desktop{display:none!important}}@media(min-width:768px){.documents-mobile{display:none!important}}.documents-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.document-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.document-card-main{flex:1;min-width:0}.document-card-name{display:block;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-body)}.document-card-meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);flex-wrap:wrap}.document-card-date{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.document-card-desc{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-caption);color:var(--color-text-secondary);line-height:var(--line-height-body)}.document-card-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-secondary);font-size:var(--font-size-body)}.empty-state p{margin:0 0 var(--spacing-md)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.badge-active{background:var(--color-primary-light);color:var(--color-primary-focus)}.badge-paused{background:var(--color-status-warning-bg);color:var(--color-status-warning)}.badge-closed{background:var(--color-border-light);color:var(--color-text-secondary)}.badge-na{background:var(--color-border-light);color:var(--color-text-muted)}.badge-whatsapp{background:#e8f5e9;color:#2e7d32}.badge-sms{background:#e3f2fd;color:#1565c0}.badge-web{background:#f3e5f5;color:#7b1fa2}.badge-mcp{background:#fff3e0;color:#e65100}.badge-confirmed{background:var(--color-primary-light);color:var(--color-primary-focus)}.badge-canceled{background:var(--color-status-error-bg);color:var(--color-status-error-text)}.badge-pending_approval,.badge-booking_inquiry{background:var(--color-status-warning-bg);color:var(--color-status-warning)}.badge-checked_in,.badge-completed,.badge-default{background:var(--color-border-light);color:var(--color-text-secondary)}.logo-wrap{display:inline-flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-primary)}.logo-img{display:block;object-fit:contain;flex-shrink:0}.logo-wordmark{font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.02em}.logo-text{font-weight:var(--font-weight-medium);font-size:18px;color:var(--color-text-secondary);letter-spacing:-.02em}.logo-link{text-decoration:none;color:inherit;display:inline-flex;border-radius:var(--radius-md);transition:opacity var(--duration-fast)}.logo-link:hover{opacity:.9}.logo-link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.analytics-kpi-card{padding:var(--spacing-xl);border-radius:var(--radius-lg);min-width:120px;transition:transform var(--duration-fast),box-shadow var(--duration-fast)}.analytics-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.analytics-kpi-label{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.analytics-kpi-value{font-size:24px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.analytics-chart-card{padding:var(--spacing-xl);border-radius:var(--radius-lg)}@media(prefers-reduced-motion:reduce){.analytics-kpi-card:hover{transform:none}}.skip-link{position:absolute;top:-100px;left:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-surface);color:var(--color-text-primary);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:1002;transition:top var(--duration-fast)}.skip-link:focus{top:var(--spacing-md)}.bookings-page{max-width:1400px;margin:0 auto}.bookings-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.bookings-header h1{margin:0;font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.bookings-summary{font-size:var(--font-size-body);color:var(--color-text-secondary)}.bookings-filters{background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.bookings-filters-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin:0 0 var(--spacing-md)}.bookings-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.bookings-filter-row:last-of-type{margin-bottom:0}.bookings-filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.bookings-filter-group label{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-right:var(--spacing-xs)}.bookings-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.bookings-table-wrap{background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.bookings-table-scroll{min-width:0}.bookings-table-wrap .data-table th{background:var(--color-bg-panel);padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:.05em}.bookings-table-wrap .data-table td{padding:var(--spacing-lg) var(--spacing-xl)}.bookings-table-wrap .data-table tbody tr{transition:background var(--duration-fast)}.bookings-table-wrap .data-table tbody tr:hover{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg-surface))}.bookings-table-wrap .data-table tbody tr:hover td:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.bookings-table-wrap .data-table tbody tr:hover td:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.bookings-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-panel);border:1px solid var(--color-border-light);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);font-size:var(--font-size-body);color:var(--color-text-secondary)}.bookings-pagination-buttons{display:flex;gap:var(--spacing-sm)}.bookings-pagination-buttons .btn-secondary{min-width:100px}.bookings-drawer-backdrop{position:fixed;inset:0;background:#00000040;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-default)}.bookings-drawer-backdrop.visible{opacity:1;pointer-events:auto}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.bookings-drawer-backdrop.visible{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}.bookings-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;background:var(--color-bg-surface);border-left:1px solid var(--color-border-light);box-shadow:var(--shadow-xl);z-index:101;display:flex;flex-direction:column;transform:translate(100%);transition:transform .22s var(--ease-default);overflow:hidden}.bookings-drawer.visible{transform:translate(0)}.bookings-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-xl);border-bottom:1px solid var(--color-border-light);flex-shrink:0;background:var(--color-bg-surface)}.bookings-drawer-header-left{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.bookings-drawer-title{margin:0;font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.bookings-drawer-close{width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;font-size:20px;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer}.bookings-drawer-close:hover{background:var(--glass);color:var(--color-text-primary)}@media(max-width:767px){.bookings-drawer{max-width:100%}}.bookings-drawer-body{flex:1;overflow:auto;padding:var(--spacing-xl)}.bookings-detail-section{margin-bottom:var(--spacing-2xl)}.bookings-detail-section:last-child{margin-bottom:0}.bookings-detail-section-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin:0 0 var(--spacing-md)}.bookings-detail-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-body)}.bookings-detail-row:last-child{border-bottom:none}.bookings-detail-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.bookings-detail-value{color:var(--color-text-primary);text-align:right}.bookings-table-wrap .data-table tbody tr.clickable{cursor:pointer}.chat-thread-wrap{display:flex;flex-direction:column;gap:0;max-width:800px;margin:0 auto}.chat-thread-sticky-bar{position:sticky;top:0;z-index:1;flex-shrink:0;margin-bottom:var(--spacing-xl)}.chat-thread-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.chat-thread-header-meta{flex:1;min-width:0}.chat-thread-meta-extra{color:var(--color-text-secondary);font-size:var(--font-size-caption)}.chat-thread-header-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);flex-shrink:0}.chat-thread-action-btn{min-height:36px;padding:0 var(--spacing-md);font-size:var(--font-size-caption)}.back-link,.chat-thread-header .back-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;text-decoration:none;transition:color var(--duration-fast),background var(--duration-fast),border-color var(--duration-fast)}.back-link:hover,.chat-thread-header .back-link:hover{color:var(--color-primary-focus);background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-color:color-mix(in srgb,var(--color-primary) 20%,transparent)}.back-link:focus-visible,.chat-thread-header .back-link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.back-link:before,.chat-thread-header .back-link:before{content:"←";font-size:1.1em;line-height:1;opacity:.9}.chat-thread-header-meta .chat-thread-guest{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.chat-thread-messages{background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl);max-height:65vh;overflow-y:auto}.chat-message-list{list-style:none;margin:0;padding:0}.chat-date-group{list-style:none;margin:0 0 var(--spacing-2xl);padding:0}.chat-date-group:last-child{margin-bottom:0}.chat-date-separator{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) 0}.chat-message-sublist{list-style:none;margin:0;padding:0}.chat-thread-messages .chat-message{display:flex;margin-bottom:var(--spacing-lg);animation:chat-message-enter var(--duration-normal) var(--ease-default) both}.chat-thread-messages .chat-message:last-child{margin-bottom:0}@keyframes chat-message-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-thread-messages .chat-message.from-guest{flex-direction:row;justify-content:flex-start}.chat-thread-messages .chat-message.from-staff,.chat-thread-messages .chat-message.from-system{flex-direction:row-reverse;justify-content:flex-start}.chat-bubble{max-width:78%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:box-shadow var(--duration-fast)}.chat-bubble:hover{box-shadow:var(--shadow-md)}.chat-bubble.from-guest{background:var(--color-bg-panel);border-color:var(--color-border-medium);border-bottom-left-radius:var(--radius-sm)}.chat-bubble.from-staff{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg-surface));border-color:color-mix(in srgb,var(--color-primary) 22%,var(--color-border-light));border-bottom-right-radius:var(--radius-sm)}.chat-bubble.from-system{background:color-mix(in srgb,var(--color-primary) 14%,var(--color-bg-surface));border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border-light));border-bottom-right-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.chat-bubble-sender{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.chat-bubble.from-staff .chat-bubble-sender,.chat-bubble.from-system .chat-bubble-sender{color:var(--color-primary-focus)}.chat-bubble-time{font-size:var(--font-size-caption);color:var(--color-text-muted);font-weight:var(--font-weight-normal);margin-left:var(--spacing-sm)}.chat-bubble-body{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word}.chat-bubble-body a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 50%,transparent)}.chat-bubble-body a:hover{border-bottom-color:var(--color-primary)}.chat-bubble-attachments{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light);font-size:var(--font-size-caption);display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.chat-bubble-attachments a{color:var(--color-primary);font-weight:var(--font-weight-medium)}.chat-bubble-attachments a:hover{text-decoration:underline}.livechat-layout-header{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.livechat-layout-header-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.livechat-layout-header .page-shell-title{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary)}.livechat-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-text-secondary);letter-spacing:.01em}.livechat-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.livechat-status-dot-connected{background:var(--color-success, #0d9488);box-shadow:none}.livechat-status-dot-connecting{background:var(--color-text-muted);animation:livechat-pulse 1.5s ease-in-out infinite}.livechat-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border-light);margin:0}.livechat-tab{padding:10px 16px;font-size:13px;font-weight:500;color:var(--color-text-secondary);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:0;transition:color .15s ease,border-color .15s ease}.livechat-tab:hover{color:var(--color-text-primary)}.livechat-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.livechat-templates-page{max-width:920px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl)}.livechat-templates-intro{margin:0 0 var(--spacing-xl);font-size:var(--font-size-caption);color:var(--color-text-secondary);line-height:1.5}.livechat-templates-toolbar-wrap{padding:var(--spacing-xl);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.livechat-templates-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-lg)}.livechat-templates-create-btn{flex-shrink:0;margin-left:auto}.livechat-templates-search{flex:1;min-width:220px;max-width:380px;border-radius:var(--radius-lg)}.livechat-templates-filters{display:flex;align-items:center;gap:var(--spacing-sm)}.livechat-templates-filter-label{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.livechat-templates-category-select{min-width:160px;border-radius:var(--radius-lg)}.livechat-templates-list-wrap{padding:var(--spacing-lg);border-radius:var(--radius-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.livechat-templates-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.livechat-templates-list>li{list-style:none;margin:0;padding:0}.livechat-templates-row{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:box-shadow var(--duration-fast),transform var(--duration-fast)}.livechat-templates-row:hover{box-shadow:0 4px 16px #0000000f}.livechat-templates-row-main{flex:1;min-width:0}.livechat-templates-row-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.livechat-templates-row-title{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.livechat-templates-row-category{font-size:var(--font-size-caption);padding:4px 10px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:var(--color-primary);font-weight:var(--font-weight-medium)}.livechat-templates-row-preview{margin:0;font-size:var(--font-size-caption);color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.livechat-templates-row-actions{flex-shrink:0}.livechat-templates-row-delete{white-space:nowrap}.livechat-templates-modal-intro{margin:0 0 var(--spacing-xl);font-size:var(--font-size-caption);color:var(--color-text-secondary);line-height:1.5}.livechat-templates-create-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.livechat-templates-create-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.livechat-templates-create-field label{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.livechat-templates-create-field .required{color:var(--color-danger, #c53030)}.livechat-templates-create-field .input-text{width:100%;border-radius:var(--radius-lg);min-height:44px}.livechat-templates-create-content-wrap{gap:var(--spacing-sm)}.livechat-templates-create-content-inner{padding:var(--spacing-md);border-radius:var(--radius-lg)}.livechat-templates-create-content-inner textarea{width:100%;min-height:120px;resize:vertical;border:none;background:transparent;padding:0;font-family:inherit;font-size:var(--font-size-body);line-height:1.5}.livechat-templates-create-content-inner textarea::placeholder{color:var(--color-text-muted)}.livechat-templates-create-content-inner textarea:focus{outline:none}.livechat-templates-create-content-inner:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 30%,transparent)}.livechat-templates-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;min-height:320px;border-radius:var(--radius-xl);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.livechat-templates-empty-title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.livechat-templates-empty-desc{margin:0;font-size:var(--font-size-caption);color:var(--color-text-secondary);max-width:360px;line-height:1.5}@keyframes livechat-pulse{0%,to{opacity:1}50%{opacity:.45}}.livechat-layout{display:grid;grid-template-columns:300px 1fr;gap:0;min-height:calc(100vh - 140px);max-height:calc(100vh - 140px);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-surface)}@media(max-width:767px){.livechat-layout{grid-template-columns:1fr;max-height:none}}.livechat-session-list{display:flex;flex-direction:column;min-width:0;background:var(--color-bg-panel);border-right:1px solid var(--color-border-light);overflow:hidden}.livechat-session-list-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-surface)}.livechat-session-list-title{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--color-text-primary)}.livechat-session-list-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.livechat-btn-primary{font-size:13px;padding:6px 14px;min-height:32px}.livechat-btn-refresh{font-size:13px;padding:6px 12px;min-height:32px;color:var(--color-text-secondary)}.livechat-initiate-form label{display:block;margin-bottom:var(--spacing-md);font-size:13px}.livechat-initiate-form .required{color:var(--color-danger-outline, #b91c1c)}.livechat-session-list-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-sm);min-width:0}.livechat-session-list-body.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary)}.livechat-empty-title{margin:0 0 var(--spacing-xs);font-size:14px;font-weight:600;color:var(--color-text-primary)}.livechat-empty-desc{margin:0;font-size:13px;color:var(--color-text-secondary);line-height:1.45;max-width:260px}.livechat-session-group{margin-bottom:var(--spacing-md)}.livechat-session-group-title{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:2px}.livechat-session-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--spacing-xs);width:100%;min-width:0;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:2px;text-align:left;font-family:inherit;font-size:13px;color:var(--color-text-primary);background:var(--color-bg-surface);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease,box-shadow .15s ease;border-left:3px solid transparent}.livechat-session-item:hover{background:var(--glass)}.livechat-session-item.selected{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg-surface));border-left-color:var(--color-primary)}.livechat-session-item-main{flex:0 1 auto;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--spacing-sm);overflow:hidden}.livechat-session-item-actions{flex-shrink:0;flex-grow:0}.livechat-session-item>.livechat-session-guest{flex:1}.livechat-session-guest{min-width:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.livechat-session-unassigned{font-size:11px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.livechat-connect-btn{flex-shrink:0;min-height:32px;padding:0 var(--spacing-md);font-size:12px;font-weight:var(--font-weight-semibold);white-space:nowrap}.livechat-pill{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;letter-spacing:.02em;border-radius:4px;text-transform:capitalize}.livechat-pill-web{background:#e8eaf6;color:#283593}.livechat-pill-whatsapp{background:#e8f5e9;color:#1b5e20}.livechat-pill-sms{background:#e3f2fd;color:#0d47a1}.livechat-pill-mcp{background:#fff3e0;color:#e65100}.livechat-pill-active{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary)}.livechat-pill-paused{background:var(--color-bg-panel);color:var(--color-text-secondary)}.livechat-pill-closed{background:var(--color-bg-panel);color:var(--color-text-muted)}.livechat-pill-default,.livechat-pill-na{background:var(--color-bg-panel);color:var(--color-text-secondary)}.livechat-unread-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.livechat-session-item.has-unread{border-left-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg-surface))}.livechat-session-item.has-unread .livechat-session-guest{font-weight:600}.livechat-conversation{display:flex;flex-direction:column;min-height:0;background:var(--color-bg-surface);overflow:hidden}.livechat-conversation-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;gap:var(--spacing-sm)}.livechat-messages{flex:1;min-height:180px;max-height:50vh}.livechat-composer{flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border-light);background:var(--color-bg-panel)}.livechat-composer-internal{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-secondary);margin-bottom:8px}.livechat-composer-internal input[type=checkbox]{width:14px;height:14px}.livechat-composer-row{display:flex;gap:var(--spacing-sm);align-items:flex-end}.livechat-composer-input{flex:1;min-height:44px;padding:10px 12px;font-size:14px;resize:vertical;border-radius:var(--radius-sm)}.livechat-composer-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.livechat-composer-actions .btn-primary{min-height:44px;padding:0 20px;font-size:13px}.livechat-unassigned-banner{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-caption);color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-bottom:1px solid var(--color-border-light)}.livechat-messages-disabled{opacity:.9}.livechat-composer-disabled .livechat-composer-input,.livechat-composer-disabled .livechat-composer-actions button{opacity:.7}.livechat-reject-modal{display:flex;flex-direction:column;gap:var(--spacing-xl)}.livechat-reject-modal-intro{margin:0;font-size:var(--font-size-caption);color:var(--color-text-secondary);line-height:1.5}.livechat-reject-modal-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.livechat-reject-modal-field label{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.livechat-reject-modal-field .input-text{width:100%;min-height:72px;padding:var(--spacing-md);border-radius:var(--radius-lg);resize:vertical}.livechat-conversation .chat-thread-sticky-bar{margin-bottom:0}.livechat-conversation .chat-thread-header{padding:12px 20px;background:var(--color-bg-panel);border:none;border-bottom:1px solid var(--color-border-light);border-radius:0;box-shadow:none}.livechat-conversation .chat-thread-header-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.livechat-conversation .chat-thread-header-meta .chat-thread-guest{font-size:15px;font-weight:600;letter-spacing:-.01em}.livechat-conversation .chat-thread-action-btn{font-size:13px;min-height:32px;padding:6px 14px}.livechat-conversation .chat-thread-messages{padding:var(--spacing-lg) var(--spacing-xl);border:none;border-radius:0;box-shadow:none;background:var(--color-bg-surface)}.livechat-conversation .chat-date-separator{font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-sm);padding:8px 0}.livechat-conversation .chat-bubble{max-width:85%;padding:10px 14px;border-radius:10px;box-shadow:none;border:1px solid var(--color-border-light)}.livechat-conversation .chat-bubble.from-guest{border-bottom-left-radius:4px}.livechat-conversation .chat-bubble.from-staff,.livechat-conversation .chat-bubble.from-system{border-bottom-right-radius:4px}.livechat-conversation .chat-bubble-sender{font-size:11px;letter-spacing:.03em;margin-bottom:4px}.livechat-conversation .chat-thread-messages .chat-message{margin-bottom:var(--spacing-md)}.livechat-conversation .empty-state{padding:var(--spacing-2xl)}.livechat-conversation .empty-state p{margin:0;font-size:13px;color:var(--color-text-secondary)}.livechat-templates-dropdown{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);max-height:200px;overflow-y:auto}.livechat-template-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-family:inherit;font-size:var(--font-size-body);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-primary);transition:background var(--duration-fast)}.livechat-template-item:hover{background:var(--color-bg-panel)}.settings-page{--settings-content-max: 960px;--settings-nav-width: 220px;--settings-gap: 24px;padding-bottom:80px}.settings-page-inner{display:flex;gap:var(--settings-gap);max-width:calc(var(--settings-nav-width) + var(--settings-content-max) + var(--settings-gap));margin:0 auto}@media(min-width:1024px){.settings-nav{flex-shrink:0;width:var(--settings-nav-width);position:sticky;top:var(--spacing-lg);align-self:flex-start}.settings-nav-title{font-size:20px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-md);letter-spacing:-.02em}.settings-nav-list{display:flex;flex-direction:column;gap:2px}.settings-nav-item{display:block;width:100%;padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);border-left:3px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.settings-nav-item:hover{color:var(--color-text-primary);background:#0000000a}.settings-nav-item.active{color:var(--color-primary-focus);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-left-color:var(--color-primary)}.settings-nav-item:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.settings-content{flex:1;min-width:0;max-width:var(--settings-content-max)}.settings-tabs-mobile{display:none}}@media(max-width:1023px){.settings-page-inner{flex-direction:column}.settings-nav-desktop{display:none}.settings-tabs-mobile{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);background:var(--glass);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.settings-tabs-mobile select{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);cursor:pointer}.settings-content{max-width:100%}}.settings-panel-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.settings-panel-title{font-size:20px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs);letter-spacing:-.02em}.settings-panel-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.45;margin:0}.settings-tab-panel{display:none}.settings-tab-panel[aria-hidden=false]{display:block;animation:settingsPanelIn .18s var(--ease-default)}@keyframes settingsPanelIn{0%{opacity:0}to{opacity:1}}.settings-sections{display:flex;flex-direction:column;gap:16px}.settings-section{padding:18px 20px;border-radius:10px;border:1px solid var(--color-border-light);background:var(--color-bg-surface);box-shadow:0 1px 3px #0000000d;transition:box-shadow .18s,border-color .18s}.settings-section:hover{border-color:var(--color-border-medium);box-shadow:0 2px 8px #0000000f}.settings-card-title{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-subtle)}.settings-section-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.45;margin:0 0 var(--spacing-md)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:12px 14px;margin:0 -14px;border-radius:var(--radius-md);transition:background .15s}.settings-row:hover{background:#00000008}.settings-row-main{flex:1;min-width:0}.settings-row-title{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.settings-row-desc{font-size:12px;color:var(--color-text-muted);margin:var(--spacing-xs) 0 0;line-height:1.4}.settings-row-control{flex-shrink:0}.settings-row .settings-switch{margin-bottom:0;padding:0;min-height:0}.settings-unsaved-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-surface);border-top:1px solid var(--color-border-medium);box-shadow:0 -4px 12px #00000014;z-index:100;transition:transform .2s,opacity .2s}.settings-unsaved-bar.hidden{transform:translateY(100%);opacity:0;pointer-events:none}.settings-unsaved-bar .unsaved-text{font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.settings-unsaved-bar .unsaved-actions{display:flex;gap:var(--spacing-md)}.settings-master-rows{display:flex;flex-direction:column;gap:2px}.settings-event-cards{display:flex;flex-direction:column;gap:12px;margin-top:var(--spacing-md)}.settings-event-card{padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:#fff9;transition:border-color .15s,background .15s}.settings-event-card:hover{border-color:var(--color-border-medium)}.settings-event-card-title{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}.settings-event-lines{display:flex;flex-direction:column;gap:8px}.settings-event-line{display:flex;align-items:center;gap:var(--spacing-lg);font-size:13px;color:var(--color-text-secondary)}.settings-event-line-label{min-width:64px;font-weight:var(--font-weight-medium)}.settings-event-line-toggles{display:flex;align-items:center;gap:var(--spacing-lg)}.settings-event-line-toggles .settings-switch-inline{margin-bottom:0}.settings-event-line-toggles .switch-label{font-size:12px;color:var(--color-text-secondary)}.settings-event-line-toggles .disabled-message{font-size:12px;color:var(--color-text-muted);font-style:italic}.settings-row.disabled .settings-row-main{opacity:.7}.settings-row.disabled .settings-row-control{opacity:.6;pointer-events:none}.settings-platform-segmented{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:var(--radius-md);background:var(--color-border-light);border:1px solid var(--color-border-medium)}.settings-platform-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:6.5em;padding:6px 24px 6px 12px;border-radius:6px;font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s;box-sizing:border-box}.settings-platform-chip:hover{color:var(--color-text-primary);background:#ffffffb3}.settings-platform-chip.selected{color:var(--color-primary-focus);background:var(--color-bg-surface);box-shadow:0 1px 2px #0000000f}.settings-platform-chip.selected:after{content:"✓";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;line-height:1}.settings-platform-chip input{position:absolute;opacity:0;pointer-events:none}.settings-agent-summary{padding:14px 16px;min-width:200px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg-surface));border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);font-size:13px;color:var(--color-text-primary)}.settings-agent-summary-title{font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.settings-agent-summary-list{margin:0;padding-left:1.2em;line-height:1.6}.settings-agent-grid{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}@media(max-width:900px){.settings-agent-grid{grid-template-columns:1fr}}.settings-helper{font-size:12px;color:var(--color-text-muted);margin-top:var(--spacing-xs)}.settings-switch{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);cursor:pointer;padding:var(--spacing-sm) 0;min-height:var(--touch-target-min)}.settings-switch input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.settings-switch .switch-track{position:relative;flex-shrink:0;width:var(--switch-width);height:var(--switch-height);border-radius:var(--radius-full);background:var(--color-border-medium);border:1px solid var(--color-border-light);box-shadow:inset 0 1px 2px #0000000f;transition:background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}.settings-switch .switch-track:after{content:"";position:absolute;left:2px;top:2px;width:calc(var(--switch-height) - 4px);height:calc(var(--switch-height) - 4px);border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform var(--duration-fast) var(--ease-default)}.settings-switch:hover .switch-track{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,var(--color-border-light))}.settings-switch input:checked+.switch-track{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-color:var(--color-primary-dark);box-shadow:inset 0 1px 2px #fff3,0 2px 6px #16a34a40}.settings-switch input:checked+.switch-track:after{transform:translate(calc(var(--switch-width) - var(--switch-height)))}.settings-switch input:focus-visible+.switch-track{box-shadow:var(--shadow-focus)}.settings-switch input:disabled+.switch-track{opacity:.6;cursor:not-allowed}.settings-switch input:disabled~.switch-label{opacity:.7}.settings-switch .switch-label{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none}.settings-switch-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.settings-switch-row .settings-switch-group-label{flex:0 0 100%;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.settings-switch-row .settings-switch-pair{display:flex;align-items:center;gap:var(--spacing-2xl);flex-wrap:wrap}.settings-switch-row .settings-switch-inline{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-bottom:0}.settings-switch-row .settings-switch-inline .switch-label{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.settings-switch-row .settings-switch-inline .switch-label.channel-sms{color:#0d9488}.settings-switch-row .settings-switch-inline .switch-label.channel-email{color:#2563eb}.settings-channel-groups{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);margin-top:var(--spacing-md)}@media(max-width:520px){.settings-channel-groups{grid-template-columns:1fr}}.settings-channel-group{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:#ffffff80}.settings-channel-group .channel-group-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-light)}.settings-channel-group .channel-group-title.channel-email{color:#2563eb}.settings-channel-group .channel-group-title.channel-sms{color:#0d9488}.settings-channel-group .settings-switch{margin-bottom:var(--spacing-md)}.settings-channel-group .settings-switch:last-child{margin-bottom:0}.settings-events-table-wrap{overflow-x:auto;margin-top:var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:#ffffff80}.settings-events-table{width:100%;border-collapse:collapse;font-size:var(--font-size-body)}.settings-events-table th,.settings-events-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-border-light);vertical-align:middle}.settings-events-table th{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:.03em}.settings-events-table tbody tr:last-child td{border-bottom:none}.settings-events-table tbody tr:hover{background:#00000005}.settings-events-table .settings-events-event{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap}.settings-events-table .settings-switch-inline{margin-bottom:0;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.settings-toggle{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);cursor:pointer;padding:var(--spacing-sm) 0;min-height:var(--touch-target-min)}.settings-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:var(--checkbox-size);height:var(--checkbox-size);min-width:var(--checkbox-size);min-height:var(--checkbox-size);margin:0;border-radius:var(--radius-md);border:2px solid var(--color-border-medium);background:var(--color-bg-surface);box-shadow:inset 0 1px 2px #0000000a;cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast);flex-shrink:0}.settings-toggle input[type=checkbox]:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg-surface))}.settings-toggle input[type=checkbox]:checked{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-color:var(--color-primary-dark);box-shadow:inset 0 1px 2px #fff3,0 2px 6px #16a34a40}.settings-toggle input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);box-sizing:border-box}.settings-toggle input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.settings-toggle span{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none}.settings-section-actions{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.settings-loading{color:var(--color-text-secondary);margin:0;padding:var(--spacing-lg) 0}.settings-field{margin-bottom:var(--spacing-xl)}.settings-field>label{display:block;font-weight:var(--font-weight-medium);font-size:var(--font-size-body);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.settings-field .input-text{width:100%;max-width:360px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:#fffc;box-shadow:inset 0 1px 2px #00000008;padding:var(--spacing-md) var(--spacing-lg);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.settings-field .input-text:hover{border-color:var(--color-border-medium)}.settings-field .input-text:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus),inset 0 1px 2px #00000008}.settings-subsection{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);padding-top:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:#fff6}.settings-subsection .settings-section-title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.settings-subsection .settings-section-desc{margin-bottom:var(--spacing-md)}.settings-platform-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.settings-platform-chips label{display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-caption);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);border:1px solid var(--color-border-light);background:#fff9;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.settings-platform-chips label:hover{background:var(--glass);border-color:var(--color-border-medium);color:var(--color-text-primary)}.settings-platform-chips input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;border-radius:var(--radius-sm);border:2px solid var(--color-border-medium);background:var(--color-bg-surface);cursor:pointer;flex-shrink:0;transition:all var(--duration-fast)}.settings-platform-chips input[type=checkbox]:checked{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-color:var(--color-primary-dark)}.settings-platform-chips input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);box-sizing:border-box}.settings-platform-chips label:has(input:checked){background:color-mix(in srgb,var(--color-primary) 12%,var(--color-bg-surface));border-color:color-mix(in srgb,var(--color-primary) 35%,transparent);color:var(--color-primary-focus)}.settings-section .btn-primary{border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-2xl);font-weight:var(--font-weight-semibold)}.settings-tabs .settings-tab-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}@media(prefers-reduced-motion:reduce){.settings-tab-panel[aria-hidden=false]{animation:none}}.auth-layout{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:var(--color-bg-page)}.auth-card{width:100%;max-width:400px;padding:var(--spacing-3xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.auth-brand{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-brand .logo-wrap{justify-content:center}.auth-title{font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs);text-align:center}.auth-subtitle{font-size:var(--font-size-body);color:var(--color-text-secondary);margin:0 0 var(--spacing-2xl);text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.auth-field label{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.auth-field .input-wrap{border-radius:var(--radius-md)}.auth-actions{margin-top:var(--spacing-sm)}.auth-actions .btn-primary{width:100%}.auth-error{font-size:var(--font-size-caption);color:var(--color-status-error-text);background:var(--color-status-error-bg);padding:var(--spacing-md);border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.auth-success{font-size:var(--font-size-body);color:var(--color-text-primary);background:var(--color-primary-light);padding:var(--spacing-md);border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.auth-footer{text-align:center;margin-top:var(--spacing-2xl)}.auth-footer a{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none}.auth-footer a:hover{color:var(--color-primary-dark)}.auth-footer a:focus-visible{border-radius:var(--radius-sm)}.payment-layout{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:var(--color-bg-page)}.payment-card{width:100%;max-width:520px;padding:var(--spacing-3xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.payment-brand{text-align:center;margin-bottom:var(--spacing-2xl)}.payment-brand .logo-wrap{justify-content:center}.payment-title{font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs);text-align:center}.payment-subtitle{font-size:var(--font-size-body);color:var(--color-text-secondary);margin:0 0 var(--spacing-2xl);text-align:center}.payment-summary{background:var(--color-bg-panel);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.payment-summary-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin:0 0 var(--spacing-md)}.payment-summary-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-body)}.payment-summary-row:last-child{border-bottom:none}.payment-summary-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.payment-summary-value{color:var(--color-text-primary);text-align:right}.payment-summary-value.amount{font-weight:var(--font-weight-semibold);font-size:var(--font-size-subheading)}.payment-expiry{font-size:var(--font-size-caption);color:var(--color-text-muted);margin-top:var(--spacing-md)}.payment-form-section-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin:0 0 var(--spacing-md)}.payment-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.payment-form .auth-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.payment-form .auth-field label{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.payment-form .auth-field .input-wrap{border-radius:var(--radius-md)}.payment-form .auth-actions{margin-top:var(--spacing-sm)}.payment-form .auth-actions .btn-primary{width:100%}.payment-form .auth-error{font-size:var(--font-size-caption);color:var(--color-status-error-text);background:var(--color-status-error-bg);padding:var(--spacing-md);border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.payment-form .input-wrap-error{box-shadow:0 0 0 1px var(--color-status-error)}.payment-form .input-wrap-error:focus-within{box-shadow:0 0 0 1px var(--color-status-error),0 0 0 3px color-mix(in srgb,var(--color-status-error) 25%,transparent)}.payment-field-error{display:block;font-size:var(--font-size-caption);color:var(--color-status-error-text);margin-top:var(--spacing-xs)}.payment-success-message{font-size:var(--font-size-body);color:var(--color-text-primary);background:var(--color-primary-light);padding:var(--spacing-xl);border-radius:var(--radius-md);margin-top:var(--spacing-md);text-align:center}.payment-success-note{font-size:var(--font-size-caption);color:var(--color-text-secondary);margin-top:var(--spacing-md)}.payment-error-message{font-size:var(--font-size-body);color:var(--color-status-error-text);background:var(--color-status-error-bg);padding:var(--spacing-md);border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.payment-footer{text-align:center;margin-top:var(--spacing-2xl)}.payment-footer p{font-size:var(--font-size-body);color:var(--color-text-secondary);margin:0}.payment-row-two{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:480px){.payment-row-two{grid-template-columns:1fr}}.sidebar-nav .sidebar-nav-btn{width:100%;border:none;background:none;font-family:var(--font-sans);font-size:var(--font-size-body);cursor:pointer;text-align:left}.page-shell{display:flex;flex-direction:column;min-height:0;width:100%;max-width:var(--page-max-width, 1400px);margin:0 auto;padding:0 var(--spacing-2xl);box-sizing:border-box}.page-shell-header{position:sticky;top:0;z-index:2;flex-shrink:0;background:var(--glass-bg);backdrop-filter:blur(var(--blur-header));-webkit-backdrop-filter:blur(var(--blur-header));border-bottom:1px solid var(--color-border-light);margin:0 calc(-1 * var(--spacing-2xl));padding:var(--spacing-lg) var(--spacing-2xl)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.page-shell-header{background:var(--glass-bg-fallback)}}.page-shell-header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.page-shell-header-left{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-md);min-width:0}.page-shell-title{margin:0;font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.02em}.page-shell-subtitle{font-size:var(--font-size-body);color:var(--color-text-secondary)}.page-shell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);flex-shrink:0}.page-shell-content{flex:1;padding:var(--spacing-2xl) 0;min-width:0}@media(max-width:767px){.page-shell{padding:0 var(--spacing-lg)}.page-shell-header{margin:0 calc(-1 * var(--spacing-lg));padding:var(--spacing-md) var(--spacing-lg)}.page-shell-title{font-size:var(--font-size-subheading)}.page-shell-content{padding:var(--spacing-xl) 0}}.page-header{width:100%}.page-header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.page-header-left{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-md);min-width:0}.page-header-breadcrumbs{flex-basis:100%;margin-bottom:var(--spacing-xs)}.page-header-breadcrumbs-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);margin:0;padding:0;list-style:none;font-size:var(--font-size-caption);color:var(--color-text-secondary)}.page-header-breadcrumb-item{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.page-header-breadcrumb-sep{color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.page-header-breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-fast)}.page-header-breadcrumb-link:hover{color:var(--color-primary-focus)}.page-header-breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.page-header-title{margin:0;font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.02em}.page-header-subtitle{font-size:var(--font-size-body);color:var(--color-text-secondary)}.page-header-right{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);flex-shrink:0}.page-header-counts{font-size:var(--font-size-body);color:var(--color-text-secondary)}.page-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md)}.page-header-user-chip{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-panel);border:1px solid var(--color-border-light);border-radius:var(--radius-full);max-width:min(280px,100%);min-width:0}.page-header-user-email{font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.page-header-title{font-size:var(--font-size-subheading)}.page-header-breadcrumbs{flex-basis:auto;margin-bottom:0}.page-header-left{flex-direction:column;align-items:flex-start}}