:root{--color-primary: #1c61ab;--color-primary-light: #3d8fd4;--color-primary-dark: #144887;--color-primary-rgb: 28, 97, 171;--color-accent: #8bb94a;--color-accent-light: #a5d062;--color-accent-dark: #6f9438;--color-secondary: #6b7280;--color-secondary-light: #9ca3af;--color-secondary-dark: #4b5563;--glass-bg: rgba(255, 255, 255, .15);--glass-bg-dark: rgba(0, 0, 0, .15);--glass-border: rgba(255, 255, 255, .2);--glass-blur: 20px;--primary-gradient: linear-gradient(135deg, #1c61ab 0%, #3d8fd4 100%);--accent-gradient: linear-gradient(135deg, #8bb94a 0%, #a5d062 100%);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .1);--shadow-glass-hover: 0 12px 40px rgba(0, 0, 0, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--candidate-bg: rgba(139, 185, 74, .1);--candidate-border: rgba(139, 185, 74, .15);--candidate-text: #4a5e2f;--chat-own-bg: linear-gradient(135deg, #1c61ab 0%, #3d8fd4 100%);--chat-own-text: #ffffff;--chat-other-bg: rgba(255, 255, 255, .9);--chat-other-text: #1f2937;--chat-system-bg: rgba(107, 114, 128, .1);--chat-system-text: #6b7280;--check-sent: #9ca3b8;--check-delivered: #9ca3b8;--check-read: #3b82f6;--presence-online: #22c55e;--presence-offline: #94a3b8;--presence-away: #f59e0b;--presence-busy: #ef4444;--presence-dnd: #dc2626;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-dark: #1f2937;--chat-bg-gradient: linear-gradient(180deg, rgba(243, 244, 246, .8) 0%, rgba(229, 231, 235, .6) 100% );--border-light: #e5e7eb;--border-medium: #d1d5db;--border-dark: #9ca3af;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--radius-bubble: 1.125rem;--radius-bubble-own: 1.125rem 1.125rem .25rem 1.125rem;--radius-bubble-other: 1.125rem 1.125rem 1.125rem .25rem;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 1000;--z-sticky: 1100;--z-drawer: 1200;--z-modal: 1300;--z-popover: 1400;--z-tooltip: 1500;--z-notification: 1600}[data-theme=dark]{--color-primary: #3d8fd4;--color-primary-light: #60a5fa;--color-primary-dark: #1c61ab;--glass-bg: rgba(30, 41, 59, .8);--glass-border: rgba(255, 255, 255, .1);--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--border-light: #374151;--border-medium: #4b5563;--chat-other-bg: rgba(55, 65, 81, .9);--chat-other-text: #f9fafb}@tailwind base;@tailwind components;@tailwind utilities;@layer components{.glass-card{@apply tw-bg-glass tw-backdrop-blur-glass tw-border tw-border-glass tw-rounded-xl;box-shadow:var(--shadow-glass)}.message-bubble-own{@apply tw-max-w-message tw-p-3 tw-rounded-bubble-own tw-ml-auto;background:var(--chat-own-bg);color:var(--chat-own-text);box-shadow:var(--shadow-sm)}.message-bubble-other{@apply tw-max-w-message tw-p-3 tw-rounded-bubble-other tw-mr-auto;background:var(--chat-other-bg);color:var(--chat-other-text);box-shadow:var(--shadow-sm)}.message-bubble-system{@apply tw-mx-auto tw-px-4 tw-py-2 tw-rounded-full tw-text-sm tw-text-center;background:var(--chat-system-bg);color:var(--chat-system-text)}.status-badge{@apply tw-w-3 tw-h-3 tw-rounded-full tw-border-2 tw-border-white;}.status-badge-online{@apply status-badge tw-bg-presence-online;}.status-badge-offline{@apply status-badge tw-bg-presence-offline;}.status-badge-away{@apply status-badge tw-bg-presence-away;}.status-badge-busy{@apply status-badge tw-bg-presence-busy;}.check-icon{@apply tw-inline-flex tw-items-center tw-gap-0.5;}.check-sent{color:var(--check-sent)}.check-delivered{color:var(--check-delivered)}.check-read{color:var(--check-read)}.typing-dots{@apply tw-flex tw-items-center tw-gap-1;}.typing-dot{@apply tw-w-2 tw-h-2 tw-rounded-full tw-bg-gray-400 tw-animate-typing-bounce;}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.chat-sidebar-item{@apply tw-flex tw-items-center tw-gap-3 tw-p-3 tw-rounded-lg tw-cursor-pointer tw-transition-all;}.chat-sidebar-item:hover{@apply tw-bg-gray-100;}.chat-sidebar-item-active{@apply tw-bg-primary-50;border-left:3px solid var(--color-primary)}.employee-item{@apply tw-flex tw-items-center tw-gap-3 tw-p-3 tw-rounded-lg tw-cursor-pointer tw-transition-all;}.employee-item:hover{@apply tw-bg-gray-50;}.channel-tab{@apply tw-px-4 tw-py-2 tw-rounded-t-lg tw-font-medium tw-text-sm tw-cursor-pointer tw-transition-all;}.channel-tab-active{@apply tw-bg-white tw-text-primary-500;box-shadow:0 -2px 4px #0000000d}.channel-tab-inactive{@apply tw-text-gray-500 hover:tw-text-gray-700 hover:tw-bg-gray-100;}}@layer utilities{.text-truncate{@apply tw-overflow-hidden tw-text-ellipsis tw-whitespace-nowrap;}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--border-medium);border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--border-dark)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.text-gradient-primary{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-top{padding-top:env(safe-area-inset-top,0)}}:root{--theme-primary: #1c61ab;--theme-secondary: #8bb94a;--theme-accent: #6366f1;--theme-sidebar-bg: linear-gradient(180deg, rgba(28, 97, 171, .95) 0%, rgba(139, 185, 74, .95) 100%);--theme-sidebar-text: #FFFFFF;--theme-sidebar-active: rgba(255, 255, 255, .2);--theme-sidebar-hover: rgba(255, 255, 255, .1);--theme-card-bg: rgba(255, 255, 255, .95);--theme-card-border: rgba(28, 97, 171, .1);--theme-card-shadow: 0 8px 32px rgba(28, 97, 171, .15);--theme-card-text: #1a1a1a;--theme-header-bg: linear-gradient(135deg, rgba(28, 97, 171, .95), rgba(139, 185, 74, .95));--theme-header-text: #FFFFFF;--theme-button-primary: linear-gradient(135deg, #1c61ab 0%, #8bb94a 100%);--theme-button-secondary: rgba(255, 255, 255, .15);--theme-button-text: #FFFFFF;--theme-status-success: #10B981;--theme-status-warning: #F59E0B;--theme-status-error: #EF4444;--theme-status-info: #3B82F6;--theme-glass-blur: 20px;--theme-glass-saturation: 180%;--theme-glass-opacity: .95;--theme-glass-border-opacity: .1;--theme-wallpaper: none}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background-color:#0a0a0a}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.glass-panel{backdrop-filter:blur(var(--theme-glass-blur)) saturate(var(--theme-glass-saturation));-webkit-backdrop-filter:blur(var(--theme-glass-blur)) saturate(var(--theme-glass-saturation));background:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:16px;box-shadow:var(--theme-card-shadow);transition:all .3s ease}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0003}.glass-card{backdrop-filter:blur(var(--theme-glass-blur)) saturate(var(--theme-glass-saturation));-webkit-backdrop-filter:blur(var(--theme-glass-blur)) saturate(var(--theme-glass-saturation));background:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:12px;box-shadow:var(--theme-card-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-2px);box-shadow:0 16px 48px #00000026}.glass-sidebar{backdrop-filter:blur(var(--theme-glass-blur)) saturate(var(--theme-glass-saturation));-webkit-backdrop-filter:blur(var(--theme-glass-blur)) saturate(var(--theme-glass-saturation));background:var(--theme-sidebar-bg);border-right:1px solid rgba(255,255,255,.1)}.glass-header{backdrop-filter:blur(var(--theme-glass-blur)) saturate(var(--theme-glass-saturation));-webkit-backdrop-filter:blur(var(--theme-glass-blur)) saturate(var(--theme-glass-saturation));background:var(--theme-header-bg);border-bottom:1px solid rgba(255,255,255,.1)}.glass-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--theme-button-primary);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--theme-button-text);transition:all .2s ease;cursor:pointer}.glass-button:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform:translateY(-1px);box-shadow:0 4px 20px #0003}.glass-button-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--theme-button-secondary);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--theme-button-text);transition:all .2s ease;cursor:pointer}.glass-button-secondary:hover{background:#ffffff40;border-color:#ffffff4d}.glass-menu{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 8px 32px #0003}.glass-dropdown{backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 16px 48px #00000040}.glass-modal{backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:20px;box-shadow:0 24px 64px #00000059}.glass-input{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;transition:all .2s ease}.glass-input:focus{background:#ffffff1f;border-color:#fff6;outline:none;box-shadow:0 0 0 3px #ffffff1a}.glass-input::placeholder{color:#ffffff80}.glass-table{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px}.glass-table th{background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.15)}.glass-table td{border-bottom:1px solid rgba(255,255,255,.08)}.glass-table tr:hover td{background:#ffffff0d}.glass-badge{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:20px;font-weight:500;font-size:.75rem;padding:4px 12px}.glass-badge-success{background:#10b98140;border:1px solid rgba(16,185,129,.4);color:#6ee7b7}.glass-badge-warning{background:#f59e0b40;border:1px solid rgba(245,158,11,.4);color:#fcd34d}.glass-badge-error{background:#ef444440;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.glass-badge-info{background:#3b82f640;border:1px solid rgba(59,130,246,.4);color:#93c5fd}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-scroll::-webkit-scrollbar{width:8px;height:8px}.glass-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.glass-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.glass-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background:var(--theme-primary);color:#fff}:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}.theme-transition{transition:background-color .5s ease,background-image .5s ease,border-color .5s ease,box-shadow .5s ease,backdrop-filter .5s ease}@keyframes glassFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(var(--theme-glass-blur));backdrop-filter:blur(var(--theme-glass-blur))}}.glass-animate-in{animation:glassFadeIn .4s ease-out forwards}@keyframes glassShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.glass-shimmer{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);background-size:200% 100%;animation:glassShimmer 2s infinite}.MuiDrawer-paper.MuiDrawer-paper{background:var(--theme-sidebar-bg)!important;background-color:transparent!important;backdrop-filter:blur(var(--theme-glass-blur, 20px)) saturate(var(--theme-glass-saturation, 180%))!important;-webkit-backdrop-filter:blur(var(--theme-glass-blur, 20px)) saturate(var(--theme-glass-saturation, 180%))!important}.MuiAppBar-root.MuiAppBar-root{background:var(--theme-header-bg)!important;backdrop-filter:blur(var(--theme-glass-blur, 20px)) saturate(var(--theme-glass-saturation, 180%))!important;-webkit-backdrop-filter:blur(var(--theme-glass-blur, 20px)) saturate(var(--theme-glass-saturation, 180%))!important}.MuiPaper-root:not(.MuiDrawer-paper):not(.MuiAppBar-root){background:var(--theme-card-bg)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--theme-card-text, inherit)}.MuiDialog-paper{background:var(--theme-card-bg)!important;backdrop-filter:blur(24px) saturate(160%)!important;-webkit-backdrop-filter:blur(24px) saturate(160%)!important;border:1px solid var(--theme-card-border)!important;border-radius:16px!important}.MuiMenu-paper{background:var(--theme-card-bg)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--theme-card-border)!important;border-radius:12px!important}.MuiTypography-root{color:var(--theme-card-text, inherit)}.MuiPaper-root .MuiTypography-root,.MuiCard-root .MuiTypography-root,.MuiDialog-root .MuiTypography-root{color:var(--theme-card-text)!important}.MuiDrawer-paper .MuiTypography-root{color:var(--theme-sidebar-text)!important}.MuiAppBar-root .MuiTypography-root{color:var(--theme-header-text)!important}.MuiInputBase-input,.MuiInputLabel-root,.MuiFormLabel-root,.MuiTableCell-root,.MuiListItemText-primary,.MuiListItemText-secondary,.MuiMenuItem-root,.MuiChip-label,.MuiTab-root{color:var(--theme-card-text)!important}.MuiTab-root.Mui-selected{color:var(--theme-primary)!important}.MuiIconButton-root{color:var(--theme-card-text)!important}.MuiButton-contained,.MuiButton-contained .MuiTypography-root,.MuiAlert-root .MuiTypography-root,.MuiChip-colorPrimary .MuiChip-label,.MuiChip-colorSecondary .MuiChip-label,.MuiChip-colorSuccess .MuiChip-label,.MuiChip-colorError .MuiChip-label,.MuiChip-colorWarning .MuiChip-label,.MuiChip-colorInfo .MuiChip-label{color:inherit!important}body{-webkit-user-select:none;user-select:none;overscroll-behavior-y:none}input,textarea,[contenteditable],.message-content,.selectable-text{-webkit-user-select:text;user-select:text}