@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-base-900: #0d0d0f;--color-base-800: #141418;--color-base-700: #1a1a1f;--color-base-600: #222228;--color-base-500: #2a2a32;--color-base-400: #3d3d47;--color-base-300: #52525e;--color-base-200: #71717a;--color-base-100: #a1a1aa;--color-accent-primary: #f59e0b;--color-accent-primary-hover: #fbbf24;--color-accent-primary-muted: rgba(245, 158, 11, .15);--color-accent-primary-glow: rgba(245, 158, 11, .3);--color-accent-secondary: #14b8a6;--color-accent-secondary-hover: #2dd4bf;--color-accent-secondary-muted: rgba(20, 184, 166, .15);--color-success: #22c55e;--color-success-muted: rgba(34, 197, 94, .15);--color-warning: #f59e0b;--color-warning-muted: rgba(245, 158, 11, .15);--color-error: #ef4444;--color-error-muted: rgba(239, 68, 68, .15);--color-info: #3b82f6;--color-info-muted: rgba(59, 130, 246, .15);--color-text-primary: #fafafa;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-text-inverse: #0d0d0f;--color-bg-primary: var(--color-base-900);--color-bg-secondary: var(--color-base-800);--color-bg-tertiary: var(--color-base-700);--color-bg-elevated: var(--color-base-600);--color-bg-hover: var(--color-base-500);--color-bg-active: var(--color-base-400);--color-border-subtle: rgba(255, 255, 255, .06);--color-border-default: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .15);--color-border-accent: var(--color-accent-primary);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .3), 0 4px 8px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .35), 0 8px 16px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px var(--color-accent-primary-glow);--shadow-glow-sm: 0 0 10px var(--color-accent-primary-glow);--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);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--header-height: 56px;--header-padding-y: var(--space-3);--header-padding-x: var(--space-4);--footer-height: 72px;--footer-padding-y: var(--space-4);--footer-padding-x: var(--space-4)}:root[data-theme=light]{--color-base-900: #f8fafc;--color-base-800: #f1f5f9;--color-base-700: #e2e8f0;--color-base-600: #cbd5e1;--color-base-500: #b6c2d1;--color-base-400: #94a3b8;--color-base-300: #64748b;--color-base-200: #475569;--color-base-100: #334155;--color-accent-primary: #d97706;--color-accent-primary-hover: #b45309;--color-accent-primary-muted: rgba(217, 119, 6, .16);--color-accent-primary-glow: rgba(217, 119, 6, .2);--color-accent-secondary: #0f766e;--color-accent-secondary-hover: #0d9488;--color-accent-secondary-muted: rgba(15, 118, 110, .14);--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-bg-primary: #f8fafc;--color-bg-secondary: #f1f5f9;--color-bg-tertiary: #e2e8f0;--color-bg-elevated: #ffffff;--color-bg-hover: #dce5f1;--color-bg-active: #c8d6e8;--color-border-subtle: rgba(15, 23, 42, .08);--color-border-default: rgba(15, 23, 42, .14);--color-border-strong: rgba(15, 23, 42, .2);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .08);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .12), 0 1px 2px rgba(15, 23, 42, .08);--shadow-md: 0 6px 14px rgba(15, 23, 42, .1), 0 2px 4px rgba(15, 23, 42, .06);--shadow-lg: 0 12px 24px rgba(15, 23, 42, .12), 0 4px 10px rgba(15, 23, 42, .08);--shadow-xl: 0 24px 40px rgba(15, 23, 42, .14), 0 10px 18px rgba(15, 23, 42, .08)}:root[data-theme=forest]{--color-base-900: #0b1310;--color-base-800: #101a16;--color-base-700: #15241d;--color-base-600: #1d3026;--color-base-500: #274036;--color-base-400: #335446;--color-base-300: #4b6e5d;--color-base-200: #6a8c79;--color-base-100: #9ab5a6;--color-accent-primary: #22c55e;--color-accent-primary-hover: #34d399;--color-accent-primary-muted: rgba(34, 197, 94, .18);--color-accent-primary-glow: rgba(34, 197, 94, .25);--color-accent-secondary: #14b8a6;--color-accent-secondary-hover: #2dd4bf;--color-accent-secondary-muted: rgba(20, 184, 166, .16);--color-text-primary: #ecfdf3;--color-text-secondary: #b6d1c2;--color-text-muted: #8faf9f;--color-text-inverse: #062a17;--color-bg-primary: #0b1310;--color-bg-secondary: #101a16;--color-bg-tertiary: #15241d;--color-bg-elevated: #1d3026;--color-bg-hover: #274036;--color-bg-active: #335446;--color-border-subtle: rgba(182, 209, 194, .08);--color-border-default: rgba(182, 209, 194, .14);--color-border-strong: rgba(182, 209, 194, .2)}:root[data-theme=midnight]{--color-base-900: #0b1020;--color-base-800: #111832;--color-base-700: #162141;--color-base-600: #1d2b52;--color-base-500: #26386a;--color-base-400: #334a88;--color-base-300: #4a63a8;--color-base-200: #7487bf;--color-base-100: #a9b5d8;--color-accent-primary: #60a5fa;--color-accent-primary-hover: #93c5fd;--color-accent-primary-muted: rgba(96, 165, 250, .2);--color-accent-primary-glow: rgba(96, 165, 250, .3);--color-accent-secondary: #22d3ee;--color-accent-secondary-hover: #67e8f9;--color-accent-secondary-muted: rgba(34, 211, 238, .16);--color-text-primary: #e8eeff;--color-text-secondary: #b5c2e8;--color-text-muted: #8c9ac7;--color-text-inverse: #0b1020;--color-bg-primary: #0b1020;--color-bg-secondary: #111832;--color-bg-tertiary: #162141;--color-bg-elevated: #1d2b52;--color-bg-hover: #26386a;--color-bg-active: #334a88;--color-border-subtle: rgba(181, 194, 232, .08);--color-border-default: rgba(181, 194, 232, .14);--color-border-strong: rgba(181, 194, 232, .2)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--color-text-secondary)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-primary-hover)}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}::selection{background-color:var(--color-accent-primary-muted);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-base-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-base-300)}*{scrollbar-width:thin;scrollbar-color:var(--color-base-400) transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-accent-primary) 0%,#d97706 100%);color:var(--color-text-inverse);border-color:transparent;box-shadow:var(--shadow-sm),inset 0 1px #ffffff1a}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-primary-hover) 0%,var(--color-accent-primary) 100%);box-shadow:var(--shadow-md),var(--shadow-glow-sm);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border-default)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:var(--shadow-md),0 0 10px #ef44444d}.btn-success{background:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){background:#16a34a;box-shadow:var(--shadow-md),0 0 10px #22c55e4d}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-md)}.btn-icon{padding:var(--space-2);width:36px;height:36px}.btn-icon-sm{padding:var(--space-1);width:28px;height:28px}.btn-icon-lg{padding:var(--space-3);width:44px;height:44px}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:hover{border-color:var(--color-border-strong)}.input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-muted)}.input::placeholder{color:var(--color-text-muted)}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px var(--color-error-muted)}.label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.card-elevated{background:var(--color-bg-tertiary);box-shadow:var(--shadow-lg)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);background:var(--color-bg-elevated);color:var(--color-text-secondary)}.pill-accent{background:var(--color-accent-primary-muted);color:var(--color-accent-primary)}.pill-success{background:var(--color-success-muted);color:var(--color-success)}.pill-error{background:var(--color-error-muted);color:var(--color-error)}.status-dot{width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--color-bg-secondary);flex-shrink:0}.status-online{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status-away{background:var(--color-warning)}.status-busy{background:var(--color-error)}.status-in-call{background:var(--color-accent-primary);box-shadow:0 0 6px var(--color-accent-primary);animation:pulse-glow 2s ease-in-out infinite}.status-offline{background:var(--color-base-300)}@keyframes pulse-glow{0%,to{box-shadow:0 0 6px var(--color-accent-primary)}50%{box-shadow:0 0 12px var(--color-accent-primary),0 0 20px var(--color-accent-primary-glow)}}.alert{padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm)}.alert-error{background:var(--color-error-muted);color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.alert-success{background:var(--color-success-muted);color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.alert-warning{background:var(--color-warning-muted);color:var(--color-warning);border:1px solid rgba(245,158,11,.3)}.alert-info{background:var(--color-info-muted);color:var(--color-info);border:1px solid rgba(59,130,246,.3)}.divider{height:1px;background:var(--color-border-subtle);border:none;margin:var(--space-4) 0}.avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-accent-primary) 0%,#d97706 100%);color:var(--color-text-inverse);font-weight:var(--font-semibold);overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:28px;height:28px;font-size:var(--text-xs)}.avatar-md{width:36px;height:36px;font-size:var(--text-sm)}.avatar-lg{width:44px;height:44px;font-size:var(--text-base)}.avatar-xl{width:56px;height:56px;font-size:var(--text-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in var(--transition-base) ease-out}.animate-slide-up{animation:slide-up var(--transition-base) ease-out}.animate-slide-in-right{animation:slide-in-right var(--transition-base) ease-out}.animate-scale-in{animation:scale-in var(--transition-base) ease-out}@media (max-width: 768px){:root{--text-base: .9375rem}.btn-icon{width:44px;height:44px}.btn-icon-sm{width:36px;height:36px}}.hide-mobile{display:block}@media (max-width: 768px){.hide-mobile{display:none!important}}.show-mobile{display:none!important}@media (max-width: 768px){.show-mobile{display:block!important}.show-mobile.flex{display:flex!important}}