:root{--color-white: #FFFFFF;--color-black: #000000;--color-bg-primary: #0F172A;--color-bg-secondary: #1E293B;--color-bg-tertiary: #334155;--color-surface: #1E293B;--color-surface-elevated: #334155;--color-surface-hover: #334155;--color-surface-active: #475569;--color-surface-disabled: #1E293B;--color-text-primary: #F8FAFC;--color-text-secondary: #CBD5E1;--color-text-tertiary: #94A3B8;--color-text-inverse: #0F172A;--color-text-disabled: #64748B;--color-border-subtle: #1E293B;--color-border-default: #334155;--color-border-strong: #475569;--color-border-focus: #60A5FA;--color-primary: #3B82F6;--color-primary-hover: #60A5FA;--color-primary-active: #2563EB;--color-primary-disabled: #1E3A8A;--color-primary-text: #FFFFFF;--color-primary-light: #1E3A8A;--color-success: #10B981;--color-success-bg: #064E3B;--color-success-text: #6EE7B7;--color-warning: #F59E0B;--color-warning-bg: #78350F;--color-warning-text: #FCD34D;--color-error: #EF4444;--color-error-bg: #7F1D1D;--color-error-text: #FCA5A5;--color-info: #3B82F6;--color-info-bg: #1E3A8A;--color-info-text: #93C5FD;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5);--color-overlay: rgba(0, 0, 0, .6);--color-overlay-strong: rgba(0, 0, 0, .8);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=light]{--color-bg-primary: #FAFAFA;--color-bg-secondary: #F5F5F5;--color-bg-tertiary: #F0F0F0;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-surface-hover: #F9FAFB;--color-surface-active: #F3F4F6;--color-surface-disabled: #F9FAFB;--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-text-inverse: #FFFFFF;--color-text-disabled: #D1D5DB;--color-border-subtle: #F3F4F6;--color-border-default: #E5E7EB;--color-border-strong: #D1D5DB;--color-border-focus: #3B82F6;--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-active: #1E40AF;--color-primary-disabled: #93C5FD;--color-primary-light: #DBEAFE;--color-success: #10B981;--color-success-bg: #D1FAE5;--color-success-text: #065F46;--color-warning: #F59E0B;--color-warning-bg: #FEF3C7;--color-warning-text: #92400E;--color-error: #EF4444;--color-error-bg: #FEE2E2;--color-error-text: #991B1B;--color-info: #3B82F6;--color-info-bg: #DBEAFE;--color-info-text: #1E40AF;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--color-overlay: rgba(0, 0, 0, .4);--color-overlay-strong: rgba(0, 0, 0, .6)}:root{--color-bg-app: var(--color-bg-primary);--color-bg-sidebar: var(--color-surface);--color-bg-topbar: var(--color-surface);--color-surface-1: var(--color-surface);--color-surface-2: var(--color-surface-elevated);--color-border-soft: var(--color-border-default);--color-border-softer: var(--color-border-subtle);--color-text-muted: var(--color-text-tertiary);--color-primary-blue: var(--color-primary);--color-primary-hover: var(--color-primary-hover);--color-primary-active: var(--color-primary-active);--color-primary-soft-bg: var(--color-primary-light);--color-primary-border: var(--color-primary);--color-primary-focus: var(--color-border-focus);--color-page-bg: var(--color-bg-primary);--shadow-card: var(--shadow-lg);--shadow-soft: var(--shadow-md);--shadow-glow-primary: 0 0 0 1px var(--color-border-focus), 0 0 0 3px var(--color-primary-light);--color-success: var(--color-success);--color-success-bg: var(--color-success-bg);--color-warning: var(--color-warning);--color-warning-bg: var(--color-warning-bg);--color-error: var(--color-error);--color-error-bg: var(--color-error-bg);--color-purple: #A78BFA;--color-purple-bg: rgba(167, 139, 250, .14);--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-3);--space-lg: var(--space-4);--space-xl: var(--space-6);--space-2xl: var(--space-8);--radius-sm: var(--radius-sm);--radius-md: var(--radius-md);--radius-lg: var(--radius-lg);--font-size-small: var(--font-size-xs);--font-size-body: var(--font-size-sm);--font-size-h2: var(--font-size-lg);--font-size-h1: var(--font-size-2xl);--font-weight-body: var(--font-weight-medium);--font-weight-section: var(--font-weight-semibold);--font-weight-title: var(--font-weight-bold);--dur-fast: var(--transition-fast);--dur-med: var(--transition-base);--ease: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-app);color:var(--color-text-primary)}#root{height:100%;width:100%;min-height:100vh;background:var(--color-bg-app)}.layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:var(--color-bg-primary);gap:0}.sidebar{width:280px;background:var(--color-surface);border-right:1px solid var(--color-border-default);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;position:relative;z-index:var(--z-base)}.sidebar-header{margin-bottom:var(--space-6)}.sidebar-header .logo-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:0}.logo-mark{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary-text);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.logo-text{display:flex;flex-direction:column;line-height:var(--line-height-tight)}.logo-text-line1{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-text-primary)}.logo-text-line2{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.admin-info,.role-badge{display:none}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:var(--space-1);padding:0;margin:0;list-style:none}.sidebar-nav a{display:flex;align-items:center;gap:var(--space-3);height:44px;border-radius:var(--radius-md);padding:0 var(--space-4);color:var(--color-text-secondary);text-decoration:none;background:transparent;transition:all var(--transition-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);position:relative}.sidebar-nav a:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.sidebar-nav a.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.sidebar-nav a.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary);border-radius:0 var(--radius-xs) var(--radius-xs) 0}.nav-icon{font-size:var(--font-size-lg);width:20px;display:flex;align-items:center;justify-content:center;color:inherit}.sidebar-footer{margin-top:auto;height:1px}.sidebar-controls{display:flex;gap:var(--space-2);width:100%}.theme-toggle,.language-select{flex:1;height:36px;border-radius:var(--radius-md);color:var(--color-text-secondary);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);cursor:pointer;font-size:var(--font-size-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.language-select{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:0 var(--space-3);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:26px}[data-theme=light] .language-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.theme-toggle:hover,.language-select:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}.language-select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.logout-btn{width:100%;height:40px;border-radius:var(--radius-md);color:var(--color-text-secondary);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base)}.logout-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}.main-content{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg-primary)}.topbar{height:64px;background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-default);padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.topbar-search{width:520px;height:40px;border-radius:var(--radius-full);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);padding:0 var(--space-4) 0 var(--space-10);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-base);position:relative}.topbar-search::placeholder{color:var(--color-text-tertiary)}.topbar-search:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.topbar-search:before{content:"";position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);pointer-events:none;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.topbar-right{display:flex;align-items:center;gap:var(--space-4);position:relative}.topbar-bell{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}.topbar-bell:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.user-chip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);cursor:pointer;transition:all var(--transition-fast);position:relative}.user-chip:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-text);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);display:grid;place-items:center;flex-shrink:0}.user-text{display:flex;flex-direction:column;gap:2px}.user-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.user-role{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);line-height:var(--line-height-tight);text-transform:capitalize}.user-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:240px;border-radius:var(--radius-lg);background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-default);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown);display:flex;flex-direction:column;gap:var(--space-1)}.dropdown-controls{justify-content:space-between;gap:var(--space-2)}.dropdown-controls .theme-toggle{width:40px;flex:0 0 auto}.dropdown-icon{display:inline-flex;align-items:center;justify-content:center}.dropdown-item{height:40px;border-radius:var(--radius-md);padding:0 var(--space-3);display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.dropdown-item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.dropdown-item.signout{color:var(--color-error)}.dropdown-item.signout:hover{background:var(--color-error-bg);color:var(--color-error-text)}.content-area{flex:1;padding:var(--space-6) var(--space-8);overflow-y:auto}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--color-bg-primary);position:relative}.login-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,var(--color-primary-light) 0%,transparent 50%);pointer-events:none;opacity:.5}.login-box{width:520px;border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border-default);box-shadow:var(--shadow-xl);padding:var(--space-8);position:relative;z-index:1}.login-logo{display:flex;justify-content:center;margin-bottom:var(--space-4)}.login-logo-mark{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-primary);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;color:var(--color-primary-text);font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl)}.login-box h1{margin:var(--space-4) 0 0 0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;letter-spacing:-.02em;line-height:var(--line-height-tight)}.login-box h2{margin:var(--space-2) 0 0 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:center;line-height:var(--line-height-normal)}.form-group{margin-top:var(--space-4);position:relative}.form-group label{display:block;margin-bottom:var(--space-2);color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.form-group input{width:100%;height:48px;border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);padding:0 var(--space-4) 0 var(--space-10);color:var(--color-text-primary);font-size:var(--font-size-sm);box-sizing:border-box;transition:all var(--transition-base);position:relative}.form-group input::placeholder{color:var(--color-text-tertiary)}.form-group input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.form-group:before{content:"";position:absolute;left:var(--space-4);top:40px;width:20px;height:20px;pointer-events:none;z-index:1}.form-group:first-of-type:before{content:"";width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.form-group:last-of-type:before{content:"";width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.error-message{color:var(--color-error-text);margin-top:var(--space-4);margin-bottom:0;padding:var(--space-3) var(--space-4);background:var(--color-error-bg);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:1px solid var(--color-error);font-weight:var(--font-weight-medium)}.login-box button{width:100%;margin-top:var(--space-5);height:48px;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-text);border:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.login-box button:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.login-box button:active:not(:disabled){background:var(--color-primary-active);transform:translateY(0);box-shadow:var(--shadow-sm)}.login-box button:focus:not(:disabled){outline:none;box-shadow:0 0 0 3px var(--color-primary-light),var(--shadow-md)}.login-box button:disabled{background:var(--color-surface-disabled);color:var(--color-text-disabled);cursor:not-allowed;box-shadow:none;opacity:.6}.login-footer{margin-top:var(--space-5);font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;opacity:.8;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.login-footer:before{content:"";width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.dashboard-page{background:var(--color-page-bg);min-height:100vh;padding:32px 40px;color:var(--color-text-primary)}.dashboard-header{margin-bottom:32px}.dashboard-title{font-size:28px;font-weight:600;color:var(--color-text-primary);margin:0}.dashboard-subtitle{font-size:14px;color:var(--color-text-secondary);margin:0}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}@media(max-width:1200px){.dashboard-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.dashboard-metrics{grid-template-columns:1fr}}.metric-card{position:relative;overflow:hidden;padding:24px;border-radius:16px;background:var(--color-surface);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-card);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.metric-card:before{content:"";position:absolute;inset:0;background:var(--color-primary-soft-bg);pointer-events:none;border-radius:16px}.metric-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-subtle);box-shadow:var(--shadow-hover)}.metric-watermark-icon{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:112px;height:112px;font-size:64px;opacity:.08;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0}.metric-accent-badge{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-subtle);background:var(--color-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.metric-accent-icon{font-size:18px;line-height:1}.metric-accent-cyan{background:#06b6d426;border-color:#06b6d44d}.metric-accent-cyan .metric-accent-icon{color:#22d3ee}.metric-accent-green{background:#10b98126;border-color:#10b9814d}.metric-accent-green .metric-accent-icon{color:#34d399}.metric-accent-amber{background:#f59e0b26;border-color:#f59e0b4d}.metric-accent-amber .metric-accent-icon{color:#facc15}.metric-accent-red{background:#ef444426;border-color:#ef44444d}.metric-accent-red .metric-accent-icon{color:#f87171}.metric-label{font-size:13px;font-weight:500;color:var(--color-text-secondary);margin:0 0 8px;position:relative;z-index:1}.metric-value{font-size:36px;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.2;letter-spacing:-.5px;position:relative;z-index:1}.metric-change{margin-top:12px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;position:relative;z-index:1}.metric-change-arrow{width:16px;height:16px;flex-shrink:0}.metric-change-value{font-weight:600}.metric-change-text{color:var(--color-text-secondary);font-weight:400}.metric-change.positive{color:var(--color-success)}.metric-change.negative{color:var(--color-error)}.metric-change.negative .metric-change-text{color:var(--color-text-secondary)}.dashboard-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media(max-width:1024px){.dashboard-main-grid{grid-template-columns:1fr}}.dashboard-panel{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:16px;box-shadow:var(--shadow-card);padding:24px;min-height:360px}.dashboard-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-panel-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.dashboard-panel-link{font-size:14px;font-weight:600;color:var(--color-primary-blue);text-decoration:none;transition:color .2s ease}.dashboard-panel-link:hover{color:var(--color-primary-hover)}.dashboard-activity-list{display:flex;flex-direction:column;gap:0}.dashboard-activity-item{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;transition:background .2s ease}.dashboard-activity-item:hover{background:var(--color-surface-hover)}.dashboard-activity-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--color-text-primary);flex-shrink:0}.dashboard-activity-content{flex:1;min-width:0}.dashboard-activity-title{font-size:14px;font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.dashboard-activity-meta{font-size:12px;color:var(--color-text-secondary);margin:0}.dashboard-status-list{display:flex;flex-direction:column;gap:12px}.dashboard-status-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;border:1px solid;transition:background .2s ease,border-color .2s ease}.dashboard-status-left{display:flex;align-items:center;gap:12px}.dashboard-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dashboard-status-label,.dashboard-status-text{font-size:14px;font-weight:500}.dashboard-status-item.status-ok{background:#10b9811a;border-color:#10b98133;color:#34d399}.dashboard-status-item.status-ok .dashboard-status-dot{background:#10b981}.dashboard-status-item.status-ok .dashboard-status-label{color:#34d399}.dashboard-status-item.status-ok .dashboard-status-text{color:#34d399b3}.dashboard-status-item.status-warn{background:#f59e0b1a;border-color:#f59e0b33;color:#fbbf24}.dashboard-status-item.status-warn .dashboard-status-dot{background:#f59e0b}.dashboard-status-item.status-warn .dashboard-status-label{color:#fbbf24}.dashboard-status-item.status-warn .dashboard-status-text{color:#fbbf24b3}.dashboard-status-item.status-error{background:#ef44441a;border-color:#ef444433;color:#f87171}.dashboard-status-item.status-error .dashboard-status-dot{background:#ef4444}.dashboard-status-item.status-error .dashboard-status-label{color:#f87171}.dashboard-status-item.status-error .dashboard-status-text{color:#f87171b3}.dashboard-status-item.status-loading{background:#94a3b81a;border-color:#94a3b833;color:#94a3b8}.dashboard-status-item.status-loading .dashboard-status-dot{background:#94a3b8}.dashboard-status-item.status-loading .dashboard-status-label,.dashboard-status-item.status-loading .dashboard-status-text{color:#94a3b8}.dashboard-loading,.dashboard-error{text-align:center;padding:48px;color:var(--color-text-secondary);font-size:14px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:16px;box-shadow:var(--shadow-card)}.dashboard-error{color:var(--color-error);border-color:var(--color-error);background:var(--color-error-bg)}.users-page{max-width:1400px}.users-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem}.users-list{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.search-bar{display:flex;gap:.5rem;margin-bottom:1rem}.search-bar input{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px}.search-bar button{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer}.users-list-items{max-height:600px;overflow-y:auto}.user-item{padding:1rem;border-bottom:1px solid #eee;cursor:pointer;transition:background .2s}.user-item:hover{background:#f5f5f5}.user-id{font-weight:600;color:#333}.user-name{color:#666;font-size:.875rem}.user-profile{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;max-height:800px;overflow-y:auto}.profile-section{margin-bottom:2rem}.profile-section h3{margin-bottom:1rem;color:#333;border-bottom:2px solid #667eea;padding-bottom:.5rem}.data-list{display:flex;flex-direction:column;gap:.5rem}.data-item{padding:.75rem;background:#f5f5f5;border-radius:4px;font-size:.875rem}.notes-list{margin-bottom:1rem}.note-item{padding:1rem;background:#f9f9f9;border-left:3px solid #667eea;margin-bottom:.75rem;border-radius:4px}.note-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;color:#666}.note-text{color:#333}.add-note textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;margin-bottom:.5rem;font-family:inherit;resize:vertical}.add-note button{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer}.select-wrapper{display:flex;flex-direction:column;gap:6px}.select-label{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.select-container{position:relative;display:inline-block;width:100%}.select-wrapper .select-container{display:block}.styled-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;height:40px;padding:0 40px 0 14px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:500;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.styled-select:hover{background:var(--color-surface-hover);border-color:var(--color-border-subtle)}.styled-select:focus{outline:none;border:1px solid var(--color-primary-focus);box-shadow:var(--shadow-glow-primary);background:var(--color-surface-hover)}.styled-select:disabled{opacity:.5;cursor:not-allowed}.styled-select.error{border-color:var(--color-error)}.styled-select option{background:var(--color-surface);color:var(--color-text-primary);padding:8px}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-muted);font-size:10px;transition:color var(--dur-fast) var(--ease)}.styled-select:hover+.select-arrow,.styled-select:focus+.select-arrow{color:var(--color-text-secondary)}.select-error{font-size:var(--font-size-small);color:var(--color-error);margin-top:4px}.inline-select .styled-select{height:36px;min-width:120px}.inline-select .select-container{display:inline-block;width:auto}.page-header{margin-bottom:var(--space-6)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0;color:var(--color-text-primary);line-height:var(--line-height-tight)}.page-subtitle{margin-top:var(--space-2);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.page-actions{display:flex;align-items:center;gap:var(--space-3)}.btn-secondary{height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-default);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){background:var(--color-surface-active);transform:translateY(0)}.btn-secondary:focus:not(:disabled){outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{height:40px;padding:0 var(--space-5);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-text);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-shadow:var(--shadow-md);border:none;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:var(--color-primary-active);transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary:focus:not(:disabled){outline:none;box-shadow:0 0 0 3px var(--color-primary-light),var(--shadow-md)}.btn-primary:disabled{background:var(--color-primary-disabled);cursor:not-allowed;opacity:.6}.badge{height:24px;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;line-height:1}.badge-pending{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning)}.badge-banned,.badge-expired,.badge-cancelled{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error)}.badge-owner{background:var(--color-purple-bg);color:var(--color-purple);border-color:var(--color-purple)}.badge-manager,.badge-operator{background:var(--color-surface-elevated);color:var(--color-text-secondary);border-color:var(--color-border-default)}.pill{height:24px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center}.card{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border-default);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.table-container{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border-default);box-shadow:var(--shadow-sm);overflow:hidden}.table-toolbar{padding:var(--space-4);border-bottom:1px solid var(--color-border-default);display:flex;justify-content:space-between;align-items:center;background:var(--color-surface-elevated)}.table-toolbar-left,.table-toolbar-right{display:flex;gap:var(--space-3);align-items:center}.table-search{width:420px;height:40px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-default);padding:0 var(--space-4) 0 var(--space-10);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-base);position:relative}.table-search::placeholder{color:var(--color-text-tertiary)}.table-search:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.table{width:100%;border-collapse:collapse}.table thead{background:var(--color-surface-elevated)}.table th{height:48px;padding:0 var(--space-4);text-align:left;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--color-border-default)}.table td{height:64px;padding:0 var(--space-4);border-bottom:1px solid var(--color-border-default);color:var(--color-text-primary);font-size:var(--font-size-sm)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-surface-hover)}.table tbody tr:last-child td{border-bottom:none}.cell-primary{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.cell-secondary{color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.row-actions{display:flex;gap:var(--space-2);align-items:center}.icon-button{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}.icon-button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.table-pagination{padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center;color:var(--color-text-tertiary);font-size:var(--font-size-xs);border-top:1px solid var(--color-border-default);background:var(--color-surface-elevated)}.pagination-button{height:32px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border-default);color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.pagination-button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.subscriptions-page{max-width:1400px;width:100%}.subscriptions-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.table-toolbar,.table-toolbar-left{flex-wrap:wrap;gap:var(--space-md)}.table-search-wrapper{position:relative;display:flex;align-items:center}.table-search-icon{position:absolute;left:14px;font-size:16px;color:var(--color-text-muted);pointer-events:none;z-index:1}.table-search{padding-left:40px!important}.filter-chips{display:inline-flex;gap:0;background:var(--color-surface);padding:4px;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.filter-chip{height:32px;padding:0 var(--space-md);border-radius:var(--radius-sm);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease);text-transform:capitalize}.filter-chip:hover{color:var(--color-text-primary)}.filter-chip.active{background:var(--color-primary-soft-bg);color:var(--color-primary-blue);font-weight:700}.toggle-switch-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch-text{font-size:var(--font-size-body);color:var(--color-text-secondary);font-weight:500;transition:color var(--dur-fast) var(--ease)}.toggle-switch-label:has(.toggle-switch-input:checked) .toggle-switch-text{color:var(--color-primary-blue)}.toggle-switch-wrapper{position:relative;display:inline-flex;align-items:center}.toggle-switch-input{position:absolute;opacity:0;width:0;height:0}.toggle-switch-track{width:44px;height:24px;border-radius:12px;background:var(--color-surface);border:1px solid var(--color-border-subtle);position:relative;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);cursor:pointer}.toggle-switch-track.checked{background:var(--color-primary-soft-bg);border-color:var(--color-primary-border)}.toggle-switch-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--color-text-secondary);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease);box-shadow:var(--shadow)}.toggle-switch-track.checked .toggle-switch-thumb{transform:translate(20px);background:var(--color-primary-blue)}.subscription-user-cell{display:flex;align-items:center;gap:var(--space-md)}.user-avatar-small{width:36px;height:36px;border-radius:50%;background:var(--color-primary-soft-bg);border:1px solid var(--color-primary-border);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:var(--color-primary-blue);flex-shrink:0}.expires-cell{display:flex;align-items:center;gap:var(--space-xs)}.expires-icon{font-size:14px;opacity:.7}.action-btn{height:32px;padding:0 var(--space-md);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:var(--font-size-small);font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease)}.action-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-subtle)}.action-btn-extend:hover{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.table-empty-state{padding:var(--space-2xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.table-empty-state h3{font-size:var(--font-size-h2);font-weight:800;color:var(--color-text-primary);margin:0}.table-empty-state p{font-size:var(--font-size-body);color:var(--color-text-muted);margin:0}.table-loading{padding:var(--space-2xl);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-body)}@media(max-width:1023px){.table-toolbar,.table-toolbar-left{flex-direction:column;align-items:stretch}.table-search-wrapper{width:100%}.table-search{width:100%!important}.filter-chips{width:100%;justify-content:stretch}.filter-chip{flex:1}.toggle-switch-label{justify-content:space-between;width:100%}.table-toolbar-right,.table-toolbar-right .btn-primary{width:100%}}.payments-page{max-width:1400px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.sync-btn{padding:.75rem 1.5rem;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500}.sync-btn:hover{background:#45a049}.filters{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.filters select{padding:.5rem;border:1px solid #ddd;border-radius:4px}.filters button{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer}.invoices-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}table{width:100%;border-collapse:collapse}thead{background:#f5f5f5}th,td{padding:1rem;text-align:left;border-bottom:1px solid #eee}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.875rem;font-weight:500}.status-paid{background:#4caf50;color:#fff}.status-pending{background:#ff9800;color:#fff}.status-expired,.status-cancelled{background:#f44336;color:#fff}.status-created{background:#2196f3;color:#fff}.admins-page{max-width:1400px;width:100%}.admins-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.access-denied{padding:var(--space-xl);text-align:center;color:var(--color-text-secondary);background:var(--color-surface-1);border:1px solid var(--color-border-softer);border-radius:var(--radius-lg)}.admins-modal-overlay{position:fixed;inset:0;background:var(--color-shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100}.admins-modal{background:var(--color-surface-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-xl);min-width:420px;max-width:90vw}.modal-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-title);color:var(--color-text-primary);margin:0 0 var(--space-lg) 0}.modal-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-field{display:flex;flex-direction:column;gap:var(--space-sm)}.form-field label{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-input,.form-select{height:44px;padding:0 var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:500;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.form-input:focus,.form-select:focus{outline:none;border:1px solid var(--color-primary-focus);box-shadow:var(--shadow-glow-primary)}.form-input::placeholder{color:var(--color-text-muted)}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-md)}.table-filter-select{height:40px;padding:0 var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.table-filter-select:hover{background:var(--color-surface-hover);border-color:var(--color-border-subtle)}.table-filter-select:focus{outline:none;border:1px solid var(--color-primary-focus);box-shadow:var(--shadow-glow-primary)}.table-loading{padding:var(--space-xl);text-align:center;color:var(--color-text-secondary)}.table-empty{padding:var(--space-xl);text-align:center;color:var(--color-text-muted)}.admin-cell{display:flex;align-items:center;gap:var(--space-md)}.admin-avatar{width:40px;height:40px;border-radius:999px;background:var(--color-primary-blue);color:var(--color-white);font-weight:800;font-size:var(--font-size-body);display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-info{display:flex;flex-direction:column;gap:2px}.admin-name{font-size:var(--font-size-body);font-weight:800;color:var(--color-text-primary)}.admin-id{font-size:var(--font-size-small);color:var(--color-text-muted);font-weight:600}.role-select{height:36px;padding:0 var(--space-md);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:var(--font-size-small);font-weight:700;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.role-select:hover{background:var(--color-surface-hover);border-color:var(--color-border-subtle)}.role-select:focus{outline:none;border:1px solid var(--color-primary-focus);box-shadow:var(--shadow-glow-primary)}.status-cell{display:flex;align-items:center;gap:var(--space-md)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch-input{opacity:0;width:0;height:0}.toggle-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-surface);border:1px solid var(--color-border-subtle);transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);border-radius:24px}.toggle-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--color-text-secondary);transition:transform var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease);border-radius:50%}.toggle-switch-input:checked+.toggle-switch-slider{background-color:var(--color-primary-blue);border-color:var(--color-primary-blue)}.toggle-switch-input:checked+.toggle-switch-slider:before{transform:translate(20px);background-color:var(--color-white)}.toggle-switch-input:focus+.toggle-switch-slider{box-shadow:var(--shadow-glow-primary)}.status-badge{font-size:var(--font-size-small);font-weight:800;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;border:1px solid}.btn-danger{height:36px;padding:0 var(--space-md);border-radius:var(--radius-md);background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error);font-size:var(--font-size-small);font-weight:700;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.btn-danger:hover{background:var(--color-error-bg);border-color:var(--color-error)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.badge-admin,.badge-teamlead{background:var(--color-surface);color:var(--color-text-secondary);border-color:var(--color-border-subtle)}.audit-logs-page{max-width:1400px;width:100%}.audit-logs-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.event-type-filter{min-width:220px}.event-type-filter .styled-select{height:40px}.details-cell{max-width:400px}.details-cell .cell-primary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-loading,.table-empty{padding:var(--space-xl);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-body)}.table-empty{color:var(--color-text-muted)}.confirm-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{background:var(--color-surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;border:1px solid var(--color-border-default)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal-header{padding:var(--space-5);border-bottom:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:space-between;background:var(--color-surface)}.confirm-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.confirm-modal-close{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-base)}.confirm-modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.confirm-modal-body{padding:var(--space-5);flex:1;overflow-y:auto}.confirm-modal-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.confirm-modal-footer{padding:var(--space-5);border-top:1px solid var(--color-border-default);display:flex;gap:var(--space-3);justify-content:flex-end;background:var(--color-surface)}.confirm-modal-btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);border:1px solid transparent;min-width:100px}.confirm-modal-btn-cancel{background:var(--color-surface-elevated);color:var(--color-text-secondary);border-color:var(--color-border-default)}.confirm-modal-btn-cancel:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text-primary)}.confirm-modal-btn-confirm{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}.confirm-modal-btn-confirm:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.confirm-modal-btn-confirm.confirm-modal-btn-danger{background:var(--color-error);color:var(--color-error-text);border-color:var(--color-error)}.confirm-modal-btn-confirm.confirm-modal-btn-danger:hover{background:var(--color-error-hover);border-color:var(--color-error-hover)}.confirm-modal-btn-confirm.confirm-modal-btn-warning{background:var(--color-warning);color:var(--color-warning-text);border-color:var(--color-warning)}.confirm-modal-btn-confirm.confirm-modal-btn-warning:hover{background:var(--color-warning-hover);border-color:var(--color-warning-hover)}.confirm-modal-btn:active{transform:translateY(0)}.confirm-modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chats-page{width:100%;height:100%;display:flex;flex-direction:column}.chats-layout{display:grid;grid-template-columns:380px 1fr auto;gap:0;height:calc(100vh - 116px);overflow:hidden}.chats-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border-default);display:flex;flex-direction:column;overflow:hidden}.chats-sidebar-header{padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border-default);background:var(--color-surface-elevated)}.chats-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1) 0;letter-spacing:-.02em;line-height:var(--line-height-tight)}.chats-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-normal)}.chats-search{padding:var(--space-4);border-bottom:1px solid var(--color-border-default);background:var(--color-surface-elevated)}.chats-search-input{width:100%;height:40px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-default);padding:0 var(--space-4);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-base)}.chats-search-input::placeholder{color:var(--color-text-tertiary)}.chats-search-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.chats-filters{padding:var(--space-4);display:flex;gap:var(--space-2);flex-wrap:wrap;border-bottom:1px solid var(--color-border-default);background:var(--color-surface-elevated)}.filter-chip{height:32px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.filter-chip:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-strong)}.filter-chip.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.chats-list{flex:1;overflow-y:auto;padding:var(--space-2)}.chat-item{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-2);border:1px solid transparent}.chat-item:hover{background:var(--color-surface-hover);border-color:var(--color-border-default)}.chat-item.active{background:var(--color-primary-light);border-color:var(--color-primary)}.chat-item-avatar{width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;max-height:44px;border-radius:var(--radius-full);background:var(--color-primary-light);border:1px solid var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--color-primary);flex-shrink:0;position:relative;overflow:hidden}.chat-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.chat-item-header{display:flex;justify-content:space-between;align-items:center}.chat-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.chat-item-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.chat-item-meta{display:flex;align-items:center;gap:var(--space-2)}.chat-item-telegram{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.chat-item-unread{background:var(--color-primary);color:var(--color-primary-text);font-size:11px;font-weight:var(--font-weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-full);min-width:20px;text-align:center;line-height:1.2}.chat-item-preview{font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-badges{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-top:var(--space-1)}.badge-ai{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.badge-assignable{cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.badge-assignable:hover{opacity:.8;transform:translateY(-1px)}.badge-assigned{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success)}.badge-unassigned{background:var(--color-surface-elevated);color:var(--color-text-tertiary);border-color:var(--color-border-default)}.badge-tag{background:var(--color-surface-elevated);color:var(--color-text-secondary);border-color:var(--color-border-default)}.assign-badge-container{position:relative;display:inline-block}.assign-dropdown{position:absolute;top:100%;left:0;margin-top:var(--space-1);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;min-width:180px;max-height:300px;overflow-y:auto;padding:var(--space-1)}.assign-dropdown-item{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.assign-dropdown-item:hover{background:var(--color-surface-hover)}.assign-dropdown-item.selected{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium)}.chats-conversation{display:flex;flex-direction:column;background:var(--color-bg-primary);overflow:hidden}.conversation-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-default);background:var(--color-surface);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm)}.conversation-header-left{display:flex;align-items:center;gap:var(--space-3)}.conversation-avatar{width:48px;height:48px;min-width:48px;min-height:48px;max-width:48px;max-height:48px;border-radius:var(--radius-full);background:var(--color-primary-light);border:2px solid var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);color:var(--color-primary);position:relative;overflow:hidden;flex-shrink:0}.conversation-customer-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.conversation-customer-telegram{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:var(--line-height-normal)}.conversation-header-right{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.assign-select{height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.assign-select:hover{border-color:var(--color-border-strong)}.assign-select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.assigned-badge{font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:var(--space-1) var(--space-3);background:var(--color-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border-default)}.ai-toggle-btn{height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.ai-icon{flex-shrink:0}.ai-toggle-btn.enabled{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.ai-toggle-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.ai-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn{height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.action-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.messages-area{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-bg-primary);position:relative}.new-messages-indicator{position:sticky;top:var(--space-4);z-index:10;display:flex;justify-content:center;margin-bottom:var(--space-2);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.new-messages-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-text);border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-1)}.new-messages-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.message-bubble{max-width:75%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);word-wrap:break-word;box-shadow:var(--shadow-sm)}.message-customer{align-self:flex-start;background:var(--color-surface);border:1px solid var(--color-border-default);color:var(--color-text-primary)}.message-manager{align-self:flex-end;background:var(--color-primary);color:var(--color-primary-text);border:none}.message-ai{align-self:flex-end;background:var(--color-info-bg);color:var(--color-info-text);border:1px solid var(--color-info)}.message-content{font-size:var(--font-size-sm);color:inherit;line-height:var(--line-height-relaxed);margin-bottom:var(--space-2)}.message-photo{margin-bottom:var(--space-2);border-radius:var(--radius-md);overflow:hidden;max-width:400px}.message-photo img{width:100%;height:auto;display:block;max-height:500px;object-fit:contain;cursor:pointer}.message-document{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface-elevated);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.message-voice{padding:var(--space-2);background:var(--color-surface-elevated);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.chat-item-avatar img,.conversation-avatar img{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:cover;position:absolute;inset:0;border-radius:var(--radius-full);display:block}.chat-item-avatar>span,.conversation-avatar>span{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.message-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:inherit;opacity:.7}.message-sender{font-weight:var(--font-weight-medium)}.message-ai-badge{background:var(--color-info);color:var(--color-primary-text);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase}.message-status{opacity:.8}.message-composer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-default);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:0 -2px 8px var(--shadow-sm);min-height:fit-content}.file-remove{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:18px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.file-remove:hover{color:var(--color-error);background:var(--color-error-bg)}.composer-input-wrapper{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.composer-input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:inherit;resize:none;transition:all var(--transition-base);line-height:var(--line-height-normal);min-height:80px}.composer-input::placeholder{color:var(--color-text-tertiary)}.composer-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.composer-buttons{display:flex;align-items:center;gap:var(--space-2);justify-content:flex-end;width:100%;flex-shrink:0}.no-thread-selected{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-size:var(--font-size-base)}.customer-panel{width:360px;background:var(--color-surface);border-left:1px solid var(--color-border-default);display:flex;flex-direction:column;overflow:hidden}.customer-panel-header{padding:var(--space-5);border-bottom:1px solid var(--color-border-default);display:flex;justify-content:space-between;align-items:center;background:var(--color-surface-elevated)}.customer-panel-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.panel-close-btn{width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.panel-close-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.panel-toggle-btn{position:fixed;right:var(--space-4);top:50%;transform:translateY(-50%);width:40px;height:80px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border-default);border-right:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.panel-toggle-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.customer-panel-content{flex:1;overflow-y:auto;padding:var(--space-5)}.customer-section{margin-bottom:var(--space-6)}.section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0;text-transform:uppercase;letter-spacing:.05em}.customer-info{display:flex;flex-direction:column;gap:var(--space-3)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-default)}.info-row:last-child{border-bottom:none}.info-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.info-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.manager-select{height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);min-width:150px}.manager-select:hover{border-color:var(--color-border-strong)}.manager-select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.telegram-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);transition:all var(--transition-base);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);margin-left:var(--space-2)}.telegram-link:hover{color:var(--color-primary-hover);background:var(--color-primary-light);text-decoration:underline}.conversation-customer-telegram-link{font-size:var(--font-size-xs);color:var(--color-primary);text-decoration:none;transition:all var(--transition-base);margin-top:var(--space-1);display:inline-block}.conversation-customer-telegram-link:hover{color:var(--color-primary-hover);text-decoration:underline}.badge-active{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.tag-pill{height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:var(--space-2)}.tag-remove{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:14px;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.tag-remove:hover{color:var(--color-error);background:var(--color-error-bg)}.tag-input-group{display:flex;gap:var(--space-2)}.tag-input{flex:1;height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-base)}.tag-input::placeholder{color:var(--color-text-tertiary)}.tag-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.variables-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.variable-row{display:grid;grid-template-columns:minmax(120px,auto) 1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.variable-key{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variable-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;text-align:left;min-width:0;max-width:100%;overflow:hidden;white-space:normal}.variable-remove{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:18px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.variable-remove:hover{color:var(--color-error);background:var(--color-error-bg)}.section-header-with-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.variables-toggle-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.variables-toggle-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.variable-input-group{display:flex;gap:var(--space-2)}.variable-key-input,.variable-value-input{flex:1;height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-base);box-sizing:border-box;width:100%;max-width:100%;min-width:0}.variable-key-input::placeholder,.variable-value-input::placeholder{color:var(--color-text-tertiary)}.variable-key-input:focus,.variable-value-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.ai-settings{display:flex;flex-direction:column;gap:var(--space-4)}.ai-toggle-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.ai-toggle-switch{height:32px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.ai-toggle-switch.off{background:var(--color-surface);color:var(--color-text-tertiary)}.ai-toggle-switch.on{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.ai-toggle-switch:disabled{opacity:.5;cursor:not-allowed}.ai-setting-row{display:flex;align-items:center;gap:var(--space-3)}.ai-setting-row label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);min-width:80px}.ai-tone-select{flex:1;height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.ai-tone-select:hover{border-color:var(--color-border-strong)}.ai-tone-select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.notes-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.note-item{padding:var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-left:3px solid var(--color-primary);border-radius:var(--radius-md)}.note-header{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.note-author{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.note-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.note-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.note-input{width:100%;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:inherit;resize:none;margin-bottom:var(--space-2);transition:all var(--transition-base)}.note-input::placeholder{color:var(--color-text-tertiary)}.note-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}.note-add-btn{width:100%;height:36px;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-text);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border:none;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.note-add-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.note-add-btn:active{background:var(--color-primary-active);transform:translateY(0)}@media(min-width:1280px){.chats-layout{grid-template-columns:clamp(280px,28vw,380px) 1fr clamp(320px,30vw,420px)}}@media(min-width:1024px)and (max-width:1279px){.chats-layout{grid-template-columns:1fr}.chats-sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:clamp(320px,30vw,420px);max-width:420px;z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.chats-sidebar.drawer-open{transform:translate(0)}.customer-panel.drawer-panel{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:clamp(320px,30vw,420px);max-width:420px;z-index:var(--z-modal);transform:translate(100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.customer-panel.drawer-panel.drawer-open{transform:translate(0)}.drawer-overlay{position:fixed;inset:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.details-drawer-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.details-drawer-btn:hover{background:var(--color-surface-hover)}}@media(min-width:768px)and (max-width:1023px){.chats-layout{grid-template-columns:1fr}.chats-sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:clamp(320px,90vw,420px);max-width:420px;z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.chats-sidebar.drawer-open{transform:translate(0)}.chats-sidebar.drawer-closed{transform:translate(-100%)}.customer-panel.drawer-panel{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:clamp(320px,90vw,420px);max-width:420px;z-index:var(--z-modal);transform:translate(100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.customer-panel.drawer-panel.drawer-open{transform:translate(0)}.drawer-overlay{position:fixed;inset:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-base)}}@media(max-width:767px){.chats-layout{grid-template-columns:1fr}.chats-sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:100vw;z-index:100;transform:translate(-100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.chats-sidebar:not(.hidden){transform:translate(0);display:flex;z-index:100}.chats-sidebar.hidden{transform:translate(-100%);display:none}.layout .sidebar{z-index:10}.chats-conversation{z-index:90}.customer-panel{z-index:95}.chats-conversation{display:flex}.chats-conversation.hidden{display:none}.customer-panel.mobile-fullscreen{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:100vw;z-index:var(--z-modal);transform:translate(100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.customer-panel.mobile-fullscreen.drawer-open{transform:translate(0)}.drawer-overlay{position:fixed;inset:0;background:var(--color-overlay-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-base)}.conversation-header{padding:var(--space-3) var(--space-4)}.conversation-header-right{flex-wrap:nowrap;gap:var(--space-1)}.conversation-header-right .action-btn,.conversation-header-right .ai-toggle-btn{font-size:var(--font-size-xs);padding:0 var(--space-2);height:32px}}.chats-list,.customer-panel-content,.messages-area{scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent}.chats-list::-webkit-scrollbar,.customer-panel-content::-webkit-scrollbar,.messages-area::-webkit-scrollbar{width:6px}.chats-list::-webkit-scrollbar-track,.customer-panel-content::-webkit-scrollbar-track,.messages-area::-webkit-scrollbar-track{background:transparent}.chats-list::-webkit-scrollbar-thumb,.customer-panel-content::-webkit-scrollbar-thumb,.messages-area::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full)}.chats-list::-webkit-scrollbar-thumb:hover,.customer-panel-content::-webkit-scrollbar-thumb:hover,.messages-area::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.subscribers-page{display:flex;flex-direction:column;gap:16px}.subscribers-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.subscribers-search{display:flex;gap:8px;align-items:center}.subscribers-search input{padding:8px 10px;border-radius:8px;border:1px solid var(--color-border-default);background:var(--color-surface-elevated);color:var(--color-text-primary)}.subscribers-search button,.subscribers-bulk button{padding:8px 12px;border-radius:8px;border:none;background:var(--color-primary);color:var(--color-primary-text);cursor:pointer}.subscribers-bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.subscribers-bulk select{padding:8px 10px;border-radius:8px;border:1px solid var(--color-border-default);background:var(--color-surface-elevated);color:var(--color-text-primary)}.subscribers-table{border:1px solid var(--color-border-default);border-radius:12px;overflow:hidden;background:var(--color-surface)}.subscribers-row{display:grid;grid-template-columns:48px 1.5fr 1fr 1fr 1.5fr 140px 120px;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--color-border-default)}.subscribers-row:last-child{border-bottom:none}.subscribers-header{font-weight:600;color:var(--color-text-tertiary);background:var(--color-surface-elevated)}.cell.checkbox{display:flex;justify-content:center}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px}.badge-on{background:#22c55e26;color:var(--color-success)}.badge-off{background:#ef444426;color:var(--color-error)}.subscribers-empty,.subscribers-loading{padding:16px;text-align:center;color:var(--color-text-tertiary)}.broadcast-page{display:flex;flex-direction:column;gap:16px}.broadcast-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(360px,1fr);gap:20px;align-items:stretch}.broadcast-card{background:var(--color-surface);border:1px solid var(--color-border-default);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;max-width:none}.broadcast-field{display:flex;flex-direction:column;gap:6px}.broadcast-field label{color:var(--color-text-tertiary);font-size:13px}.broadcast-field input,.broadcast-field textarea,.broadcast-field select{padding:10px 12px;border-radius:8px;border:1px solid var(--color-border-default);background:var(--color-surface-elevated);color:var(--color-text-primary)}.composer-buttons{display:flex;align-items:center;gap:var(--space-2);justify-content:flex-end;width:100%}.attach-btn{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);font-size:18px;color:var(--color-text-secondary)}.attach-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-focus);color:var(--color-text-primary)}.send-btn{height:40px;padding:0 var(--space-5);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-text);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border:none;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.send-btn:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.send-btn:active:not(:disabled){background:var(--color-primary-active);transform:translateY(0);box-shadow:var(--shadow-sm)}.send-btn:focus:not(:disabled){outline:none;box-shadow:0 0 0 3px var(--color-primary-light),var(--shadow-md)}.send-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.send-icon{flex-shrink:0}.attachment-name{color:var(--color-text-tertiary);font-size:12px;margin-top:6px}.broadcast-preview{display:flex;flex-direction:column;gap:8px}.broadcast-preview-panel{position:sticky;top:88px;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:12px;border:1px solid var(--color-border-default);background:var(--color-surface);min-height:320px;height:100%}.broadcast-preview-title{color:var(--color-text-tertiary);font-size:12px}.broadcast-preview-bubble{align-self:stretch;max-width:100%;width:100%;background:var(--color-surface-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-default);padding:12px 14px;border-radius:14px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;word-break:break-word;overflow-wrap:anywhere}.broadcast-preview-text{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);white-space:pre-wrap}.broadcast-preview-text a{color:#dbeafe;text-decoration:underline;word-break:break-all}.broadcast-preview-placeholder{opacity:.7;font-size:var(--font-size-xs)}.broadcast-preview-image img{width:100%;max-height:240px;object-fit:contain;border-radius:10px;display:block}.broadcast-preview-file{display:flex;align-items:center;gap:8px;font-size:var(--font-size-xs);background:var(--color-surface);border:1px solid var(--color-border-default);padding:6px 8px;border-radius:8px}.broadcast-buttons-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.broadcast-add-button{width:40px;height:36px;border-radius:10px;border:none;background:#22c55e;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm)}.broadcast-add-button:hover{background:#16a34a}.broadcast-buttons-list{margin-top:8px;display:flex;flex-direction:column;gap:6px}.broadcast-button-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;border:1px solid var(--color-border-default);background:var(--color-surface-elevated);font-size:13px}.broadcast-preview-buttons{display:flex;flex-direction:column;gap:6px;margin-top:8px}.broadcast-preview-button{padding:8px 10px;border-radius:10px;text-align:center;background:var(--color-surface);border:1px solid var(--color-border-default);font-size:13px}.broadcast-error{padding:10px 12px;border-radius:8px;border:1px solid var(--color-error);background:var(--color-error-bg);color:var(--color-error);font-size:13px}.broadcast-file-remove{width:24px;height:24px;border-radius:8px;border:1px solid var(--color-border-default);background:transparent;color:var(--color-error);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.broadcast-file-remove:hover{border-color:var(--color-error);background:var(--color-error-bg)}@media(max-width:1024px){.broadcast-layout{grid-template-columns:1fr}.broadcast-preview-panel{position:static}}.attachment-preview{margin-bottom:var(--space-3);animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.file-preview{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);gap:var(--space-3);transition:all var(--transition-base)}.file-preview:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.file-icon{flex-shrink:0;color:var(--color-text-secondary)}.image-preview{position:relative;display:inline-block;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-default);background:var(--color-surface-elevated);max-width:300px}.preview-image{display:block;max-width:100%;max-height:200px;object-fit:contain}.preview-remove{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.preview-remove:hover{background:var(--color-error);color:var(--color-primary-text);transform:scale(1.1)}.file-name{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-medium);min-width:0}.file-size{font-size:var(--font-size-xs);color:var(--color-text-tertiary);flex-shrink:0}.broadcast-file-remove{width:24px;height:24px;border-radius:8px;border:1px solid transparent;background:var(--color-surface);color:var(--color-text-tertiary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.broadcast-file-remove:hover{color:var(--color-error);border-color:var(--color-error);background:var(--color-error-bg)}.broadcast-result{padding:10px 12px;border-radius:8px;background:#22c55e1f;color:var(--color-success);font-size:13px}