:root{--bg-page: linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 50%, #16213e 100%);--glass-bg: rgba(255, 255, 255, .08);--glass-bg-hover: rgba(255, 255, 255, .15);--glass-bg-dark: rgba(0, 0, 0, .2);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .2);--glass-blur: blur(20px);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .3);--color-success: #38ef7d;--color-success-bg: rgba(56, 239, 125, .15);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .15);--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .15);--color-info: #3b82f6;--color-info-bg: rgba(102, 126, 234, .2);--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--success-gradient: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--warning-gradient: linear-gradient(135deg, #f7971e 0%, #ffd200 100%);--danger-gradient: linear-gradient(135deg, #eb3349 0%, #f45c43 100%);--input-bg: rgba(26, 41, 66, .9);--input-border: rgba(255, 255, 255, .1);--input-focus: rgba(59, 130, 246, .6);--nav-bg: rgba(20, 20, 35, .95);--nav-border: rgba(255, 255, 255, .1);--nav-active-bg: linear-gradient(135deg, rgba(102, 126, 234, .2) 0%, rgba(118, 75, 162, .2) 100%);--nav-active-border: rgba(102, 126, 234, .3);--overlay-bg: rgba(0, 0, 0, .7);--surface-overlay: rgba(26, 41, 66, .98);--border-subtle: rgba(255, 255, 255, .06);--focus-ring: rgba(59, 130, 246, .6);--selection-bg: rgba(102, 126, 234, .3);--selection-color: #fff;--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .25);--scrollbar-track: transparent;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-xxxl: 64px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .5);--shadow-panel: -8px 0 32px rgba(0, 0, 0, .5);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-complex: .6s}[data-theme=light]{--bg-page: linear-gradient(135deg, #f1f5f9 0%, #cbd5e1 100%);--glass-bg: rgba(255, 255, 255, .65);--glass-bg-hover: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .12);--glass-shadow: 0 4px 20px rgba(0, 0, 0, .08);--glass-blur: blur(25px);--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--text-disabled: #94a3b8;--color-success: #059669;--color-success-bg: rgba(5, 150, 105, .12);--color-warning: #d97706;--color-warning-bg: rgba(217, 119, 6, .12);--color-danger: #dc2626;--color-danger-bg: rgba(220, 38, 38, .12);--color-info: #0284c7;--color-info-bg: rgba(2, 132, 199, .12);--input-bg: #fcfcfd;--input-border: #cbd5e1;--input-focus: rgba(59, 130, 246, .4);--nav-bg: rgba(255, 255, 255, .9);--nav-border: rgba(0, 0, 0, .08);--nav-active-bg: linear-gradient(135deg, rgba(102, 126, 234, .15) 0%, rgba(118, 75, 162, .15) 100%);--nav-active-border: rgba(102, 126, 234, .3);--overlay-bg: rgba(15, 23, 42, .4);--surface-overlay: #ffffff;--border-subtle: rgba(0, 0, 0, .1);--focus-ring: rgba(59, 130, 246, .4);--selection-bg: rgba(102, 126, 234, .25);--selection-color: #1e293b;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .12);--shadow-panel: -8px 0 32px rgba(0, 0, 0, .12);--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .25)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none}app-root,app-dashboard,app-customers,app-scheduled-demos,app-interviews,app-call-logs,app-knowledge-base,app-user-management,app-roles{display:block}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-page);color:var(--text-primary);transition:background var(--duration-slow) var(--ease-in-out)}body.modal-open .header,body.modal-open .sidenav{filter:blur(8px);pointer-events:none}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass,.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all var(--duration-normal) var(--ease-in-out)}.glass:hover,.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.action-btn.text-btn{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);padding:8px 16px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;font-family:inherit}.action-btn.text-btn:hover{background:var(--glass-bg-hover);border-color:var(--focus-ring);color:var(--text-primary)}.action-btn.primary-btn{background:var(--primary-gradient);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast)}.btn-primary{background:var(--primary-gradient);color:#fff;padding:12px 24px;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--duration-normal) var(--ease-in-out)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary svg{stroke:currentColor;stroke-width:2}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);padding:12px 24px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--duration-normal) var(--ease-in-out)}.btn-secondary:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--glass-border)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-primary);padding:12px 24px;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--duration-normal) var(--ease-in-out)}.btn-ghost:hover:not(:disabled){background:var(--glass-bg);border-color:var(--glass-border)}