@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--primary: #7B61FF;--primary-dark: #5A3FFF;--primary-text: #ffffff;--bg-main: #F6F7FB;--bg-card: #FFFFFF;--bg-input: #F3F4F8;--bg-sidebar: #FFFFFF;--text-primary: #1E1E2D;--text-secondary: #7C7C8A;--border-light: #E6E8F0;--success: #4CAF50;--error: #F44336;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-card: 0 4px 20px rgba(0, 0, 0, .04);--btn-gradient-start: #A855F7;--btn-gradient-end: #6366F1;--btn-gradient-text: #ffffff;--btn-gradient-shadow: rgba(99, 102, 241, .4);--font-family: "Poppins", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 600;--text-xxs: 10px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--line-xs: 16px;--line-sm: 20px;--line-md: 24px;--line-lg: 28px;--line-xl: 32px;--line-2xl: 40px;--avatar-size-sm: 32px;--avatar-size-md: 40px;--avatar-size-lg: 56px;--avatar-size-xl: 168px;--avatar-status-size: 10px;--avatar-status-border: 2px;--badge-size: 20px;--badge-padding-x: 6px;--loader-dot-size: 6px;--loader-spinner-size: 28px;--loader-spinner-border: 3px;--loader-bg: #F3F4F8;--modal-overlay-bg: rgba(0, 0, 0, .4);--modal-width: 420px;--modal-close-size: 18px;--modal-border-width: 1px;--dropdown-width: 160px;--checkbox-width: 16px;--checkbox-height: 16px;--check-box-border-width: 1px;--skeleton-base: #f3f4f8;--skeleton-highlight: rgba(255, 255, 255, .6);--progress-track: var(--border-light);--progress-fill-start: var(--primary);--progress-fill-end: var(--primary-dark);--progress-glow: rgba(123, 97, 255, .35);--surface-glass: rgba(255, 255, 255, .54);--surface-glass-strong: rgba(255, 255, 255, .68);--surface-glass-soft: rgba(255, 255, 255, .72);--surface-glass-stronger: rgba(255, 255, 255, .75);--surface-glass-solid: rgba(255, 255, 255, .96);--surface-glass-border: rgba(255, 255, 255, .5);--surface-shell-border: linear-gradient(135deg, rgba(123, 97, 255, .24), rgba(255, 255, 255, .5));--surface-shell-shadow: 0 30px 80px rgba(28, 31, 53, .12);--surface-elevated-shadow: 0 20px 50px rgba(28, 31, 53, .08);--surface-hover-shadow: 0 18px 36px rgba(28, 31, 53, .08);--accent-border-soft: rgba(123, 97, 255, .08);--accent-border: rgba(123, 97, 255, .12);--accent-border-medium: rgba(123, 97, 255, .14);--accent-border-strong: rgba(123, 97, 255, .28);--accent-fill-soft: rgba(123, 97, 255, .08);--accent-fill: rgba(123, 97, 255, .1);--accent-fill-medium: rgba(123, 97, 255, .12);--accent-fill-strong: rgba(123, 97, 255, .18);--accent-fill-bold: rgba(123, 97, 255, .24);--accent-shadow-soft: 0 14px 28px rgba(123, 97, 255, .1);--accent-shadow: 0 12px 24px rgba(99, 102, 241, .18);--accent-shadow-lg: 0 20px 36px rgba(99, 102, 241, .12);--accent-shadow-xl: 0 24px 44px rgba(99, 102, 241, .18);--danger-fill-soft: rgba(244, 67, 54, .08);--danger-fill: rgba(244, 67, 54, .12);--danger-border: rgba(244, 67, 54, .18);--danger-gradient-start: #ff7a7a;--danger-gradient-end: #f44336;--danger-gradient-soft: linear-gradient(180deg, rgba(244, 67, 54, .08), rgba(255, 255, 255, .84));--danger-shadow: 0 10px 24px rgba(244, 67, 54, .28);--danger-shadow-lg: 0 14px 30px rgba(244, 67, 54, .34);--theme-preview-dark-surface: #0F111A;--theme-preview-dark-header: #1F2431;--theme-preview-dark-content: #171A24}:root[data-theme=dark]{--bg-main: #0F111A;--bg-card: #171A24;--bg-input: #1F2431;--bg-sidebar: #141923;--text-primary: #F5F7FF;--text-secondary: #ffffff;--primary-text: #ffffff;--border-light: #2A3142;--shadow-card: 0 12px 40px rgba(0, 0, 0, .28);--loader-bg: #1F2431;--modal-overlay-bg: rgba(3, 5, 12, .6);--skeleton-base: #1F2431;--skeleton-highlight: rgba(255, 255, 255, .08);--surface-glass: rgba(23, 26, 36, .72);--surface-glass-strong: rgba(23, 26, 36, .82);--surface-glass-soft: rgba(23, 26, 36, .88);--surface-glass-stronger: rgba(31, 36, 49, .92);--surface-glass-solid: rgba(23, 26, 36, .98);--surface-glass-border: rgba(255, 255, 255, .08);--surface-shell-border: linear-gradient(135deg, rgba(123, 97, 255, .34), rgba(255, 255, 255, .06));--surface-shell-shadow: 0 30px 80px rgba(0, 0, 0, .34);--surface-elevated-shadow: 0 20px 50px rgba(0, 0, 0, .24);--surface-hover-shadow: 0 18px 36px rgba(0, 0, 0, .2);--accent-border-soft: rgba(123, 97, 255, .14);--accent-border: rgba(123, 97, 255, .2);--accent-border-medium: rgba(123, 97, 255, .22);--accent-border-strong: rgba(123, 97, 255, .4);--accent-fill-soft: rgba(123, 97, 255, .14);--accent-fill: rgba(123, 97, 255, .18);--accent-fill-medium: rgba(123, 97, 255, .22);--accent-fill-strong: rgba(123, 97, 255, .3);--accent-fill-bold: rgba(123, 97, 255, .34);--accent-shadow-soft: 0 14px 28px rgba(123, 97, 255, .18);--accent-shadow: 0 12px 24px rgba(99, 102, 241, .24);--accent-shadow-lg: 0 20px 36px rgba(99, 102, 241, .22);--accent-shadow-xl: 0 24px 44px rgba(99, 102, 241, .28);--danger-fill-soft: rgba(244, 67, 54, .14);--danger-fill: rgba(244, 67, 54, .2);--danger-border: rgba(244, 67, 54, .28);--danger-gradient-soft: linear-gradient(180deg, rgba(244, 67, 54, .16), rgba(23, 26, 36, .92));--danger-shadow: 0 10px 24px rgba(244, 67, 54, .34);--danger-shadow-lg: 0 14px 30px rgba(244, 67, 54, .4);--theme-preview-dark-surface: #0F111A;--theme-preview-dark-header: #1F2431;--theme-preview-dark-content: #171A24}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-primary);background:var(--bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .35s ease,color .35s ease}body,.card,.sidebar,.dashboard-header,.dashboard-content,.modal-container,.input-field,.textarea,.select-trigger,.dropdown,.search,.message-bubble,.composer-field{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}h1,h2,h3,h4,h5,h6,p{margin:0}.heading-xl{font-size:var(--text-2xl);line-height:var(--line-2xl);font-weight:var(--font-weight-semibold)}.heading-lg{font-size:var(--text-xl);line-height:var(--line-xl);font-weight:var(--font-weight-semibold)}.heading-md{font-size:var(--text-lg);line-height:var(--line-lg);font-weight:var(--font-weight-medium)}.body-lg{font-size:var(--text-md);line-height:var(--line-md);font-weight:var(--font-weight-regular)}.body-md{font-size:var(--text-sm);line-height:var(--line-sm);font-weight:var(--font-weight-regular)}.label{font-size:var(--text-sm);line-height:var(--line-sm);font-weight:var(--font-weight-medium)}.caption{font-size:var(--text-xs);line-height:var(--line-xs);font-weight:var(--font-weight-regular);color:var(--text-secondary)}app-icon{display:flex;align-items:center}