html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}:root,:root.dark{--bg-base: linear-gradient(135deg, #0f051a 0%, #1a0b2e 100%);--app-container-bg: rgba(255, 255, 255, .03);--app-container-border: rgba(255, 255, 255, .1);--nav-bg: rgba(0, 0, 0, .3);--nav-border: rgba(255, 255, 255, .05);--header-bg: rgba(0, 0, 0, .1);--header-border: rgba(255, 255, 255, .05);--surface: rgba(255, 255, 255, .05);--surface-hover: rgba(255, 255, 255, .08);--surface-dark: #1a0b2e;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .5);--text-tertiary: rgba(255, 255, 255, .4);--text-code: #b39ddb;--border: rgba(255, 255, 255, .2);--border-subtle: rgba(255, 255, 255, .08);--overlay-light: rgba(0, 0, 0, .1);--overlay-medium: rgba(0, 0, 0, .2);--accent: #7c4dff;--accent-light: rgba(124, 77, 255, .2);--accent-medium: rgba(124, 77, 255, .3);--color-error: #ff5252;--color-success: #4caf50;--color-warning: #ff9800;--scrollbar-thumb: rgba(124, 77, 255, .3);--bubble-incoming: rgba(255, 255, 255, .1);--bubble-system: rgba(255, 255, 255, .05);--bubble-outgoing: linear-gradient(135deg, #4a148c, #7c4dff);--bubble-outgoing-text: #ffffff;--contact-surface: rgba(255, 255, 255, .02);--contact-border: rgba(255, 255, 255, .05);--contact-selected-bg: #7c4dff;--contact-selected-border: transparent;--contact-selected-color: #ffffff;--contact-selected-badge: rgba(255, 255, 255, .2);--contact-selected-bg-group: #2196f3;--contact-selected-border-group:transparent;--contact-selected-color-group: #ffffff;--contact-selected-badge-group: rgba(255, 255, 255, .2);--unit-btn-active-bg: #7c4dff;--unit-btn-active-text: #ffffff}:root.light{--bg-base: linear-gradient(135deg, #ede8f7 0%, #dbd3f5 100%);--app-container-bg: rgba(255, 255, 255, .75);--app-container-border: rgba(124, 77, 255, .15);--nav-bg: rgba(124, 77, 255, .07);--nav-border: rgba(124, 77, 255, .12);--header-bg: rgba(255, 255, 255, .8);--header-border: rgba(0, 0, 0, .07);--surface: rgba(0, 0, 0, .05);--surface-hover: rgba(0, 0, 0, .08);--surface-dark: #ffffff;--text-primary: #1a0b2e;--text-secondary: rgba(26, 11, 46, .55);--text-tertiary: rgba(26, 11, 46, .4);--text-code: #5e35b1;--border: rgba(0, 0, 0, .12);--border-subtle: rgba(0, 0, 0, .07);--overlay-light: rgba(0, 0, 0, .04);--overlay-medium: rgba(0, 0, 0, .08);--accent: #7c4dff;--accent-light: rgba(124, 77, 255, .12);--accent-medium: rgba(124, 77, 255, .22);--color-error: #e53935;--color-success: #388e3c;--color-warning: #f57c00;--scrollbar-thumb: rgba(124, 77, 255, .2);--bubble-incoming: rgba(0, 0, 0, .06);--bubble-system: rgba(0, 0, 0, .04);--bubble-outgoing: rgba(124, 77, 255, .14);--bubble-outgoing-text: #3d1a8e;--contact-surface: rgba(0, 0, 0, .03);--contact-border: rgba(0, 0, 0, .07);--contact-selected-bg: rgba(124, 77, 255, .12);--contact-selected-border: rgba(124, 77, 255, .35);--contact-selected-color: #5c35b1;--contact-selected-badge: rgba(124, 77, 255, .15);--contact-selected-bg-group: rgba(33, 150, 243, .1);--contact-selected-border-group:rgba(33, 150, 243, .3);--contact-selected-color-group: #1565c0;--contact-selected-badge-group: rgba(33, 150, 243, .13);--unit-btn-active-bg: rgba(124, 77, 255, .15);--unit-btn-active-text: #5c35b1}.wapp-code{font-family:monospace;background:var(--accent-light);padding:2px 6px;border-radius:4px;font-size:11px;color:var(--text-code)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::placeholder{color:var(--text-tertiary);opacity:1}