:root{--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--border-radius: 6px;--border-radius-large: 12px;--box-shadow: 0 2px 6px rgba(0, 0, 0, .1);--box-shadow-large: 0 3px 12px rgba(0, 0, 0, .15);--spacing-xs: 3px;--spacing-sm: 6px;--spacing-md: 12px;--spacing-lg: 18px;--spacing-xl: 24px;--spacing-2xl: 36px;--ui-font-base: 14px;--ui-btn-height: 32px;--ui-btn-height-sm: 26px;--ui-input-height: 32px;--ui-icon-size: 16px;--ui-sidebar-width: 220px;--note-font-size: 100}[data-theme=default]{--color-background: #08B877;--color-surface: #ffffff;--color-surface-alt: #f8f9fa;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-on-surface: #212529;--color-button: #06A86B;--color-button-hover: #04965F;--color-button-text: #ffffff;--color-accent: #04965F;--color-border: #e0e0e0;--color-border-dark: #cccccc;--color-success: #28a745;--color-warning: #ffc107;--color-error: #dc3545;--color-info: #17a2b8;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #212529;--text-secondary: rgba(33, 37, 41, .7);--text-tertiary: rgba(33, 37, 41, .5);--border-color: #e0e0e0;--primary-color: #06A86B}[data-theme=dark]{--color-background: #000000;--color-surface: #1a1a1a;--color-surface-alt: #2a2a2a;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-on-surface: #ffffff;--color-button: #3636c4;--color-button-hover: #4a4ae8;--color-button-text: #ffffff;--color-accent: #0000ff;--color-border: #404040;--color-border-dark: #5a5a5a;--color-success: #4caf50;--color-warning: #ffc107;--color-error: #f44336;--color-info: #2175ff;--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--border-color: #404040;--primary-color: #3636c4}[data-theme=light]{--color-background: #F5F5F5;--color-surface: #ffffff;--color-surface-alt: #fafafa;--color-text-primary: #212121;--color-text-secondary: rgba(33, 33, 33, .7);--color-text-on-surface: #212121;--color-button: #6200EE;--color-button-hover: #5000d8;--color-button-text: #ffffff;--color-accent: #FF4081;--color-border: #e0e0e0;--color-border-dark: #bdbdbd;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3;--bg-primary: #ffffff;--bg-secondary: #fafafa;--text-primary: #212121;--text-secondary: rgba(33, 33, 33, .7);--text-tertiary: rgba(33, 33, 33, .5);--border-color: #e0e0e0;--primary-color: #6200EE}[data-theme=blue]{--color-background: #E3F2FD;--color-surface: #ffffff;--color-surface-alt: #f3f8ff;--color-text-primary: #0D47A1;--color-text-secondary: rgba(13, 71, 161, .7);--color-text-on-surface: #0D47A1;--color-button: #1976D2;--color-button-hover: #1565C0;--color-button-text: #ffffff;--color-accent: #90CAF9;--color-border: #BBDEFB;--color-border-dark: #90CAF9;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-info: #03DAC6;--bg-primary: #ffffff;--bg-secondary: #f3f8ff;--text-primary: #0D47A1;--text-secondary: rgba(13, 71, 161, .7);--text-tertiary: rgba(13, 71, 161, .5);--border-color: #BBDEFB;--primary-color: #1976D2}[data-theme=green]{--color-background: #E8F5E9;--color-surface: #ffffff;--color-surface-alt: #f1f8e9;--color-text-primary: #1B5E20;--color-text-secondary: rgba(27, 94, 32, .7);--color-text-on-surface: #1B5E20;--color-button: #2E7D32;--color-button-hover: #388E3C;--color-button-text: #ffffff;--color-accent: #A5D6A7;--color-border: #C8E6C9;--color-border-dark: #A5D6A7;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3;--bg-primary: #ffffff;--bg-secondary: #f1f8e9;--text-primary: #1B5E20;--text-secondary: rgba(27, 94, 32, .7);--text-tertiary: rgba(27, 94, 32, .5);--border-color: #C8E6C9;--primary-color: #2E7D32}[data-theme=red]{--color-background: #FFEBEE;--color-surface: #ffffff;--color-surface-alt: #fce4ec;--color-text-primary: #B71C1C;--color-text-secondary: rgba(183, 28, 28, .7);--color-text-on-surface: #B71C1C;--color-button: #C62828;--color-button-hover: #D32F2F;--color-button-text: #ffffff;--color-accent: #FF8A80;--color-border: #FFCDD2;--color-border-dark: #FF8A80;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #d32f2f;--color-info: #2196f3;--bg-primary: #ffffff;--bg-secondary: #fce4ec;--text-primary: #B71C1C;--text-secondary: rgba(183, 28, 28, .7);--text-tertiary: rgba(183, 28, 28, .5);--border-color: #FFCDD2;--primary-color: #C62828}[data-theme=bloom]{--color-background: #0d0d0d;--color-surface: #141414;--color-surface-alt: #1f1f1f;--color-text-primary: #ffae00;--color-text-secondary: rgba(255, 174, 0, .85);--color-text-on-surface: #ffae00;--color-button: #ffae00;--color-button-hover: #ffc133;--color-button-text: #000000;--color-accent: #ffc133;--color-border: #333333;--color-border-dark: #4d4d4d;--color-success: #4caf50;--color-warning: #ffae00;--color-error: #f44336;--color-info: #ffae00;--bg-primary: #141414;--bg-secondary: #1f1f1f;--text-primary: #ffae00;--text-secondary: rgba(255, 174, 0, .85);--text-tertiary: rgba(255, 174, 0, .65);--border-color: #333333;--primary-color: #ffae00}[data-theme=metal]{--color-background: #000000;--color-surface: #1a1a1a;--color-surface-alt: #2a1a1a;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-on-surface: #ffffff;--color-button: #8B0000;--color-button-hover: #a00000;--color-button-text: #ffffff;--color-accent: #DC143C;--color-border: #404040;--color-border-dark: #5a1a1a;--color-success: #4caf50;--color-warning: #ffc107;--color-error: #8B0000;--color-info: #DC143C;--bg-primary: #1a1a1a;--bg-secondary: #2a1a1a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--border-color: #404040;--primary-color: #8B0000}[data-theme=flashy]{--color-background: #000000;--color-surface: #1a0033;--color-surface-alt: #330066;--color-text-primary: #00ffff;--color-text-secondary: rgba(0, 255, 255, .8);--color-text-on-surface: #00ffff;--color-button: #ff00ff;--color-button-hover: #ff66ff;--color-button-text: #000000;--color-accent: #00ff00;--color-border: #ff00ff;--color-border-dark: #ff66ff;--color-success: #00ff00;--color-warning: #ffff00;--color-error: #ff0080;--color-info: #00ffff;--bg-primary: #1a0033;--bg-secondary: #330066;--text-primary: #00ffff;--text-secondary: rgba(0, 255, 255, .85);--text-tertiary: rgba(0, 255, 255, .7);--border-color: #ff00ff;--primary-color: #ff00ff}[data-theme=wood]{--color-background: #3e2723;--color-surface: #5d4037;--color-surface-alt: #6d4c41;--color-text-primary: #ffe0b2;--color-text-secondary: rgba(255, 224, 178, .85);--color-text-on-surface: #ffe0b2;--color-button: #8d6e63;--color-button-hover: #a1887f;--color-button-text: #ffffff;--color-accent: #d7a86e;--color-border: #6d4c41;--color-border-dark: #8d6e63;--color-success: #a5d6a7;--color-warning: #ffcc80;--color-error: #e57373;--color-info: #90caf9;--bg-primary: #5d4037;--bg-secondary: #6d4c41;--text-primary: #ffe0b2;--text-secondary: rgba(255, 224, 178, .85);--text-tertiary: rgba(255, 224, 178, .7);--border-color: #6d4c41;--primary-color: #8d6e63;--theme-texture: repeating-linear-gradient(45deg, rgba(255, 224, 178, .06) 0px, rgba(255, 224, 178, .06) 6px, rgba(0,0,0,0) 6px, rgba(0,0,0,0) 22px), repeating-linear-gradient(135deg, rgba(0,0,0,.06) 0px, rgba(0,0,0,.06) 3px, rgba(0,0,0,0) 3px, rgba(0,0,0,0) 18px)}[data-theme=ocean]{--color-background: #01579b;--color-surface: #0277bd;--color-surface-alt: #1565c0;--color-text-primary: #e3f2fd;--color-text-secondary: rgba(227, 242, 253, .85);--color-text-on-surface: #e3f2fd;--color-button: #0288d1;--color-button-hover: #039be5;--color-button-text: #ffffff;--color-accent: #81c784;--color-border: #0288d1;--color-border-dark: #039be5;--color-success: #66bb6a;--color-warning: #ffa726;--color-error: #ef5350;--color-info: #90caf9;--bg-primary: #0277bd;--bg-secondary: #1565c0;--text-primary: #e3f2fd;--text-secondary: rgba(227, 242, 253, .85);--text-tertiary: rgba(227, 242, 253, .7);--border-color: #0288d1;--primary-color: #0288d1;--theme-texture: radial-gradient(ellipse at 20% 40%, rgba(255,255,255,.06) 0 20%, transparent 21%), radial-gradient(ellipse at 70% 60%, rgba(255,255,255,.05) 0 18%, transparent 19%), repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0 2px, transparent 2px 12px)}[data-theme=pastel]{--color-background: #FFF4E6;--color-surface: #ffffff;--color-surface-alt: #fffaf0;--color-text-primary: #FF69B4;--color-text-secondary: rgba(255, 105, 180, .7);--color-text-on-surface: #FF69B4;--color-button: #FFB6C1;--color-button-hover: #FFC0CB;--color-button-text: #000000;--color-accent: #FFD700;--color-border: #FFE4E1;--color-border-dark: #FFB6C1;--color-success: #98FB98;--color-warning: #FFD700;--color-error: #FF6347;--color-info: #87CEEB;--bg-primary: #ffffff;--bg-secondary: #fffaf0;--text-primary: #FF69B4;--text-secondary: rgba(255, 105, 180, .7);--text-tertiary: rgba(255, 105, 180, .5);--border-color: #FFE4E1;--primary-color: #FFB6C1}[data-theme=forest]{--color-background: #1B4332;--color-surface: #2D5F4A;--color-surface-alt: #3A7A61;--color-text-primary: #B5E48C;--color-text-secondary: rgba(181, 228, 140, .85);--color-text-on-surface: #B5E48C;--color-button: #52B788;--color-button-hover: #6BC08B;--color-button-text: #ffffff;--color-accent: #95D5B2;--color-border: #2D5F4A;--color-border-dark: #40916C;--color-success: #6BC08B;--color-warning: #FFC65A;--color-error: #E76F51;--color-info: #95D5B2;--bg-primary: #2D5F4A;--bg-secondary: #3A7A61;--text-primary: #B5E48C;--text-secondary: rgba(181, 228, 140, .85);--text-tertiary: rgba(181, 228, 140, .7);--border-color: #2D5F4A;--primary-color: #52B788}[data-theme=sunset]{--color-background: #FF6B35;--color-surface: #ffffff;--color-surface-alt: #FFE5D9;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .9);--color-text-on-surface: #1A1A1A;--color-button: #FF8C42;--color-button-hover: #FF6B35;--color-button-text: #ffffff;--color-accent: #FFA07A;--color-border: #FFD4C4;--color-border-dark: #FFA07A;--color-success: #8BAA99;--color-warning: #FFA07A;--color-error: #DC3545;--color-info: #87CEEB;--bg-primary: #ffffff;--bg-secondary: #FFE5D9;--text-primary: #1A1A1A;--text-secondary: rgba(26, 26, 26, .7);--text-tertiary: rgba(26, 26, 26, .5);--border-color: #FFD4C4;--primary-color: #FF8C42}[data-theme=cyberpunk]{--color-background: #000000;--color-surface: #1A1A2E;--color-surface-alt: #16213E;--color-text-primary: #00FF00;--color-text-secondary: rgba(0, 255, 0, .8);--color-text-on-surface: #00FF00;--color-button: #FF00FF;--color-button-hover: #FF33FF;--color-button-text: #000000;--color-accent: #00FFFF;--color-border: #FF00FF;--color-border-dark: #FF33FF;--color-success: #00FF00;--color-warning: #FFAA00;--color-error: #FF0080;--color-info: #00FFFF;--bg-primary: #1A1A2E;--bg-secondary: #16213E;--text-primary: #00FF00;--text-secondary: rgba(0, 255, 0, .85);--text-tertiary: rgba(0, 255, 0, .7);--border-color: #FF00FF;--primary-color: #FF00FF}[data-theme=grayscale]{--color-background: #F5F5F5;--color-surface: #ffffff;--color-surface-alt: #E8E8E8;--color-text-primary: #000000;--color-text-secondary: rgba(0, 0, 0, .7);--color-text-on-surface: #000000;--color-button: #333333;--color-button-hover: #555555;--color-button-text: #ffffff;--color-accent: #666666;--color-border: #CCCCCC;--color-border-dark: #999999;--color-success: #4A4A4A;--color-warning: #666666;--color-error: #333333;--color-info: #666666;--bg-primary: #ffffff;--bg-secondary: #E8E8E8;--text-primary: #000000;--text-secondary: rgba(0, 0, 0, .7);--text-tertiary: rgba(0, 0, 0, .5);--border-color: #CCCCCC;--primary-color: #333333}[data-theme=purple]{--color-background: #F3E5F5;--color-surface: #ffffff;--color-surface-alt: #EDE7F6;--color-text-primary: #4A148C;--color-text-secondary: rgba(74, 20, 140, .7);--color-text-on-surface: #4A148C;--color-button: #6A1B9A;--color-button-hover: #7B1FA2;--color-button-text: #ffffff;--color-accent: #BA68C8;--color-border: #CE93D8;--color-border-dark: #AB47BC;--color-success: #4CAF50;--color-warning: #FF9800;--color-error: #F44336;--color-info: #2196F3;--bg-primary: #ffffff;--bg-secondary: #EDE7F6;--text-primary: #4A148C;--text-secondary: rgba(74, 20, 140, .7);--text-tertiary: rgba(74, 20, 140, .5);--border-color: #CE93D8;--primary-color: #6A1B9A}[data-theme=pink]{--color-background: #FFF0F5;--color-surface: #ffffff;--color-surface-alt: #FFE5F0;--color-text-primary: #C2185B;--color-text-secondary: rgba(194, 24, 91, .7);--color-text-on-surface: #C2185B;--color-button: #E91E63;--color-button-hover: #F50057;--color-button-text: #ffffff;--color-accent: #F06292;--color-border: #F8BBD0;--color-border-dark: #EC407A;--color-success: #66BB6A;--color-warning: #FFB74D;--color-error: #EF5350;--color-info: #42A5F5;--bg-primary: #ffffff;--bg-secondary: #FFE5F0;--text-primary: #C2185B;--text-secondary: rgba(194, 24, 91, .7);--text-tertiary: rgba(194, 24, 91, .5);--border-color: #F8BBD0;--primary-color: #E91E63}[data-theme=turquoise]{--color-background: #E0F7FA;--color-surface: #ffffff;--color-surface-alt: #E8F8F9;--color-text-primary: #006064;--color-text-secondary: rgba(0, 96, 100, .7);--color-text-on-surface: #006064;--color-button: #00838F;--color-button-hover: #0097A7;--color-button-text: #ffffff;--color-accent: #4DD0E1;--color-border: #B2EBF2;--color-border-dark: #80DEEA;--color-success: #4CAF50;--color-warning: #FFB300;--color-error: #E53935;--color-info: #00BCD4;--bg-primary: #ffffff;--bg-secondary: #E8F8F9;--text-primary: #006064;--text-secondary: rgba(0, 96, 100, .7);--text-tertiary: rgba(0, 96, 100, .5);--border-color: #B2EBF2;--primary-color: #00838F}[data-theme=yellow]{--color-background: #FFFDE7;--color-surface: #ffffff;--color-surface-alt: #FFFDD4;--color-text-primary: #F57F17;--color-text-secondary: rgba(245, 127, 23, .7);--color-text-on-surface: #F57F17;--color-button: #FFEB3B;--color-button-hover: #FFF059;--color-button-text: #000000;--color-accent: #FFD54F;--color-border: #FFEB3B;--color-border-dark: #FFC400;--color-success: #7CB342;--color-warning: #FFA000;--color-error: #E53935;--color-info: #039BE5;--bg-primary: #ffffff;--bg-secondary: #FFFDD4;--text-primary: #F57F17;--text-secondary: rgba(245, 127, 23, .7);--text-tertiary: rgba(245, 127, 23, .5);--border-color: #FFEB3B;--primary-color: #FFEB3B}[data-theme=coffee]{--color-background: #4E342E;--color-surface: #6D4C41;--color-surface-alt: #8D6E63;--color-text-primary: #FFF3E0;--color-text-secondary: rgba(255, 243, 224, .85);--color-text-on-surface: #FFF3E0;--color-button: #5D4037;--color-button-hover: #6D4C41;--color-button-text: #ffffff;--color-accent: #BCAA9A;--color-border: #8D6E63;--color-border-dark: #A1887F;--color-success: #9CCC65;--color-warning: #FFB74D;--color-error: #E57373;--color-info: #90CAF9;--bg-primary: #6D4C41;--bg-secondary: #8D6E63;--text-primary: #FFF3E0;--text-secondary: rgba(255, 243, 224, .85);--text-tertiary: rgba(255, 243, 224, .7);--border-color: #8D6E63;--primary-color: #5D4037}[data-theme=desert]{--color-background: #F5E6D3;--color-surface: #ffffff;--color-surface-alt: #FFF5E6;--color-text-primary: #8B4513;--color-text-secondary: rgba(139, 69, 19, .7);--color-text-on-surface: #8B4513;--color-button: #DEB887;--color-button-hover: #E8C5A0;--color-button-text: #ffffff;--color-accent: #F4A460;--color-border: #E6C6A5;--color-border-dark: #DEB887;--color-success: #90EE90;--color-warning: #FFA500;--color-error: #CD5C5C;--color-info: #87CEEB;--bg-primary: #ffffff;--bg-secondary: #FFF5E6;--text-primary: #8B4513;--text-secondary: rgba(139, 69, 19, .7);--text-tertiary: rgba(139, 69, 19, .5);--border-color: #E6C6A5;--primary-color: #DEB887}[data-theme=aurora]{--color-background: #001122;--color-surface: #0A1929;--color-surface-alt: #172B4D;--color-text-primary: #4FC3F7;--color-text-secondary: rgba(79, 195, 247, .85);--color-text-on-surface: #4FC3F7;--color-button: #26A69A;--color-button-hover: #2DD4BF;--color-button-text: #ffffff;--color-accent: #00E5FF;--color-border: #64B5F6;--color-border-dark: #90CAF9;--color-success: #4CAF50;--color-warning: #FFC107;--color-error: #F44336;--color-info: #00E5FF;--bg-primary: #0A1929;--bg-secondary: #172B4D;--text-primary: #4FC3F7;--text-secondary: rgba(79, 195, 247, .85);--text-tertiary: rgba(79, 195, 247, .7);--border-color: #64B5F6;--primary-color: #26A69A}[data-theme=matrix]{--color-background: #000000;--color-surface: #001100;--color-surface-alt: #002200;--color-text-primary: #00FF00;--color-text-secondary: rgba(0, 255, 0, .8);--color-text-on-surface: #00FF00;--color-button: #003300;--color-button-hover: #004400;--color-button-text: #00FF00;--color-accent: #00FF00;--color-border: #00FF00;--color-border-dark: #00CC00;--color-success: #00FF00;--color-warning: #FFFF00;--color-error: #FF0000;--color-info: #00FFFF;--bg-primary: #001100;--bg-secondary: #002200;--text-primary: #00FF00;--text-secondary: rgba(0, 255, 0, .85);--text-tertiary: rgba(0, 255, 0, .7);--border-color: #00FF00;--primary-color: #00FF00}[data-theme=terminal]{--color-background: #1E1E1E;--color-surface: #252526;--color-surface-alt: #2D2D30;--color-text-primary: #D4D4D4;--color-text-secondary: rgba(212, 212, 212, .8);--color-text-on-surface: #D4D4D4;--color-button: #007ACC;--color-button-hover: #0098FF;--color-button-text: #ffffff;--color-accent: #4EC9B0;--color-border: #3E3E42;--color-border-dark: #5A5A5A;--color-success: #89D185;--color-warning: #DCDCAA;--color-error: #F48771;--color-info: #569CD6;--bg-primary: #252526;--bg-secondary: #2D2D30;--text-primary: #D4D4D4;--text-secondary: rgba(212, 212, 212, .85);--text-tertiary: rgba(212, 212, 212, .7);--border-color: #3E3E42;--primary-color: #007ACC}[data-theme=monochrome]{--color-background: #2C2C2C;--color-surface: #3C3C3C;--color-surface-alt: #4C4C4C;--color-text-primary: #E0E0E0;--color-text-secondary: rgba(224, 224, 224, .8);--color-text-on-surface: #E0E0E0;--color-button: #555555;--color-button-hover: #666666;--color-button-text: #ffffff;--color-accent: #888888;--color-border: #606060;--color-border-dark: #707070;--color-success: #70C070;--color-warning: #C0C070;--color-error: #C07070;--color-info: #7090C0;--bg-primary: #3C3C3C;--bg-secondary: #4C4C4C;--text-primary: #E0E0E0;--text-secondary: rgba(224, 224, 224, .85);--text-tertiary: rgba(224, 224, 224, .7);--border-color: #606060;--primary-color: #555555}[data-theme=dark-red]{--color-background: #000000;--color-surface: #1a1a1a;--color-surface-alt: #2a1f1f;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-on-surface: #ffffff;--color-button: #c73636;--color-button-hover: #d84a4a;--color-button-text: #ffffff;--color-accent: #ff4848;--color-border: #404040;--color-border-dark: #5a3a3a;--color-success: #4caf50;--color-warning: #ffc107;--color-error: #f44336;--color-info: #ff4848;--bg-primary: #1a1a1a;--bg-secondary: #2a1f1f;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--border-color: #404040;--primary-color: #c73636}[data-theme=dark-green]{--color-background: #000000;--color-surface: #1a1a1a;--color-surface-alt: #1f2a1f;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-on-surface: #ffffff;--color-button: #36c736;--color-button-hover: #4ad84a;--color-button-text: #000000;--color-accent: #48ff48;--color-border: #404040;--color-border-dark: #3a5a3a;--color-success: #4caf50;--color-warning: #ffc107;--color-error: #f44336;--color-info: #48ff48;--bg-primary: #1a1a1a;--bg-secondary: #1f2a1f;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--border-color: #404040;--primary-color: #36c736}[data-theme=dark-purple]{--color-background: #000000;--color-surface: #1a1a1a;--color-surface-alt: #2a1f2a;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-on-surface: #ffffff;--color-button: #8c36c7;--color-button-hover: #9c4ad8;--color-button-text: #ffffff;--color-accent: #ba48ff;--color-border: #404040;--color-border-dark: #5a3a5a;--color-success: #4caf50;--color-warning: #ffc107;--color-error: #f44336;--color-info: #ba48ff;--bg-primary: #1a1a1a;--bg-secondary: #2a1f2a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--border-color: #404040;--primary-color: #8c36c7}[data-theme=dark-orange]{--color-background: #000000;--color-surface: #1a1a1a;--color-surface-alt: #2a251f;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-on-surface: #ffffff;--color-button: #c78036;--color-button-hover: #d8944a;--color-button-text: #000000;--color-accent: #ffa848;--color-border: #404040;--color-border-dark: #5a453a;--color-success: #4caf50;--color-warning: #ffc107;--color-error: #f44336;--color-info: #ffa848;--bg-primary: #1a1a1a;--bg-secondary: #2a251f;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--border-color: #404040;--primary-color: #c78036}[data-theme=dark-cyan]{--color-background: #000000;--color-surface: #1a1a1a;--color-surface-alt: #1f252a;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-on-surface: #ffffff;--color-button: #36b8c7;--color-button-hover: #4ac8d8;--color-button-text: #000000;--color-accent: #48dfff;--color-border: #404040;--color-border-dark: #3a505a;--color-success: #4caf50;--color-warning: #ffc107;--color-error: #f44336;--color-info: #48dfff;--bg-primary: #1a1a1a;--bg-secondary: #1f252a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--border-color: #404040;--primary-color: #36b8c7}[data-theme=dark-yellow]{--color-background: #000000;--color-surface: #1a1a1a;--color-surface-alt: #2a2a1f;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-on-surface: #ffffff;--color-button: #c7b836;--color-button-hover: #d8c84a;--color-button-text: #000000;--color-accent: #ffef48;--color-border: #404040;--color-border-dark: #5a5a3a;--color-success: #4caf50;--color-warning: #ffc107;--color-error: #f44336;--color-info: #ffef48;--bg-primary: #1a1a1a;--bg-secondary: #2a2a1f;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--border-color: #404040;--primary-color: #c7b836}[data-theme=google]{--color-background: #ffffff;--color-surface: #f8f9fa;--color-surface-alt: #e8eaed;--color-text-primary: #202124;--color-text-secondary: rgba(32, 33, 36, .7);--color-text-on-surface: #202124;--color-button: #4285f4;--color-button-hover: #3367d6;--color-button-text: #ffffff;--color-accent: #ea4335;--color-border: #dadce0;--color-border-dark: #bdc1c6;--color-success: #34a853;--color-warning: #fbbc04;--color-error: #ea4335;--color-info: #4285f4;--bg-primary: #f8f9fa;--bg-secondary: #e8eaed;--text-primary: #202124;--text-secondary: rgba(32, 33, 36, .7);--text-tertiary: rgba(32, 33, 36, .5);--border-color: #dadce0;--primary-color: #4285f4}[data-theme=meta]{--color-background: #ffffff;--color-surface: #f2f3f5;--color-surface-alt: #e4e6eb;--color-text-primary: #050505;--color-text-secondary: rgba(5, 5, 5, .7);--color-text-on-surface: #050505;--color-button: #1877f2;--color-button-hover: #166fe5;--color-button-text: #ffffff;--color-accent: #42b883;--color-border: #dadde1;--color-border-dark: #bec3c9;--color-success: #42b883;--color-warning: #fbbc04;--color-error: #f02849;--color-info: #1877f2;--bg-primary: #f2f3f5;--bg-secondary: #e4e6eb;--text-primary: #050505;--text-secondary: rgba(5, 5, 5, .7);--text-tertiary: rgba(5, 5, 5, .5);--border-color: #dadde1;--primary-color: #1877f2}[data-theme=nvidia]{--color-background: #000000;--color-surface: #1a1a1a;--color-surface-alt: #2a2a2a;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-on-surface: #ffffff;--color-button: #76b900;--color-button-hover: #85c91a;--color-button-text: #000000;--color-accent: #76b900;--color-border: #404040;--color-border-dark: #5a5a5a;--color-success: #76b900;--color-warning: #ffc107;--color-error: #f44336;--color-info: #76b900;--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--border-color: #404040;--primary-color: #76b900}[data-theme=bnp-paribas]{--color-background: #003d2b;--color-surface: #00543b;--color-surface-alt: #006b4a;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .85);--color-text-on-surface: #ffffff;--color-button: #00a651;--color-button-hover: #00c760;--color-button-text: #ffffff;--color-accent: #00a651;--color-border: #006b4a;--color-border-dark: #008556;--color-success: #a5d6a7;--color-warning: #ffcc80;--color-error: #e57373;--color-info: #90caf9;--bg-primary: #00543b;--bg-secondary: #006b4a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .7);--border-color: #006b4a;--primary-color: #00a651}[data-theme=societe-generale]{--color-background: #000000;--color-surface: #1a1a1a;--color-surface-alt: #2a2a2a;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .85);--color-text-on-surface: #ffffff;--color-button: #e60028;--color-button-hover: #ff1a3d;--color-button-text: #ffffff;--color-accent: #e60028;--color-border: #2a2a2a;--color-border-dark: #3a3a3a;--color-success: #a5d6a7;--color-warning: #ffcc80;--color-error: #e57373;--color-info: #90caf9;--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .7);--border-color: #2a2a2a;--primary-color: #e60028}[data-theme=jpmorgan]{--color-background: #2d1f14;--color-surface: #3d2a1b;--color-surface-alt: #4d3522;--color-text-primary: #e8dcc8;--color-text-secondary: rgba(232, 220, 200, .85);--color-text-on-surface: #e8dcc8;--color-button: #8b6f47;--color-button-hover: #a08159;--color-button-text: #ffffff;--color-accent: #c9a961;--color-border: #4d3522;--color-border-dark: #5d4029;--color-success: #a5d6a7;--color-warning: #ffcc80;--color-error: #e57373;--color-info: #90caf9;--bg-primary: #3d2a1b;--bg-secondary: #4d3522;--text-primary: #e8dcc8;--text-secondary: rgba(232, 220, 200, .85);--text-tertiary: rgba(232, 220, 200, .7);--border-color: #4d3522;--primary-color: #8b6f47}[data-theme=goldman-sachs]{--color-background: #4a6b8a;--color-surface: #5a7b9a;--color-surface-alt: #6a8baa;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .85);--color-text-on-surface: #ffffff;--color-button: #7a9bba;--color-button-hover: #8aabca;--color-button-text: #ffffff;--color-accent: #7a9bba;--color-border: #6a8baa;--color-border-dark: #5a7b9a;--color-success: #a5d6a7;--color-warning: #ffcc80;--color-error: #e57373;--color-info: #90caf9;--bg-primary: #5a7b9a;--bg-secondary: #6a8baa;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .7);--border-color: #6a8baa;--primary-color: #7a9bba}[data-theme=microsoft]{--color-background: #ffffff;--color-surface: #f3f3f3;--color-surface-alt: #e8e8e8;--color-text-primary: #323130;--color-text-secondary: rgba(50, 49, 48, .7);--color-text-on-surface: #323130;--color-button: #0078d4;--color-button-hover: #006cbe;--color-button-text: #ffffff;--color-accent: #00a4ef;--color-border: #d2d0ce;--color-border-dark: #b3b0ad;--color-success: #107c10;--color-warning: #ffaa44;--color-error: #d13438;--color-info: #0078d4;--bg-primary: #f3f3f3;--bg-secondary: #e8e8e8;--text-primary: #323130;--text-secondary: rgba(50, 49, 48, .7);--text-tertiary: rgba(50, 49, 48, .5);--border-color: #d2d0ce;--primary-color: #0078d4}.theme-preview{width:20px;height:20px;border-radius:50%;margin-right:var(--spacing-sm);border:2px solid var(--color-border);flex-shrink:0}.theme-dropdown .theme-option,.theme-option-settings,.theme-option-settings .theme-option{display:flex;align-items:center;gap:8px}.theme-dropdown .theme-option span,.theme-option-settings span{display:inline-flex;align-items:center;line-height:1}.theme-preview.default{background:linear-gradient(45deg,#08b877 50%,#06a86b 50%)}.theme-preview.dark{background:linear-gradient(45deg,#000 50%,#333 50%)}.theme-preview.light{background:linear-gradient(45deg,#f5f5f5 50%,#6200ee 50%)}.theme-preview.blue{background:linear-gradient(45deg,#e3f2fd 50%,#1976d2 50%)}.theme-preview.green{background:linear-gradient(45deg,#e8f5e9 50%,#2e7d32 50%)}.theme-preview.red{background:linear-gradient(45deg,#ffebee 50%,#c62828 50%)}.theme-preview.bloom{background:linear-gradient(45deg,#000 50%,#ffae00 50%)}.theme-preview.metal{background:linear-gradient(45deg,#1c1c1c 50%,#8b0000 50%)}.theme-preview.flashy{background:linear-gradient(45deg,#1a0033 50%,#f0f 50%)}.theme-preview.wood{background:linear-gradient(45deg,#5d4037 50%,#d7a86e 50%);background-image:var(--theme-texture)}.theme-preview.ocean{background:linear-gradient(45deg,#01579b 50%,#0288d1 50%);background-image:var(--theme-texture)}.theme-preview.pastel{background:linear-gradient(45deg,#fff4e6 50%,#ffb6c1 50%)}.theme-preview.forest{background:linear-gradient(45deg,#1b4332 50%,#52b788 50%);background-image:var(--theme-texture)}.theme-preview.sunset{background:linear-gradient(45deg,#ff6b35 50%,#ff8c42 50%);background-image:var(--theme-texture)}.theme-preview.cyberpunk{background:linear-gradient(45deg,#000 50%,#f0f 50%)}.theme-preview.grayscale{background:linear-gradient(45deg,#f5f5f5 50%,#333 50%)}.theme-preview.purple{background:linear-gradient(45deg,#f3e5f5 50%,#6a1b9a 50%)}.theme-preview.pink{background:linear-gradient(45deg,#fff0f5 50%,#e91e63 50%)}.theme-preview.turquoise{background:linear-gradient(45deg,#e0f7fa 50%,#00838f 50%)}.theme-preview.yellow{background:linear-gradient(45deg,#fffde7 50%,#ffeb3b 50%)}.theme-preview.coffee{background:linear-gradient(45deg,#4e342e 50%,#5d4037 50%);background-image:var(--theme-texture)}.theme-preview.desert{background:linear-gradient(45deg,#f5e6d3 50%,#deb887 50%);background-image:var(--theme-texture)}.theme-preview.aurora{background:linear-gradient(45deg,#012 50%,#26a69a 50%)}.theme-preview.matrix{background:linear-gradient(45deg,#000 50%,#0f0 50%)}.theme-preview.terminal{background:linear-gradient(45deg,#1e1e1e 50%,#007acc 50%)}.theme-preview.monochrome{background:linear-gradient(45deg,#2c2c2c 50%,#555 50%)}.theme-preview.dark-red{background:linear-gradient(45deg,#000 50%,#c73636 50%)}.theme-preview.dark-green{background:linear-gradient(45deg,#000 50%,#36c736 50%)}.theme-preview.dark-purple{background:linear-gradient(45deg,#000 50%,#8c36c7 50%)}.theme-preview.dark-orange{background:linear-gradient(45deg,#000 50%,#c78036 50%)}.theme-preview.dark-cyan{background:linear-gradient(45deg,#000 50%,#36b8c7 50%)}.theme-preview.dark-yellow{background:linear-gradient(45deg,#000 50%,#c7b836 50%)}.theme-preview.google{background:linear-gradient(45deg,#4285f4 50%,#ea4335 50%)}.theme-preview.meta{background:linear-gradient(45deg,#1877f2 50%,#42b883 50%)}.theme-preview.nvidia{background:linear-gradient(45deg,#000 50%,#76b900 50%)}.theme-preview.bnp-paribas{background:linear-gradient(45deg,#009639 50%,#007b3a 50%)}.theme-preview.societe-generale{background:linear-gradient(45deg,#000 50%,#e60028 50%)}.theme-preview.jpmorgan{background:linear-gradient(45deg,#3d2a1b 50%,#c9a961 50%)}.theme-preview.goldman-sachs{background:linear-gradient(45deg,#0c2340 50%,#06c 50%)}.theme-preview.microsoft{background:linear-gradient(45deg,#0078d4 50%,#00a4ef 50%)}body{background-color:var(--color-background);color:var(--color-text-primary);background-image:var(--theme-texture, none);background-size:cover,auto;background-repeat:no-repeat,repeat;background-attachment:fixed;transition:all var(--transition-normal)}.card,.modal-content,.dropdown,.surface{background-color:var(--color-surface);color:var(--color-text-on-surface)}.surface-alt{background-color:var(--color-surface-alt)}.border{border-color:var(--color-border)}.border-dark{border-color:var(--color-border-dark)}.btn-primary:hover{background-color:var(--color-button-hover);border-color:var(--color-button-hover)}.btn-secondary{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-border-dark)}.btn-secondary:hover{background-color:var(--color-surface-alt)}.accent,.highlight,a{color:var(--color-accent)}a:hover{color:var(--color-button)}.success{color:var(--color-success)}.warning{color:var(--color-warning)}.error{color:var(--color-error)}.info{color:var(--color-info)}.text-primary{color:var(--color-text-primary)}.text-on-surface{color:var(--color-text-on-surface)}.nav-item i,.btn i,.feature-icon i,.stat-icon i,.panel-title i,.prompt-label i,.group-select-label i,.btn-panel i,.status-menu-item i,.recent-item i{filter:contrast(1.2);text-shadow:0 1px 2px rgba(0,0,0,.1)}[data-theme=dark] .nav-item i,[data-theme=dark] .btn i,[data-theme=dark] .feature-icon i,[data-theme=dark] .stat-icon i,[data-theme=dark] .panel-title i,[data-theme=dark] .prompt-label i,[data-theme=dark] .group-select-label i,[data-theme=dark] .btn-panel i,[data-theme=dark] .status-menu-item i,[data-theme=dark] .recent-item i{filter:contrast(1.4) brightness(1.1);text-shadow:0 1px 3px rgba(0,0,0,.3)}[data-theme=bloom] .nav-item i,[data-theme=bloom] .btn i,[data-theme=bloom] .feature-icon i,[data-theme=bloom] .stat-icon i,[data-theme=bloom] .panel-title i,[data-theme=bloom] .prompt-label i,[data-theme=bloom] .group-select-label i,[data-theme=bloom] .btn-panel i,[data-theme=bloom] .status-menu-item i,[data-theme=bloom] .recent-item i,[data-theme=cyberpunk] .nav-item i,[data-theme=cyberpunk] .btn i,[data-theme=cyberpunk] .feature-icon i,[data-theme=cyberpunk] .stat-icon i,[data-theme=cyberpunk] .panel-title i,[data-theme=cyberpunk] .prompt-label i,[data-theme=cyberpunk] .group-select-label i,[data-theme=cyberpunk] .btn-panel i,[data-theme=cyberpunk] .status-menu-item i,[data-theme=cyberpunk] .recent-item i,[data-theme=matrix] .nav-item i,[data-theme=matrix] .btn i,[data-theme=matrix] .feature-icon i,[data-theme=matrix] .stat-icon i,[data-theme=matrix] .panel-title i,[data-theme=matrix] .prompt-label i,[data-theme=matrix] .group-select-label i,[data-theme=matrix] .btn-panel i,[data-theme=matrix] .status-menu-item i,[data-theme=matrix] .recent-item i,[data-theme=terminal] .nav-item i,[data-theme=terminal] .btn i,[data-theme=terminal] .feature-icon i,[data-theme=terminal] .stat-icon i,[data-theme=terminal] .panel-title i,[data-theme=terminal] .prompt-label i,[data-theme=terminal] .group-select-label i,[data-theme=terminal] .btn-panel i,[data-theme=terminal] .status-menu-item i,[data-theme=terminal] .recent-item i,[data-theme=monochrome] .nav-item i,[data-theme=monochrome] .btn i,[data-theme=monochrome] .feature-icon i,[data-theme=monochrome] .stat-icon i,[data-theme=monochrome] .panel-title i,[data-theme=monochrome] .prompt-label i,[data-theme=monochrome] .group-select-label i,[data-theme=monochrome] .btn-panel i,[data-theme=monochrome] .status-menu-item i,[data-theme=monochrome] .recent-item i,[data-theme=aurora] .nav-item i,[data-theme=aurora] .btn i,[data-theme=aurora] .feature-icon i,[data-theme=aurora] .stat-icon i,[data-theme=aurora] .panel-title i,[data-theme=aurora] .prompt-label i,[data-theme=aurora] .group-select-label i,[data-theme=aurora] .btn-panel i,[data-theme=aurora] .status-menu-item i,[data-theme=aurora] .recent-item i{filter:contrast(1.5) brightness(1.2);text-shadow:0 1px 4px rgba(0,0,0,.5)}[data-theme=light] .nav-item i,[data-theme=light] .btn i,[data-theme=light] .feature-icon i,[data-theme=light] .stat-icon i,[data-theme=light] .panel-title i,[data-theme=light] .prompt-label i,[data-theme=light] .group-select-label i,[data-theme=light] .btn-panel i,[data-theme=light] .status-menu-item i,[data-theme=light] .recent-item i{filter:contrast(1.3);text-shadow:0 1px 2px rgba(0,0,0,.15)}[data-theme=blue] .nav-item i,[data-theme=blue] .btn i,[data-theme=blue] .feature-icon i,[data-theme=blue] .stat-icon i,[data-theme=blue] .panel-title i,[data-theme=blue] .prompt-label i,[data-theme=blue] .group-select-label i,[data-theme=blue] .btn-panel i,[data-theme=blue] .status-menu-item i,[data-theme=blue] .recent-item i,[data-theme=green] .nav-item i,[data-theme=green] .btn i,[data-theme=green] .feature-icon i,[data-theme=green] .stat-icon i,[data-theme=green] .panel-title i,[data-theme=green] .prompt-label i,[data-theme=green] .group-select-label i,[data-theme=green] .btn-panel i,[data-theme=green] .status-menu-item i,[data-theme=green] .recent-item i,[data-theme=red] .nav-item i,[data-theme=red] .btn i,[data-theme=red] .feature-icon i,[data-theme=red] .stat-icon i,[data-theme=red] .panel-title i,[data-theme=red] .prompt-label i,[data-theme=red] .group-select-label i,[data-theme=red] .btn-panel i,[data-theme=red] .status-menu-item i,[data-theme=red] .recent-item i,[data-theme=purple] .nav-item i,[data-theme=purple] .btn i,[data-theme=purple] .feature-icon i,[data-theme=purple] .stat-icon i,[data-theme=purple] .panel-title i,[data-theme=purple] .prompt-label i,[data-theme=purple] .group-select-label i,[data-theme=purple] .btn-panel i,[data-theme=purple] .status-menu-item i,[data-theme=purple] .recent-item i,[data-theme=pink] .nav-item i,[data-theme=pink] .btn i,[data-theme=pink] .feature-icon i,[data-theme=pink] .stat-icon i,[data-theme=pink] .panel-title i,[data-theme=pink] .prompt-label i,[data-theme=pink] .group-select-label i,[data-theme=pink] .btn-panel i,[data-theme=pink] .status-menu-item i,[data-theme=pink] .recent-item i,[data-theme=turquoise] .nav-item i,[data-theme=turquoise] .btn i,[data-theme=turquoise] .feature-icon i,[data-theme=turquoise] .stat-icon i,[data-theme=turquoise] .panel-title i,[data-theme=turquoise] .prompt-label i,[data-theme=turquoise] .group-select-label i,[data-theme=turquoise] .btn-panel i,[data-theme=turquoise] .status-menu-item i,[data-theme=turquoise] .recent-item i,[data-theme=yellow] .nav-item i,[data-theme=yellow] .btn i,[data-theme=yellow] .feature-icon i,[data-theme=yellow] .stat-icon i,[data-theme=yellow] .panel-title i,[data-theme=yellow] .prompt-label i,[data-theme=yellow] .group-select-label i,[data-theme=yellow] .btn-panel i,[data-theme=yellow] .status-menu-item i,[data-theme=yellow] .recent-item i{filter:contrast(1.2) brightness(1.05);text-shadow:0 1px 2px rgba(0,0,0,.2)}*{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.hero-visual,.feature-card,.stat-card{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),transform var(--transition-fast)}[data-theme=dark] .hero-visual i,[data-theme=bloom] .hero-visual i,[data-theme=metal] .hero-visual i,[data-theme=flashy] .hero-visual i,[data-theme=cyberpunk] .hero-visual i,[data-theme=matrix] .hero-visual i,[data-theme=terminal] .hero-visual i,[data-theme=monochrome] .hero-visual i,[data-theme=forest] .hero-visual i,[data-theme=aurora] .hero-visual i,[data-theme=coffee] .hero-visual i,[data-theme=dark-red] .hero-visual i,[data-theme=dark-green] .hero-visual i,[data-theme=dark-purple] .hero-visual i,[data-theme=dark-orange] .hero-visual i,[data-theme=dark-cyan] .hero-visual i,[data-theme=dark-yellow] .hero-visual i,[data-theme=nvidia] .hero-visual i{filter:brightness(.8)}[data-theme=dark] .modal-content,[data-theme=bloom] .modal-content,[data-theme=metal] .modal-content,[data-theme=flashy] .modal-content,[data-theme=cyberpunk] .modal-content,[data-theme=matrix] .modal-content,[data-theme=terminal] .modal-content,[data-theme=monochrome] .modal-content,[data-theme=forest] .modal-content,[data-theme=aurora] .modal-content,[data-theme=coffee] .modal-content,[data-theme=dark-red] .modal-content,[data-theme=dark-green] .modal-content,[data-theme=dark-purple] .modal-content,[data-theme=dark-orange] .modal-content,[data-theme=dark-cyan] .modal-content,[data-theme=dark-yellow] .modal-content,[data-theme=nvidia] .modal-content{box-shadow:0 4px 16px #0000004d}[data-theme=bloom] .highlight{text-shadow:0 0 10px var(--color-accent)}[data-theme=bloom] .btn-primary{box-shadow:0 0 15px #ffae004d}[data-theme=bloom] .btn-primary:hover{box-shadow:0 0 20px #ffae0080}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--ui-font-base, 14px)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;min-height:100vh;overflow:hidden;background-color:var(--color-background);color:var(--color-text-primary);display:flex}.sidebar{width:var(--ui-sidebar-width, 220px);min-width:var(--ui-sidebar-width, 220px);max-width:var(--ui-sidebar-width, 220px);height:100vh;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width var(--transition-normal),min-width var(--transition-normal),max-width var(--transition-normal);position:relative;z-index:100;flex-shrink:0;overflow:hidden}.sidebar.collapsed{width:0;min-width:0;max-width:0;border-right:none}.sidebar.collapsed .sidebar-header{display:none!important}.sidebar-reopen-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-on-surface);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);font-size:1.1rem;flex-shrink:0;margin-right:.5rem}.sidebar-reopen-toggle:hover{background-color:var(--color-button);border-color:var(--color-button);color:var(--color-text-on-button)}.sidebar-reopen-toggle i{font-size:1rem}.sidebar-reopen-toggle.visible{display:flex!important}.main-container{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--color-background);min-width:0}.sidebar-header{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);border-bottom:1px solid var(--color-border);position:relative;min-height:0;overflow:visible}.sidebar-header-top{display:flex;align-items:center;gap:var(--spacing-md)}.sidebar-header-top .nav-brand{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-user-status-actions:not(.connected):not(.connecting) .profile-action-container{background:var(--color-button);border:1px solid var(--color-button);transition:all var(--transition-fast);cursor:pointer!important;z-index:10!important;pointer-events:auto!important}.sidebar-user-status-actions:not(.connected):not(.connecting) .profile-action-container>*{position:relative;z-index:10!important;pointer-events:auto!important}.sidebar-user-status-actions:not(.connected):not(.connecting) .profile-action-container:hover{background:var(--color-button-hover);border-color:var(--color-button-hover)}.sidebar-user-status-actions:not(.connected):not(.connecting) .profile-action-container:active{transform:scale(.98)}.sidebar-user-status-actions:not(.connected):not(.connecting) .profile-action-container .status-dot{background-color:#9e9e9e}.sidebar-user-status-actions:not(.connected):not(.connecting) .profile-action-container .status-text{color:var(--color-button-text)!important}.sidebar-user-status-actions:not(.connected):not(.connecting) .profile-action-container .status-email{color:var(--color-button-text)!important;opacity:.8}.sidebar-toggle{width:34px;height:34px;border:none;background:transparent;color:var(--color-text-on-surface);border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast);flex-shrink:0}.sidebar-toggle:hover{background-color:var(--color-surface-alt)}.nav-brand{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.logo{width:28px;height:28px;border-radius:var(--border-radius);flex-shrink:0}.brand-text{font-size:1rem;font-weight:700;background:linear-gradient(135deg,var(--color-button),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-actions{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar-actions .btn{width:100%;justify-content:flex-start}.sidebar-user-status-actions{width:100%;position:relative;margin-bottom:var(--spacing-sm)}.sidebar-user-status-actions .profile-action-container{width:100%;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);padding:var(--spacing-xs) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer!important;transition:all var(--transition-fast);min-height:var(--ui-btn-height, 32px);overflow:hidden;box-sizing:border-box;position:relative;z-index:1}.sidebar-user-status-actions .profile-action-container:hover{background-color:var(--color-surface-alt)}.sidebar-user-status-actions.connected .profile-action-container .status-dot{background-color:#4caf50;box-shadow:0 0 8px #4caf5066}.sidebar-user-status-actions.connecting .profile-action-container .status-dot{background-color:#ff9800;animation:pulse 1.5s infinite}.sidebar-user-status-actions .status-menu{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;padding:var(--spacing-xs);z-index:1001!important;display:none;flex-direction:column;gap:var(--spacing-xs);pointer-events:auto!important}.sidebar-user-status-actions .status-menu.show{display:flex!important}.groups-actions-container{display:flex;width:100%;gap:0;align-items:stretch}.groups-main-btn{flex:0 0 80%;width:80%;border-radius:var(--border-radius) 0 0 var(--border-radius);justify-content:flex-start;border-right:none}.groups-add-btn{flex:0 0 20%;width:20%;min-width:48px;padding:var(--spacing-md);border-radius:0 var(--border-radius) var(--border-radius) 0;justify-content:center;flex-shrink:0;border-left:1px solid rgba(255,255,255,.2)}.groups-add-btn:hover{background:var(--color-button-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.groups-add-btn:active{transform:translateY(0)}.groups-add-btn i{margin:0;font-size:1rem}.groups-main-btn i{margin-right:var(--spacing-sm)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.nav-section{margin-bottom:var(--spacing-lg)}.nav-section-title{padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md);border-radius:var(--border-radius);color:var(--color-text-on-surface);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--spacing-sm)}.nav-item:hover{background-color:var(--color-surface-alt)}.nav-item.active{background-color:var(--color-button);color:var(--color-button-text)}.nav-item i{width:var(--ui-icon-size, 16px);text-align:center;flex-shrink:0}.nav-item span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-items-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recent-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md);border-radius:var(--border-radius);color:var(--color-text-on-surface);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);position:relative}.recent-item:hover,.recent-item.active{background-color:var(--color-surface-alt)}.recent-item i{width:16px;text-align:center;flex-shrink:0;font-size:.875rem}.recent-item-text{flex:1;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item-actions{display:none;gap:var(--spacing-xs)}.recent-item:hover .recent-item-actions{display:flex}.recent-item-action{width:24px;height:24px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.recent-item-action:hover{background-color:var(--color-surface);color:var(--color-text-on-surface)}.sidebar-footer{padding:0;border-top:1px solid var(--color-border);display:flex;flex-direction:column}.sidebar-settings .btn{width:100%;margin-bottom:10px;display:flex;justify-content:center;align-items:center;gap:8px}.status-menu-logged-out .btn,.status-menu-logged-in .btn{width:100%}.status-menu-logged-in{display:none}.sidebar-header .sidebar-theme-section{padding:0;border-bottom:none;position:relative;width:100%;flex-shrink:0;margin-bottom:var(--spacing-sm)}.theme-action-container{width:100%;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);overflow:hidden}.sidebar-theme-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-on-surface);border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;min-height:var(--ui-btn-height, 32px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start}.theme-action-container .sidebar-theme-btn:hover{background-color:var(--color-surface-alt)}.theme-action-container .sidebar-theme-btn:active{transform:scale(.98)}.sidebar-theme-btn i{font-size:1.125rem;flex-shrink:0;color:var(--color-accent)}.sidebar-theme-btn span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-header .sidebar-user-status{padding:0;position:relative;-webkit-user-select:none;user-select:none;width:100%;flex-shrink:0;margin-top:var(--spacing-sm)}.profile-action-container{width:100%;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);padding:var(--spacing-xs) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);min-height:var(--ui-btn-height, 32px);overflow:hidden;box-sizing:border-box}.profile-action-container:hover{background-color:var(--color-surface-alt)}.profile-action-container:active{transform:scale(.98)}.profile-action-container .status-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem;overflow:hidden}.profile-action-container .status-text{font-size:.875rem;font-weight:500;color:var(--color-text-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-action-container .status-email{font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-header .sidebar-user-status.connected .status-dot{background-color:#4caf50;box-shadow:0 0 8px #4caf5066}.sidebar-header .sidebar-user-status.connecting .status-dot{background-color:#ff9800;animation:pulse 1.5s infinite}.profile-action-container .status-dot{width:10px;height:10px;border-radius:50%;background-color:#9e9e9e;flex-shrink:0;transition:all var(--transition-fast)}.sidebar-header .sidebar-user-status.connected .profile-action-container .status-dot{background-color:#4caf50;box-shadow:0 0 8px #4caf5066}.sidebar-header .sidebar-user-status.connecting .profile-action-container .status-dot{background-color:#ff9800;animation:pulse 1.5s infinite}.sidebar-user-status.connected .status-dot{background-color:#4caf50;box-shadow:0 0 8px #4caf5066}.sidebar-user-status.connecting .status-dot{background-color:#ff9800;animation:pulse 1.5s infinite}.sidebar-header .sidebar-theme-section .theme-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-large);padding:var(--spacing-xs);display:none;z-index:998;max-height:400px;max-width:350px;overflow-y:auto;margin-top:var(--spacing-xs)}.sidebar-theme-section .theme-dropdown.show{display:grid;grid-template-columns:repeat(1,1fr);gap:.25rem}.sidebar-theme-section .theme-option{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;border-radius:6px;transition:all .2s ease}.sidebar-theme-section .theme-option:hover{background:var(--color-surface-alt)}.sidebar-header .sidebar-user-status .status-menu{position:absolute;top:calc(100% + var(--spacing-sm));left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-large);padding:var(--spacing-xs);min-width:220px;display:none;z-index:1000;margin-top:var(--spacing-xs)}.sidebar-user-status .status-menu.show{display:block;animation:slideUp .2s ease-out}.top-bar-title{flex:1;font-size:1rem;font-weight:600;color:var(--color-text-on-surface)}.top-bar-search-wrapper{flex:0 0 auto;width:230px;max-width:500px;position:relative;margin:0 var(--spacing-md);z-index:6000;--search-ease-elastic: cubic-bezier(.7, -.5, .3, 1.5);--search-icon-color: var(--color-text-secondary);--search-glow-l-color: var(--color-primary);--search-glow-r-color: var(--color-primary);--search-input-radius: 14px;transition:width .3s ease,max-width .3s ease}.search-input-wrapper{position:relative;z-index:20000}.search-input-container{background-color:var(--color-surface-alt);border-radius:var(--search-input-radius);position:relative;z-index:10;overflow:hidden;opacity:.85;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000001a}.search-glow{width:20%;height:25%;border-radius:50%;opacity:.15;filter:blur(30px);position:absolute;margin:auto;z-index:-1;animation:search-glow-animate 2s cubic-bezier(.6,0,.6,1) infinite}@keyframes search-glow-animate{50%{width:30%;filter:blur(40px)}}.search-input-container .search-glow{width:10%;height:0px;filter:blur(10px);opacity:.2;animation:none;display:none}.search-glow-left{box-shadow:none;background-color:var(--search-glow-l-color);left:0;top:25%}.search-glow-right{box-shadow:none;background-color:var(--search-glow-r-color);right:0;bottom:25%}.search-reflection{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;border-radius:var(--search-input-radius);pointer-events:none;overflow:hidden}.search-reflection:before{content:"";position:absolute;width:500px;background:linear-gradient(to right,#f4ddff1a 10%,#f4ddff66 60%,#f4ddff33 60%,#f4ddff1a 90%);top:0;bottom:0;opacity:.2;transform:translate(-540px) skew(-40deg);transition:all 1.2s cubic-bezier(.5,0,.3,1)}.search-input-wrapper:focus-within .search-reflection:before{transform:translate(440px) skew(40deg) scaleX(.5)}.search-reflection:after{content:"";position:absolute;left:68px;right:50%;top:10px;bottom:10px;z-index:-1;background:none}.search-icon-wrapper{display:grid;place-items:center;position:absolute;left:10px;top:6px;bottom:6px;width:36px;font-size:1rem;color:var(--search-icon-color);z-index:3;pointer-events:none}.search-icon-magnifier{width:1em;height:1em;transition:opacity .5s linear,transform .2s ease;overflow:visible}.search-input-wrapper:focus-within .search-icon-magnifier{transform:scale(1.2) translate(1.7px,1.7px);color:var(--color-primary)}.search-input{width:100%;height:var(--ui-input-height, 32px);padding:0 44px;font-size:.875rem;background:none;border:none;color:var(--color-text-on-surface);position:relative;transition:all .5s var(--search-ease-elastic);outline:none;border-radius:var(--search-input-radius);z-index:2}.search-input::placeholder{color:var(--color-text-secondary)}.search-clear-btn{z-index:3;background:linear-gradient(to bottom,#171725cc,#0c0a2ae6 70%,#1b1856e6);background-clip:padding-box;border:solid 2px transparent;font-size:.875rem;position:absolute;right:5px;top:5px;bottom:5px;width:36px;cursor:pointer;color:var(--search-icon-color);overflow:hidden;border-radius:calc(var(--search-input-radius) * .9);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.search-clear-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:linear-gradient(to bottom,#333161cc,#0c0a2ae6,#3d3a75e6)}.search-clear-btn:hover{filter:brightness(1.3);transform:scale(1.05)}.search-glow-outline{position:absolute;border-radius:var(--search-input-radius);overflow:hidden;z-index:9;top:-1px;right:-1px;bottom:-1px;left:-1px;transition:all .3s linear;opacity:0}.search-glow-outline:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";width:110px;height:60px;margin:auto;background:linear-gradient(90deg,transparent,rgba(197,134,203,.5),transparent);animation:search-spin 3s linear infinite;animation-play-state:paused}.search-input-wrapper:hover .search-glow-outline:before{animation-play-state:running}.search-input-wrapper:hover .search-glow-outline{opacity:.2}.search-input-wrapper:focus-within .search-glow-outline{transition-duration:.2s;opacity:0}@keyframes search-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-glow-layer-bg{position:absolute;border-radius:var(--search-input-radius);overflow:hidden;z-index:-1;top:-2px;right:-2px;bottom:-2px;left:-2px;background:transparent;display:none}.search-glow-layer-1{content:"";top:-2px;right:-2px;bottom:-2px;left:-2px;filter:blur(10px);position:absolute;border-radius:calc(var(--search-input-radius) * 1.1);opacity:.3;background:linear-gradient(152deg,#e200ff1a,#0000 40%),linear-gradient(330deg,#4142524d,#0000 40%),linear-gradient(40deg,#b45db826,#0000 40%),linear-gradient(220deg,#51349d66,#0000 40%)}.search-glow-layer-1:before,.search-glow-layer-1:after{content:"";position:absolute;width:30%;height:75%;border-radius:20%;box-shadow:0 0 30px currentColor;transition:all .5s cubic-bezier(.6,0,.6,1)}.search-input-wrapper:focus-within .search-glow-layer-1:before,.search-input-wrapper:focus-within .search-glow-layer-1:after{width:70%;height:95%}.search-glow-layer-1:before{left:0;top:0;background:linear-gradient(to right,var(--color-primary) 40%,transparent 100%)}.search-glow-layer-1:after{right:0;bottom:0;background:linear-gradient(to left,var(--color-primary) 40%,transparent 100%)}.search-glow-layer-2{top:-5px;right:-5px;bottom:-5px;left:-5px;position:absolute;filter:blur(3px);z-index:2;opacity:.2}.search-glow-layer-2:before,.search-glow-layer-2:after{content:"";position:absolute}.search-glow-layer-2:before{width:70%;height:80%;border-radius:calc(var(--search-input-radius) * 1.2) 100% 0 20%;left:0;top:0;background:radial-gradient(at left top,var(--color-primary),transparent 70%)}.search-glow-layer-2:after{width:70%;height:100%;border-radius:0 50% calc(var(--search-input-radius) * 1.2) 100%;right:0;bottom:0;background:radial-gradient(at right bottom,var(--color-primary),transparent 70%)}.search-glow-layer-3{top:-3px;right:-3px;bottom:-3px;left:-3px;position:absolute;z-index:2;opacity:.15}.search-glow-layer-3:before,.search-glow-layer-3:after{content:"";position:absolute;filter:blur(1.5px)}.search-glow-layer-3:before{width:70%;height:80%;border-radius:calc(var(--search-input-radius) * 1.2) 100% 0 20%;left:0;top:0;background:radial-gradient(at left top,rgba(255,255,255,.3),transparent 70%)}.search-glow-layer-3:after{width:70%;height:100%;border-radius:0 50% calc(var(--search-input-radius) * 1.2) 100%;right:0;bottom:0;background:radial-gradient(at right bottom,rgba(255,255,255,.3),transparent 70%)}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--search-input-radius);box-shadow:0 4px 12px #00000026,0 0 30px #0000001a;z-index:6999;max-height:500px;overflow-y:auto;display:flex;flex-direction:column;border-top:0;border-top-left-radius:0;border-top-right-radius:0}.search-results-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);font-weight:600;font-size:.875rem;color:var(--color-text-on-surface)}.search-results-close{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.search-results-close:hover{background:var(--color-surface-alt);color:var(--color-text-on-surface)}.search-results-content{padding:var(--spacing-sm)}.search-result-section{margin-bottom:var(--spacing-md)}.search-result-section:last-child{margin-bottom:0}.search-result-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);padding:0 var(--spacing-sm)}.search-result-item{padding:var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm)}.search-result-item:hover{background:var(--color-surface-alt)}.search-result-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);background:var(--color-primary-alpha);color:var(--color-primary);font-size:.875rem;flex-shrink:0}.search-result-item-content{flex:1;min-width:0}.search-result-item-title{font-size:.875rem;font-weight:500;color:var(--color-text-on-surface);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item-subtitle{font-size:.75rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);font-size:.875rem}.search-result-empty i{font-size:2rem;margin-bottom:var(--spacing-sm);opacity:.5}.search-result-item-title mark{background:var(--color-primary-alpha);color:var(--color-primary);padding:1px 2px;border-radius:2px;font-weight:600}.search-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--search-input-radius);box-shadow:0 4px 12px #00000026,0 0 30px #0000001a;z-index:7000;max-height:400px;overflow-y:auto;border-top:0;border-top-left-radius:0;border-top-right-radius:0}.search-suggestions-content{padding:var(--spacing-xs)}.search-suggestion-item{padding:var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm)}.search-suggestion-item:hover,.search-suggestion-item.selected{background:var(--color-surface-alt)}.search-suggestion-item.selected{background:var(--color-primary-alpha)}.search-suggestion-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);background:var(--color-primary-alpha);color:var(--color-primary);font-size:.875rem;flex-shrink:0}.search-suggestion-content{flex:1;min-width:0}.search-suggestion-title{font-size:.875rem;font-weight:500;color:var(--color-text-on-surface);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-suggestion-title mark{background:var(--color-primary-alpha);color:var(--color-primary);padding:1px 2px;border-radius:2px;font-weight:600}.search-suggestion-subtitle{font-size:.75rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar-actions{display:flex;gap:var(--spacing-sm);align-items:center;position:relative}.theme-top-container{position:relative}.theme-dropdown-top{position:absolute;top:calc(100% + var(--spacing-xs));right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;padding:var(--spacing-sm);min-width:200px;max-width:300px;max-height:400px;overflow-y:auto;z-index:1000;display:none;flex-direction:column;gap:var(--spacing-xs)}.theme-dropdown-top.show{display:flex}.theme-dropdown-top .theme-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}.theme-dropdown-top .theme-option:hover{background-color:var(--color-surface-alt)}.theme-dropdown-top .theme-option.active{background-color:var(--color-button);color:var(--color-button-text)}.content-wrapper{flex:1;overflow-y:auto;padding:0;position:relative;margin-left:0;transition:margin-left .3s ease,background .5s ease;background:var(--color-background)}.content-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(-45deg,var(--color-background),var(--color-surface),var(--color-background),var(--color-surface-alt));background-size:400% 400%;animation:gradientShift 15s ease infinite;opacity:.6;pointer-events:none;z-index:0}.content-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,var(--color-button) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--color-accent) 0%,transparent 50%),radial-gradient(circle at 40% 80%,var(--color-button) 0%,transparent 50%);opacity:.08;pointer-events:none;z-index:0;animation:pulseGlow 10s ease-in-out infinite}.welcome-overlay,.content-section{position:relative;z-index:1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulseGlow{0%,to{opacity:.08}50%{opacity:.12}}.welcome-overlay{position:relative;isolation:isolate}.welcome-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20% 30%,var(--color-accent),transparent),radial-gradient(2px 2px at 60% 70%,var(--color-button),transparent),radial-gradient(1px 1px at 50% 50%,var(--color-accent),transparent),radial-gradient(2px 2px at 80% 10%,var(--color-button),transparent),radial-gradient(1px 1px at 90% 60%,var(--color-accent),transparent),radial-gradient(2px 2px at 33% 50%,var(--color-button),transparent),radial-gradient(1px 1px at 15% 80%,var(--color-accent),transparent),radial-gradient(2px 2px at 45% 15%,var(--color-button),transparent),radial-gradient(1px 1px at 70% 40%,var(--color-accent),transparent);background-size:200% 200%;background-position:0% 0%;animation:floatParticles 25s linear infinite;pointer-events:none;opacity:.3;z-index:0}@keyframes floatParticles{0%{background-position:0% 0%}to{background-position:100% 100%}}.content-section{display:none;width:100%;height:100%;margin:0;animation:fadeIn .3s ease-in-out}.content-section.active{display:block;width:100%;height:100%}.content-section#home{padding:0;max-width:none;position:relative;z-index:1}.content-section#groups,.content-section#dashboard,.content-section#features{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}.section-container{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px);text-align:center}.welcome-header{margin-bottom:var(--spacing-2xl)}.welcome-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.welcome-subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);width:100%;max-width:800px}.suggestion-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-large);padding:var(--spacing-lg);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.suggestion-card:hover{background-color:var(--color-surface-alt);border-color:var(--color-button);transform:translateY(-2px);box-shadow:var(--box-shadow)}.suggestion-card i{font-size:1.5rem;color:var(--color-accent);margin-bottom:var(--spacing-sm)}.suggestion-card h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text-on-surface)}.suggestion-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.welcome-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);width:100%;max-width:900px;margin:0 auto}.welcome-option{position:relative;background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-large);border:1px solid var(--color-border);padding:0;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s ease;overflow:hidden;text-decoration:none;color:inherit;height:200px;display:block;box-shadow:0 4px 20px #0000001a}.welcome-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-button) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none;mix-blend-mode:overlay}.welcome-option:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00000026,0 0 0 1px var(--color-button);border-color:var(--color-button);background:var(--color-surface-alt)}.welcome-option:hover:before{opacity:.1}.first-content,.second-content{height:100%;width:100%;position:absolute;top:0;left:0;padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-md);transition:opacity .4s ease,transform .4s ease;backface-visibility:hidden}.first-content{opacity:1;transform:translateY(0);background:var(--color-surface);z-index:2}.welcome-option:hover .first-content{opacity:0;transform:translateY(-20px)}.second-content{opacity:0;transform:translateY(20px);background:var(--color-surface-alt);z-index:1;text-align:center}.welcome-option:hover .second-content{opacity:1;transform:translateY(0)}.option-icon{font-size:2.5rem;color:var(--color-accent);background:linear-gradient(135deg,var(--color-button),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.option-content h3{font-size:1.5rem;font-weight:700;color:var(--color-text-on-surface);margin:0}.option-content p{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin:0}.option-arrow{margin-top:auto;color:var(--color-button);font-size:1.2rem;opacity:0;transform:translate(-10px);transition:all .3s ease}.welcome-option:hover .option-arrow{opacity:1;transform:translate(0)}.mcp-tools-showcase{width:100%;max-width:900px;margin:2rem auto 0;padding:1.25rem 0;border-radius:var(--border-radius-large);background:rgba(var(--color-surface-rgb, 30, 30, 46),.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);overflow:hidden;text-decoration:none;color:inherit;display:block;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease}.mcp-tools-showcase:hover{border-color:#7c3aed66;box-shadow:0 0 20px #7c3aed26}.mcp-tools-header{display:flex;align-items:center;gap:.75rem;padding:0 1.5rem;margin-bottom:1rem}.mcp-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:20px;box-shadow:0 0 12px #7c3aed66;animation:mcpBadgePulse 3s ease-in-out infinite}@keyframes mcpBadgePulse{0%,to{box-shadow:0 0 12px #7c3aed66}50%{box-shadow:0 0 20px #7c3aedb3}}.mcp-tools-label{font-size:.8rem;color:var(--color-text-secondary);font-weight:500}.mcp-marquee-container{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.mcp-marquee{display:flex;gap:.6rem;animation:mcpScroll 40s linear infinite;width:max-content;padding:.25rem 0}.mcp-marquee:hover{animation-play-state:paused}@keyframes mcpScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.mcp-tool-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:20px;font-size:.75rem;font-family:SF Mono,Fira Code,Consolas,monospace;font-weight:500;white-space:nowrap;transition:all .25s ease;cursor:default;border:1px solid transparent;position:relative;overflow:hidden}.mcp-tool-pill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:pillShimmer 4s ease-in-out infinite;pointer-events:none}@keyframes pillShimmer{0%,70%{left:-100%}to{left:200%}}.mcp-tool-pill.read{background:#22d3ee14;color:#22d3ee;border-color:#22d3ee33}.mcp-tool-pill.read:hover{background:#22d3ee2e;box-shadow:0 0 16px #22d3ee33;transform:translateY(-2px)}.mcp-tool-pill.write{background:#fbbf2414;color:#fbbf24;border-color:#fbbf2433}.mcp-tool-pill.write:hover{background:#fbbf242e;box-shadow:0 0 16px #fbbf2433;transform:translateY(-2px)}.mcp-tool-pill.execute{background:#34d39914;color:#34d399;border-color:#34d39933}.mcp-tool-pill.execute:hover{background:#34d3992e;box-shadow:0 0 16px #34d39933;transform:translateY(-2px)}.mcp-tool-pill.forecast{background:#a78bfa14;color:#a78bfa;border-color:#a78bfa33}.mcp-tool-pill.forecast:hover{background:#a78bfa2e;box-shadow:0 0 16px #a78bfa33;transform:translateY(-2px)}.mcp-tool-pill i{font-size:.65rem;opacity:.8}.mcp-tools-footer{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem 0;font-size:.72rem;color:var(--color-text-secondary);opacity:.7}.mcp-pulse-dot{width:6px;height:6px;border-radius:50%;background:#34d399;animation:dotPulse 2s ease-in-out infinite;flex-shrink:0}@keyframes dotPulse{0%,to{opacity:1;box-shadow:0 0 #34d39999}50%{opacity:.6;box-shadow:0 0 0 4px #34d39900}}.section-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xl);color:var(--color-text-on-surface)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-large);padding:var(--spacing-xl);transition:all var(--transition-fast)}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--box-shadow-large);border-color:var(--color-button)}.feature-icon{width:60px;height:60px;margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-button),var(--color-accent));border-radius:var(--border-radius);color:var(--color-button-text);font-size:1.5rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-on-surface)}.feature-card p{color:var(--text-secondary);line-height:1.6;font-size:.9375rem}.quick-actions-area{padding:var(--spacing-lg);background:var(--color-background);border-top:1px solid var(--color-border);flex-shrink:0}.quick-actions-container{max-width:100%;width:100%;margin:0 auto;display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-large);padding:var(--spacing-sm);transition:border-color var(--transition-fast)}.quick-actions-container:focus-within{border-color:var(--color-button)}.input-wrapper{flex:1;min-width:0}.quick-search-input{width:100%;border:none;background:transparent;color:var(--color-text-on-surface);font-size:.9375rem;font-family:inherit;resize:none;outline:none;padding:var(--spacing-sm);max-height:200px;min-height:24px;line-height:1.5}.quick-search-input::placeholder{color:var(--text-tertiary)}.btn-icon{width:40px;height:40px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0;font-size:1.125rem}.btn-icon i{font-size:1.125rem}.btn-icon:hover:not(:disabled){background-color:var(--color-surface-alt);color:var(--color-text-on-surface)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.search-btn:not(:disabled){color:var(--color-button)}.search-btn:not(:disabled):hover{background-color:var(--color-button);color:var(--color-button-text)}.quick-actions-container .btn-primary{background-color:var(--color-button);color:var(--color-button-text)}.quick-actions-container .btn-primary:hover{background-color:var(--color-button-hover)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99;display:none;opacity:0;transition:opacity var(--transition-normal)}.sidebar-overlay.show{display:block;opacity:1}.hidden{display:none!important}.user-only{display:none}.user-only.show{display:block}.text-center{text-align:center}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface-alt)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}::selection{background:var(--color-accent);color:var(--color-button-text)}::-moz-selection{background:var(--color-accent);color:var(--color-button-text)}.status-dot{width:10px;height:10px;border-radius:50%;background-color:#9e9e9e;transition:background-color var(--transition-fast);flex-shrink:0}.status-info{display:flex;flex-direction:column;gap:2px;min-width:0}.status-text{font-size:.875rem;font-weight:500;color:var(--color-text-on-surface);white-space:nowrap}.status-email{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);color:var(--color-text-on-surface);text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast);border:none;background:transparent;width:100%;text-align:left;font-size:.875rem;font-family:inherit}.status-menu-item:hover{background-color:var(--color-surface-alt)}.status-menu-item i{width:16px;font-size:.875rem;color:var(--text-secondary)}.status-menu-divider{height:1px;background:var(--color-border);margin:var(--spacing-xs) 0}.status-menu-header{padding:var(--spacing-xs) var(--spacing-md);font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.5px}#generate-content{overflow-y:auto;max-height:calc(100vh - 80px)}.generation-header{margin-bottom:1rem;padding:.5rem 1.5rem}.generation-header .section-title{margin-bottom:.25rem;font-size:1.2rem;font-weight:600}.generation-header .section-subtitle{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:0}.btn-back-to-home{background:transparent;border:2px solid var(--color-border);color:var(--color-text-on-surface);padding:.35rem .7rem;border-radius:8px;cursor:pointer;font-size:.8rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.btn-back-to-home:hover{background:var(--color-surface-alt);border-color:var(--color-primary)}.generation-container{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;padding:0 1.5rem}.generation-options-section{background:var(--color-surface);padding:1rem;border-radius:8px;border:1px solid var(--color-border)}.option-group{margin-bottom:1rem}.option-group:last-child{margin-bottom:0}.option-group h4{font-size:.9rem;font-weight:600;color:var(--color-text-on-surface);margin-bottom:.75rem}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s}.radio-option:hover{background:var(--color-surface-alt)}.radio-option input[type=radio]{margin:0}.form-group{margin-bottom:.75rem}.form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text-on-surface);margin-bottom:.4rem}.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-on-surface);font-size:.85rem;font-family:inherit}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{min-height:80px;resize:vertical}.upload-section{display:flex;flex-direction:column;gap:.75rem}.upload-area{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:8px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.upload-area:hover{border-color:var(--color-primary);background:var(--color-surface-alt)}.upload-icon{font-size:2rem;color:var(--text-tertiary);margin-bottom:.5rem}.upload-area p{margin-bottom:1rem;color:var(--text-tertiary);font-size:.85rem}.upload-progress{margin-top:.5rem}.progress-bar{width:100%;height:6px;background:var(--color-surface-alt);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease}.progress-text{display:block;margin-top:.4rem;font-size:.8rem;color:var(--text-secondary)}.generation-actions{display:flex;gap:.75rem;margin-top:.5rem}.generation-actions .btn{flex:1;padding:.5rem 1rem;font-size:.8rem;min-height:36px}@media(max-width:768px){.generation-container{grid-template-columns:1fr;padding:0 1rem}.generation-header{padding:.5rem 1rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);min-height:var(--ui-btn-height, 32px);border:1px solid transparent;border-radius:var(--border-radius);font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap;flex-shrink:0;outline:none}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:focus-visible{box-shadow:0 0 0 3px rgba(var(--color-button-rgb, 128, 128, 128),.3)}.btn:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%,-50%);transform-origin:50% 50%}.btn:active:after{animation:ripple .6s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:.5}20%{transform:scale(30);opacity:.3}to{opacity:0;transform:scale(60)}}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;border-radius:var(--border-radius-large)}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;min-height:var(--ui-btn-height-sm, 26px)}.btn-icon{padding:var(--spacing-sm);width:var(--ui-btn-height, 32px);height:var(--ui-btn-height, 32px);min-height:var(--ui-btn-height, 32px);border-radius:50%;justify-content:center}.btn-icon.btn-small{width:var(--ui-btn-height-sm, 26px);height:var(--ui-btn-height-sm, 26px);min-height:var(--ui-btn-height-sm, 26px);padding:var(--spacing-xs)}.btn-full{width:100%;justify-content:center}.btn-primary{background-color:var(--color-button);color:var(--color-button-text);border-color:var(--color-button)}.btn-primary:hover:not(:disabled){background-color:var(--color-button-hover);border-color:var(--color-button-hover);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-on-surface);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-alt);border-color:var(--color-border-dark)}.btn-outline{background-color:transparent;color:var(--color-button);border-color:var(--color-button)}.btn-outline:hover:not(:disabled){background-color:var(--color-button);color:var(--color-button-text)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-alt);color:var(--color-text-on-surface)}.btn-success{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-success:hover:not(:disabled){filter:brightness(.9);box-shadow:0 4px 8px #00000026}.btn-error,.btn-danger{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-error:hover:not(:disabled),.btn-danger:hover:not(:disabled){filter:brightness(.9);box-shadow:0 4px 8px #00000026}.btn-warning{background-color:var(--color-warning);color:#000;border-color:var(--color-warning)}.btn-warning:hover:not(:disabled){filter:brightness(.9)}.btn-info{background-color:var(--color-info);color:#fff;border-color:var(--color-info)}.btn-info:hover:not(:disabled){filter:brightness(.9)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow);transition:all var(--transition-fast);overflow:hidden}.card:hover{box-shadow:var(--box-shadow-large);transform:translateY(-2px)}.content-grid,.groups-grid,.dashboard-stats{perspective:1000px;perspective-origin:50% 50%}.group-card,.stat-card,.content-item,.feature-card,.card.card-3d{transform-style:preserve-3d;transition:transform .5s ease,box-shadow .5s ease,background-position .6s ease;background-image:linear-gradient(135deg,#0000 18.75%,#ffffff0d 0,#ffffff0d 31.25%,#0000 0),repeating-linear-gradient(45deg,#ffffff0d -6.25%,#ffffff0d 6.25%,#ffffff14 0,#ffffff14 18.75%);background-size:60px 60px;background-position:0 0,0 0}.group-card:hover,.stat-card:hover,.content-item:hover,.feature-card:hover,.card.card-3d:hover{background-position:-100px 100px,-100px 100px;transform:rotate3d(.5,1,0,18deg) translateY(-4px);box-shadow:0 30px 30px -10px #00000040}.group-card .group-name,.stat-card .stat-number,.content-item .content-item-title,.card .card-title{transform:translateZ(30px);transition:transform .5s ease}.group-card:hover .group-name,.stat-card:hover .stat-number,.content-item:hover .content-item-title,.card.card-3d:hover .card-title{transform:translateZ(45px)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface-alt)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-surface-alt)}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-on-surface)}.toast-container{position:fixed;top:100px;right:var(--spacing-lg);z-index:10000;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px}.toast{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-large);padding:var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-sm);transform:translate(100%);opacity:0;transition:all var(--transition-normal);position:relative;overflow:hidden}.toast.show{transform:translate(0);opacity:1}.toast.success{border-left:4px solid var(--color-success)}.toast.error{border-left:4px solid var(--color-error)}.toast.warning{border-left:4px solid var(--color-warning)}.toast.info{border-left:4px solid var(--color-info)}.toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.75rem}.toast.success .toast-icon{background:var(--color-success);color:#fff}.toast.error .toast-icon{background:var(--color-error);color:#fff}.toast.warning .toast-icon{background:var(--color-warning);color:#fff}.toast.info .toast-icon{background:var(--color-info);color:#fff}.toast-title{font-weight:600;font-size:.875rem;margin-bottom:var(--spacing-xs);color:var(--color-text-on-surface)}.toast-message{font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.toast-close{background:none;border:none;font-size:1.25rem;color:var(--color-text-secondary);cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--color-border);width:100%;transform:scaleX(1);transform-origin:left;animation:toast-progress 5s linear forwards}.toast.success .toast-progress{background:var(--color-success)}.toast.error .toast-progress{background:var(--color-error)}.toast.warning .toast-progress{background:var(--color-warning)}.toast.info .toast-progress{background:var(--color-info)}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.dashboard-header h2{font-size:2rem;font-weight:700;color:var(--color-text-on-surface)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-large);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:transform .5s ease,box-shadow .5s ease,background-position .6s ease,width .3s ease;position:relative;overflow:hidden;transform-style:preserve-3d;background-image:linear-gradient(135deg,transparent 18.75%,rgba(255,255,255,.03) 0 31.25%,transparent 0),repeating-linear-gradient(45deg,#ffffff08 -6.25%,#ffffff08 6.25%,#ffffff0d 0,#ffffff0d 18.75%);background-size:60px 60px;background-position:0 0,0 0;background-color:var(--color-surface)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-button);transition:width var(--transition-fast)}.stat-card:hover:before{width:8px}.stat-card:hover{background-position:-100px 100px,-100px 100px;transform:rotate3d(.5,1,0,18deg) translateY(-4px);box-shadow:0 30px 30px -10px #00000040}.stat-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-button),var(--color-accent));border-radius:var(--border-radius);color:var(--color-button-text);font-size:1.5rem}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:var(--color-text-on-surface);line-height:1;transform:translateZ(30px);transition:transform .5s ease}.stat-card:hover .stat-number{transform:translateZ(45px)}.stat-label{font-size:.875rem;color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.content-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border);overflow-x:auto}.tab-btn{padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid transparent;white-space:nowrap}.tab-btn:hover{color:var(--color-text-on-surface)}.tab-btn.active{color:var(--color-button);border-bottom-color:var(--color-button)}.tab-pane{display:none}.tab-pane.active{display:block}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);perspective:1000px;perspective-origin:50% 50%}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text-on-surface)}.form-control{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);color:var(--color-text-on-surface);font-size:.875rem;transition:all var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--color-button);box-shadow:0 0 0 3px rgba(var(--color-button),.1)}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:100px}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.radio-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--color-text-on-surface)}.radio-option input[type=radio]{display:none}.radio-custom{width:20px;height:20px;border:2px solid var(--color-border);border-radius:50%;position:relative;transition:all var(--transition-fast)}.radio-option input[type=radio]:checked+.radio-custom{border-color:var(--color-button)}.radio-option input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--color-button);border-radius:50%}.fade-in{animation:fadeIn .5s ease-in-out}.slide-up{animation:slideUp .3s ease-out}.bounce-in{animation:bounceIn .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.guide-content{display:flex;flex-direction:column;gap:1rem}.guide-section{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;transition:all var(--transition-normal)}.guide-section:hover{border-color:var(--color-button);box-shadow:0 2px 8px #0000001a}.guide-section-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--color-surface);border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left;gap:1rem}.guide-section-btn:hover{background:var(--color-surface-alt)}.guide-section-btn.active{background:var(--color-surface-alt);border-bottom:1px solid var(--color-border)}.guide-section-btn.active .guide-chevron{transform:rotate(180deg)}.guide-btn-content{display:flex;align-items:center;gap:.75rem;flex:1}.guide-section-btn i:first-child{font-size:1.25rem;color:var(--color-accent);width:24px;text-align:center}.guide-section-btn span{font-size:1.125rem;font-weight:600;color:var(--color-text-on-surface)}.guide-chevron{font-size:.875rem;color:var(--color-text-secondary);transition:transform var(--transition-fast);flex-shrink:0}.guide-section-content{padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out,opacity .3s ease-out;opacity:0}.guide-section-btn.active+.guide-section-content{max-height:2000px;padding:1.5rem;opacity:1;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guide-text{color:var(--color-text-on-surface);line-height:1.6;margin:0 0 1rem}.guide-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.guide-list li{padding-left:1.5rem;position:relative;color:var(--color-text-on-surface);line-height:1.6}.guide-list li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:600}.guide-list li strong{color:var(--color-button);font-weight:600}.welcome-guide-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem}.welcome-guide-btn i{font-size:1rem}@media(max-width:767px){.guide-content{gap:1.5rem}.guide-section{padding-bottom:1rem}.guide-section-title{font-size:1.125rem}.guide-list{gap:.5rem}.guide-list li{padding-left:1.25rem;font-size:.9375rem}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:all var(--transition-normal);padding:var(--spacing-lg)}.modal.show{opacity:1;visibility:visible}.modal-content{background:var(--color-surface);border-radius:var(--border-radius-large);box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow:hidden;transform:scale(.8) translateY(-50px);transition:transform var(--transition-normal);position:relative}.modal.show .modal-content{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface-alt)}.modal-header h3{font-size:1.5rem;font-weight:600;color:var(--color-text-on-surface);margin:0}.modal-close{width:32px;height:32px;border:none;background:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-error);color:#fff;transform:scale(1.1)}.modal-body{padding:var(--spacing-lg);overflow-y:auto;max-height:calc(90vh - 160px)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-surface-alt);display:flex;gap:var(--spacing-md);justify-content:flex-end}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.upload-area{border:2px dashed var(--color-border);border-radius:var(--border-radius-large);padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-fast);cursor:pointer;position:relative;overflow:hidden}.upload-area:hover{border-color:var(--color-button);background:var(--color-surface-alt)}.upload-area.dragover{border-color:var(--color-button);background:var(--color-surface-alt);transform:scale(1.02)}.upload-icon{font-size:3rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);transition:all var(--transition-fast)}.upload-area:hover .upload-icon{color:var(--color-button);transform:scale(1.1)}.upload-area p{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.upload-progress{margin-top:var(--spacing-lg)}.progress-bar{width:100%;height:8px;background:var(--color-surface-alt);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-button),var(--color-accent));border-radius:4px;width:0%;transition:width var(--transition-fast);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-text{font-size:.875rem;color:var(--color-text-secondary);text-align:center}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.generation-options{display:flex;flex-direction:column;gap:var(--spacing-xl)}.option-group{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg)}.option-group h4{font-size:1.125rem;font-weight:600;color:var(--color-text-on-surface);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.option-group h4:before{content:"";width:4px;height:20px;background:var(--color-button);border-radius:2px}.quiz-options.hidden,.notes-options.hidden,.custom-prompt.hidden{display:none}.form-group{margin-bottom:var(--spacing-md)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:500;color:var(--color-text-on-surface);margin-bottom:var(--spacing-sm)}.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);color:var(--color-text-on-surface);font-size:.875rem;transition:all var(--transition-fast)}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-button);box-shadow:0 0 0 3px rgba(var(--color-button),.1)}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.confirm-modal .modal-content{max-width:400px}.confirm-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);font-size:1.5rem}.confirm-icon.warning{background:#ffc1071a;color:var(--color-warning)}.confirm-icon.danger{background:#dc35451a;color:var(--color-error)}.confirm-icon.info{background:#17a2b81a;color:var(--color-info)}.confirm-title{font-size:1.25rem;font-weight:600;text-align:center;margin-bottom:var(--spacing-md);color:var(--color-text-on-surface)}.confirm-message{text-align:center;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:3000;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.loading-overlay.show{opacity:1;visibility:visible}.loading-spinner{text-align:center;background:var(--color-surface);padding:var(--spacing-2xl);border-radius:var(--border-radius-large);box-shadow:0 20px 60px #0000004d}.spinner{width:60px;height:60px;border:4px solid var(--color-surface-alt);border-top:4px solid var(--color-button);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-lg)}.loading-text{font-size:1.125rem;font-weight:500;color:var(--color-text-on-surface);margin:0}.toast-container{position:fixed;top:calc(80px + var(--spacing-md));right:var(--spacing-md);z-index:2500;max-width:400px;width:100%}.toast{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--box-shadow-large);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex;align-items:flex-start;gap:var(--spacing-md);transform:translate(400px);transition:transform var(--transition-normal);position:relative;overflow:hidden}.toast.show{transform:translate(0)}.toast:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.toast.success:before{background:var(--color-success)}.toast.error:before{background:var(--color-error)}.toast.warning:before{background:var(--color-warning)}.toast.info:before{background:var(--color-info)}.toast-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#fff}.toast.success .toast-icon{background:var(--color-success)}.toast.error .toast-icon{background:var(--color-error)}.toast.warning .toast-icon{background:var(--color-warning)}.toast.info .toast-icon{background:var(--color-info)}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;color:var(--color-text-on-surface);margin-bottom:var(--spacing-xs);font-size:.875rem}.toast-message{color:var(--color-text-secondary);font-size:.75rem;line-height:1.4}.toast-close{flex-shrink:0;width:20px;height:20px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all var(--transition-fast)}.toast-close:hover{background:var(--color-surface-alt);color:var(--color-text-on-surface)}.toast-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--color-button);width:100%;transform-origin:left;animation:toastProgress 5s linear}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.modal-slide-up .modal-content{transform:translateY(100px)}.modal-slide-up.show .modal-content{transform:translateY(0)}.modal-slide-down .modal-content{transform:translateY(-100px)}.modal-slide-down.show .modal-content{transform:translateY(0)}.modal-zoom-in .modal-content{transform:scale(.5)}.modal-zoom-in.show .modal-content{transform:scale(1)}.auth-container{text-align:center;max-width:500px;margin:0 auto}.auth-welcome{margin-bottom:var(--spacing-2xl)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.auth-logo .logo{width:48px;height:48px;border-radius:var(--border-radius)}.auth-logo .brand-text{font-size:1.75rem;font-weight:700;color:var(--color-text-on-surface)}.auth-subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.auth-options{margin-bottom:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.auth-btn{width:100%;padding:var(--spacing-lg);border:none;border-radius:var(--border-radius-large);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);position:relative;overflow:hidden}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.auth-btn:active{transform:translateY(0)}.google-btn{background:#4285f4;color:#fff;border:2px solid #4285f4;font-size:1.125rem;padding:var(--spacing-lg) var(--spacing-xl)}.google-btn:hover{background:#3367d6;border-color:#3367d6}.google-btn i{font-size:1.5rem}.google-btn.primary{background:#4285f4;border-color:#4285f4}.google-btn.primary:hover{background:#3367d6;border-color:#3367d6}.google-btn.secondary{background:transparent;color:#4285f4;border-color:#4285f4}.google-btn.secondary:hover{background:#4285f4;color:#fff;border-color:#4285f4}.logout-btn{background:#ef4444;color:#fff;border:2px solid #ef4444}.logout-btn:hover{background:#dc2626;border-color:#dc2626}.logout-btn i{font-size:1.25rem}.auth-divider{position:relative;margin:var(--spacing-xl) 0;text-align:center}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-border)}.auth-divider span{background:var(--color-surface);padding:0 var(--spacing-md);color:var(--color-text-secondary);font-size:.875rem;position:relative;z-index:1}.auth-info{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.6;text-align:center;margin-top:var(--spacing-md)}.auth-info p{margin:0}.auth-link{color:var(--color-button);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-accent);text-decoration:underline}.auth-features{text-align:left;background:var(--color-surface-alt);padding:var(--spacing-lg);border-radius:var(--border-radius-large);border:1px solid var(--color-border)}.auth-features h4{font-size:1rem;font-weight:600;color:var(--color-text-on-surface);margin:0 0 var(--spacing-md) 0;text-align:center}.auth-features ul{list-style:none;padding:0;margin:0}.auth-features li{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;font-size:.875rem;color:var(--color-text-secondary)}.auth-features li i{color:var(--color-success);font-size:.875rem;width:16px;text-align:center}#auth-modal .modal-content{max-width:500px}#auth-modal .modal-body{padding:var(--spacing-2xl)}.auth-btn.loading{pointer-events:none;opacity:.7}.auth-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.auth-btn.loading span{opacity:0}.auth-btn.hidden{display:none!important}.auth-btn.visible{display:flex!important}.auth-modal-signed-in .google-btn{display:none}.auth-modal-signed-in .logout-btn{display:flex!important}.auth-modal-signed-out .google-btn{display:flex}.auth-modal-signed-out .logout-btn{display:none!important}@media(max-width:767px){.modal{padding:var(--spacing-sm)}.modal-content{max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}.upload-area{padding:var(--spacing-lg)}.upload-icon{font-size:2rem}.toast-container{top:calc(60px + var(--spacing-sm));left:var(--spacing-sm);right:var(--spacing-sm);max-width:none}.toast{transform:translateY(-100px)}.toast.show{transform:translateY(0)}#auth-modal .modal-body{padding:var(--spacing-lg)}.auth-container{max-width:100%}.auth-logo .brand-text{font-size:1.5rem}.auth-subtitle{font-size:1rem}.auth-btn{padding:var(--spacing-md);font-size:.875rem}.auth-features{padding:var(--spacing-md)}}.firebaseui-container{margin:var(--spacing-lg) 0}.firebaseui-container .firebaseui-card-content{padding:0}.firebaseui-container .firebaseui-idp-button{background:#4285f4;border:2px solid #4285f4;border-radius:var(--border-radius-large);color:#fff;font-weight:600;padding:var(--spacing-lg);margin:var(--spacing-sm) 0;width:100%;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.firebaseui-container .firebaseui-idp-button:hover{background:#3367d6;border-color:#3367d6;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.firebaseui-container .firebaseui-idp-button:active{transform:translateY(0)}.firebaseui-container .firebaseui-idp-button.firebaseui-idp-google{background:#4285f4;border-color:#4285f4}.firebaseui-container .firebaseui-idp-button.firebaseui-idp-google:hover{background:#3367d6;border-color:#3367d6}.firebaseui-container .firebaseui-idp-button.firebaseui-idp-password{background:transparent;color:#4285f4;border-color:#4285f4}.firebaseui-container .firebaseui-idp-button.firebaseui-idp-password:hover{background:#4285f4;color:#fff;border-color:#4285f4}.firebaseui-container .firebaseui-idp-icon{width:20px;height:20px;margin-right:var(--spacing-sm)}.firebaseui-container .firebaseui-idp-text{font-size:1rem;font-weight:600}.firebaseui-container .firebaseui-card-content .firebaseui-form-actions{margin:var(--spacing-lg) 0}.firebaseui-container .firebaseui-card-content .firebaseui-form-actions .firebaseui-idp-button{margin:var(--spacing-sm) 0}.firebaseui-container .firebaseui-card-content .firebaseui-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);color:var(--color-text-on-surface);font-size:.875rem;transition:all var(--transition-fast);margin:var(--spacing-sm) 0}.firebaseui-container .firebaseui-card-content .firebaseui-input:focus{outline:none;border-color:var(--color-button);box-shadow:0 0 0 3px rgba(var(--color-button),.1)}.firebaseui-container .firebaseui-card-content .firebaseui-label{color:var(--color-text-on-surface);font-weight:500;margin-bottom:var(--spacing-sm);display:block}.firebaseui-container .firebaseui-card-content .firebaseui-error{color:var(--color-error);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) 0;font-size:.875rem}.firebaseui-container .firebaseui-card-content .firebaseui-success{color:var(--color-success);background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) 0;font-size:.875rem}.firebaseui-container .firebaseui-card-content .firebaseui-loading{text-align:center;padding:var(--spacing-lg);color:var(--color-text-secondary)}.firebaseui-container .firebaseui-card,.firebaseui-container .firebaseui-card-content{background:transparent;border:none;box-shadow:none;margin:0;padding:0}.custom-auth-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.custom-auth-buttons.hidden{display:none!important}.firebaseui-container:empty+.custom-auth-buttons{display:flex!important}.html-selector-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-surface);z-index:2500;opacity:0;transform:translate(-100%);transition:all .3s ease;overflow:hidden}.html-selector-fullscreen.open{opacity:1;transform:translate(0)}.html-selector-content{width:100%;height:100%;display:flex;flex-direction:column}.html-selector-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-alt);flex-shrink:0}.html-selector-close{width:32px;height:32px;border:none;background:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.html-selector-close:hover{background:var(--color-surface);color:var(--color-text-on-surface)}.html-selector-body{display:flex;flex:1;min-height:0;overflow:hidden}.html-selector-fullscreen.open~.note-explorer-toggle,body:has(.html-selector-fullscreen.open) .note-explorer-toggle{display:none!important}.html-code-item{padding:12px;margin:8px 0;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%;box-sizing:border-box}.html-code-item:hover{background:var(--color-surface-alt);border-color:var(--color-button);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.html-selector-modal{border-radius:12px;overflow:hidden}.html-selector-modal .modal-header{display:flex;justify-content:space-between;align-items:center}.html-selector-modal .modal-close:hover{background:var(--color-surface)!important}#html-codes-list .html-code-item.selected{border-color:var(--color-button);background:var(--color-surface-alt);box-shadow:0 0 0 2px var(--color-button)}.html-code-item h3{margin:0 0 4px;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;overflow:visible!important;max-width:100%!important;font-size:1rem!important;line-height:1.4!important}.html-code-item p{margin:0;color:var(--color-text-secondary);font-size:.875rem}.html-selector-modal .modal-content{max-width:900px!important}#confirm-add-html-btn{transition:all .3s ease}#confirm-add-html-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}#confirm-add-html-btn:active{transform:translateY(0)}#html-preview iframe{min-height:400px}@media(max-width:991px){.content-wrapper{padding:var(--spacing-lg)}.suggestions-grid,.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.top-bar{padding:0 var(--spacing-md)}.top-bar-title{font-size:1rem}.top-bar-search-wrapper{max-width:300px;margin:0 var(--spacing-xs)}.search-input{font-size:14px;height:40px;padding:0 55px 0 50px}.search-input::placeholder{font-size:.75rem}.search-icon-wrapper{width:36px;left:10px;font-size:20px}.search-clear-btn{width:40px;right:5px}.content-wrapper{padding:var(--spacing-md)}.welcome-title{font-size:1.75rem}.welcome-subtitle{font-size:1rem}.suggestions-grid,.features-grid{grid-template-columns:1fr}.quick-actions-area{padding:var(--spacing-md)}.dashboard-stats,.content-grid,.groups-grid{grid-template-columns:1fr}}@media(max-width:575px){.top-bar{height:56px;padding:0 var(--spacing-sm)}.top-bar-title{display:none}.top-bar-search-wrapper{max-width:200px;margin:0 var(--spacing-xs)}.search-input{font-size:12px;height:36px;padding:0 45px 0 40px}.search-input::placeholder{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-icon-wrapper{width:30px;left:8px;font-size:16px}.search-clear-btn{width:36px;right:4px;font-size:12px}.search-glow-layer-1,.search-glow-layer-2,.search-glow-layer-3{display:none}.search-results{max-height:400px;left:-10px;right:-10px;width:calc(100vw - 40px)}.search-suggestions{max-height:300px;left:-10px;right:-10px;width:calc(100vw - 40px)}.logo{width:28px;height:28px}.brand-text{font-size:1rem}.welcome-title{font-size:1.5rem}.welcome-subtitle{font-size:.9375rem}.suggestion-card{padding:var(--spacing-md)}.suggestion-card i{font-size:1.25rem}.suggestion-card h3{font-size:.9375rem}.suggestion-card p{font-size:.8125rem}.feature-card{padding:var(--spacing-lg)}.feature-icon{width:50px;height:50px;font-size:1.25rem}.feature-card h3{font-size:1.125rem}.quick-actions-area{padding:var(--spacing-sm)}.quick-actions-container{padding:var(--spacing-sm);gap:var(--spacing-sm)}.quick-search-input{font-size:1rem;min-height:36px;padding:var(--spacing-sm)}.btn-icon{width:44px;height:44px;font-size:1.125rem}.btn-icon i{font-size:1.125rem;height:36px}#voice-btn{display:none}.sidebar-header{padding:var(--spacing-sm);position:relative;gap:var(--spacing-sm)}.sidebar-header-top{flex-wrap:wrap;gap:var(--spacing-xs)}.sidebar-header-top .nav-brand{flex:1;min-width:0}.sidebar-header{max-height:none;overflow-y:auto;overflow-x:hidden}.sidebar-header .sidebar-theme-section,.sidebar-header .sidebar-user-status{width:100%;flex-shrink:0;min-width:0}.sidebar-header .sidebar-theme-btn{font-size:.8125rem;padding:.625rem .75rem;min-height:38px;gap:.5rem}.sidebar-header .sidebar-theme-btn i{font-size:1rem}.sidebar-header .sidebar-theme-btn span{font-size:.8125rem}.sidebar-header .sidebar-user-status{padding:.625rem .75rem;min-height:38px;gap:.5rem}.sidebar-header .sidebar-user-status .status-dot{width:8px;height:8px}.sidebar-header .sidebar-user-status .status-text{font-size:.8125rem}.sidebar-header .sidebar-user-status .status-email{font-size:.6875rem}.sidebar-actions{padding:var(--spacing-sm)}.groups-main-btn,.groups-add-btn{font-size:.8125rem}.groups-add-btn{min-width:44px;padding:var(--spacing-sm)}.sidebar-footer{padding:var(--spacing-sm)}}@media(max-width:360px){.content-wrapper{padding:var(--spacing-sm)}.welcome-title{font-size:1.375rem}.section-title{font-size:1.5rem}.suggestion-card{padding:var(--spacing-sm)}}@media(max-height:500px)and (orientation:landscape){.chat-welcome{min-height:auto;padding:var(--spacing-lg) 0}.welcome-header{margin-bottom:var(--spacing-lg)}.suggestions-grid{grid-template-columns:repeat(2,1fr)}}@media(hover:none)and (pointer:coarse){.suggestion-card:hover{transform:none}.suggestion-card:active{transform:scale(.98)}.feature-card:hover{transform:none}.feature-card:active{transform:scale(.99)}.nav-item,.chat-item,.btn-icon{min-height:44px}}@media(max-width:991px){.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;display:none}.sidebar-overlay.show{display:block}.sidebar{box-shadow:2px 0 10px #0000001a}}@media(max-width:767px){.dashboard-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.stat-card{padding:var(--spacing-md)}.stat-icon{width:50px;height:50px;font-size:1.25rem}.stat-number{font-size:1.5rem}}@media(max-width:575px){.stat-card{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.stat-icon{margin:0 auto}.content-tabs{gap:0}.tab-btn{flex:1;padding:var(--spacing-sm);font-size:.8125rem}}@media(max-width:767px){.groups-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.group-card{padding:var(--spacing-lg)}.group-card-header{flex-direction:column;gap:var(--spacing-sm)}.group-actions{flex-direction:column}}@media(max-width:575px){.group-stats{grid-template-columns:1fr;gap:var(--spacing-sm)}}@media print{.sidebar,.top-bar,.chat-input-area,.top-bar-toggle{display:none!important}.main-container{margin:0}body{background:#fff!important;color:#000!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.table-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#4caf5026;border:1px solid rgba(76,175,80,.3);border-radius:12px;color:#4caf50;font-size:.7rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.table-selector-section{padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:10px;background:#ffffff05}.table-selector-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}#table-status-indicator{display:none}.table-selector-section label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;margin:0}.table-selector-section label i{margin-right:4px}.table-selector-section select{position:relative;width:100%;background:#1e1e1e;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 12px;border-radius:6px;font-size:.9rem;transition:all .2s;cursor:pointer}.table-loading-overlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;border-radius:6px;justify-content:center;align-items:center;pointer-events:none;z-index:10}.table-selector-section .btn{transition:all .2s ease;width:100%;justify-content:center;padding:8px;border-radius:6px;font-weight:500}.table-selector-section .toolbar-group{position:relative;width:100%;flex-direction:column;align-items:stretch;gap:8px;display:flex}.table-selector-section .toolbar-group>div{position:relative}.cash-pooling-container{padding:var(--spacing-sm);height:100%;display:flex;flex-direction:column;gap:var(--spacing-sm);overflow-y:auto}.cash-pooling-toolbar{display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;padding:var(--spacing-xs) 0;border:none;box-shadow:none;flex-wrap:wrap;height:auto;flex-shrink:0}.toolbar-group{display:flex;align-items:center;gap:.25rem}.toolbar-group label{font-size:.7rem;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;letter-spacing:.02em}.toolbar-group input[type=month]{padding:.2rem .4rem;border-radius:var(--border-radius);font-size:.75rem;font-weight:500;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#ffffff14,#ffffff05);color:var(--color-text-primary);transition:all .2s ease}.toolbar-group input[type=month]:hover{border-color:#fff3;background:linear-gradient(145deg,#ffffff1a,#ffffff0a)}.toolbar-group input[type=month]:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.15)}.toolbar-group select.compact,.toolbar-group select.form-control{padding:.2rem .4rem;font-size:.75rem;font-weight:500;min-width:100px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#ffffff14,#ffffff05);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.toolbar-group select.compact:hover,.toolbar-group select.form-control:hover{border-color:#fff3;background:linear-gradient(145deg,#ffffff1a,#ffffff0a)}.toolbar-group select.compact:focus,.toolbar-group select.form-control:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.15)}.toolbar-divider{width:1px;height:20px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.1),transparent);margin:0 .2rem}.toolbar-spacer{flex:1}.btn.btn-icon{padding:.25rem .4rem;min-width:var(--ui-btn-height-sm, 26px);height:var(--ui-btn-height-sm, 26px);font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#ffffff14,#ffffff05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn.btn-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.btn.btn-icon:hover:before{left:100%}.btn.btn-icon:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040,0 0 0 1px #ffffff26;border-color:#fff3}.btn.btn-icon:active{transform:translateY(0) scale(.97);box-shadow:0 2px 8px #0003}.btn.btn-icon i{margin:0;transition:transform .2s ease}.btn.btn-icon:hover i{transform:scale(1.1)}.btn.btn-icon.primary{background:linear-gradient(135deg,var(--color-accent) 0%,hsl(from var(--color-accent) h calc(s + 10) calc(l - 10)) 100%);border-color:transparent;color:#fff;box-shadow:0 4px 15px rgba(var(--color-accent-rgb),.35)}.btn.btn-icon.primary:hover{box-shadow:0 8px 25px rgba(var(--color-accent-rgb),.45),0 0 0 2px rgba(var(--color-accent-rgb),.2);filter:brightness(1.1)}.btn.btn-icon.primary:active{filter:brightness(.95);box-shadow:0 2px 10px rgba(var(--color-accent-rgb),.4)}.btn.btn-icon.secondary{background:linear-gradient(145deg,#ffffff14,#ffffff05);border-color:var(--color-border);color:var(--color-text-secondary)}.btn.btn-icon.secondary:hover{background:linear-gradient(145deg,#ffffff1f,#ffffff0a);color:var(--color-accent);border-color:var(--color-accent);box-shadow:0 6px 20px #0003,0 0 0 1px rgba(var(--color-accent-rgb),.3)}.btn.btn-icon.success{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;color:#fff;box-shadow:0 4px 15px #10b98159}.btn.btn-icon.success:hover{box-shadow:0 8px 25px #10b98173,0 0 0 2px #10b98133;filter:brightness(1.1)}.btn.btn-icon.danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:transparent;color:#fff;box-shadow:0 4px 15px #ef444459}.btn.btn-icon.danger:hover{box-shadow:0 8px 25px #ef444473,0 0 0 2px #ef444433;filter:brightness(1.1)}.btn.btn-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:transparent;color:#fff;box-shadow:0 4px 15px #f59e0b59}.btn.btn-icon.warning:hover{box-shadow:0 8px 25px #f59e0b73,0 0 0 2px #f59e0b33;filter:brightness(1.1)}.cp-action-buttons{gap:.3rem;display:flex;align-items:center}.cp-action-buttons .btn{border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cp-action-buttons .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .5s ease}.cp-action-buttons .btn:hover:before{left:100%}.cp-action-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040,0 0 0 1px #ffffff26;border-color:#fff3}.cp-action-buttons .btn:active{transform:translateY(0) scale(.97)}.cp-action-buttons .btn i{font-size:.75rem;transition:transform .2s ease}.cp-action-buttons .btn:hover i{transform:scale(1.15)}.cp-action-buttons .btn.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0%,hsl(from var(--color-accent) h calc(s + 10) calc(l - 15)) 100%);border-color:transparent;color:#fff;box-shadow:0 3px 12px rgba(var(--color-accent-rgb),.3)}.cp-action-buttons .btn.btn-primary:hover{box-shadow:0 6px 20px rgba(var(--color-accent-rgb),.4),0 0 0 2px rgba(var(--color-accent-rgb),.15);filter:brightness(1.08)}.cp-action-buttons .btn.btn-secondary{background:linear-gradient(145deg,#64647833,#5050641a);border-color:var(--color-border);color:var(--color-text-secondary)}.cp-action-buttons .btn.btn-secondary:hover{background:linear-gradient(145deg,#78788c40,#64647826);color:var(--color-accent);border-color:var(--color-accent)}.cp-action-buttons .btn.btn-success{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;color:#fff;box-shadow:0 3px 12px #10b9814d}.cp-action-buttons .btn.btn-success:hover{box-shadow:0 6px 20px #10b98166,0 0 0 2px #10b98126;filter:brightness(1.08)}.cp-action-buttons .btn.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:transparent;color:#fff;box-shadow:0 3px 12px #ef44444d}.cp-action-buttons .btn.btn-danger:hover{box-shadow:0 6px 20px #ef444466,0 0 0 2px #ef444426;filter:brightness(1.08)}.cp-action-buttons .btn.outline{background:transparent;border:1.5px solid var(--color-accent);color:var(--color-accent)}.cp-action-buttons .btn.outline:hover{background:rgba(var(--color-accent-rgb),.1);box-shadow:0 6px 20px rgba(var(--color-accent-rgb),.2)}.cp-action-buttons .btn.pulse{animation:btnPulse 2s infinite}@keyframes btnPulse{0%,to{box-shadow:0 3px 12px rgba(var(--color-accent-rgb),.3)}50%{box-shadow:0 3px 12px rgba(var(--color-accent-rgb),.3),0 0 0 6px rgba(var(--color-accent-rgb),.1)}}.cp-action-buttons .btn.loading{pointer-events:none;opacity:.8}.cp-action-buttons .btn.loading i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cp-action-buttons .btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(30%)}.cp-action-buttons .btn-group{display:flex;gap:0}.cp-action-buttons .btn-group .btn{border-radius:0}.cp-action-buttons .btn-group .btn:first-child{border-radius:8px 0 0 8px}.cp-action-buttons .btn-group .btn:last-child{border-radius:0 8px 8px 0}.cp-action-buttons .btn-group .btn:not(:last-child){border-right:none}.cash-pooling-controls,.cp-custom-controls{display:none!important}.cp-transfers-section{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border);overflow:hidden}.cp-transfers-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);transition:background .2s}.cp-transfers-header:hover{background:#ffffff0d}.cp-transfers-header i:first-child{color:var(--color-accent)}.cp-transfers-count{background:var(--color-accent);color:#fff;font-size:.7rem;padding:.15rem .4rem;border-radius:10px;font-weight:600}.cp-toggle-icon{margin-left:auto;transition:transform .2s}.cp-transfers-section.collapsed .cp-toggle-icon{transform:rotate(-90deg)}.cp-transfers-section.collapsed .cp-transfers-list{display:none}.cp-transfers-list{padding:.5rem;max-height:200px;overflow-y:auto}.cp-grid-wrapper{overflow:auto;max-height:70vh;min-height:200px;flex:1;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--bg-primary)}.cp-grid th,.cp-grid td{padding:.2rem .4rem;text-align:right;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);white-space:nowrap;font-size:.9rem}.cp-grid th{background:var(--bg-secondary);font-weight:600;position:sticky;top:0;z-index:10;text-align:center}.cp-grid th:first-child,.cp-grid td:first-child{position:sticky;left:0;background:var(--bg-primary);background-color:#1a1a1afa;z-index:20;text-align:left;font-weight:600;min-width:180px;border-right:2px solid var(--color-border);box-shadow:2px 0 6px #0003}.cp-grid th:first-child{z-index:30;background:var(--bg-secondary)}[data-theme=light] .cp-grid th:first-child,[data-theme=light] .cp-grid td:first-child,[data-theme=default] .cp-grid th:first-child,[data-theme=default] .cp-grid td:first-child{background-color:#fffffffa}.cp-grid input.cp-cell-input{width:80px;padding:.15rem;border:1px solid transparent;background:transparent;text-align:right;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:.85rem}.cp-grid input.cp-cell-input:hover{border-color:var(--color-border)}.cp-grid input.cp-cell-input:focus{border-color:var(--color-accent);background:var(--bg-secondary);outline:none}.cp-final-balance{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08)!important;border-top:2px solid rgba(255,255,255,.15)!important;border-bottom:2px solid rgba(255,255,255,.15)!important;box-shadow:inset 0 1px 3px #0000004d}.cp-final-balance-label{padding:.35rem .5rem .35rem 2rem!important;font-size:.85rem!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary)!important;background-color:#1a1a1af2!important;box-shadow:2px 0 6px #00000040}[data-theme=light] .cp-final-balance-label,[data-theme=default] .cp-final-balance-label{background-color:#f8f9fafa!important}.cp-final-balance-amount{text-align:right;font-size:.85rem!important;font-weight:700!important;padding:.35rem!important;text-shadow:0 1px 2px rgba(0,0,0,.5);background-color:transparent!important}.cp-final-balance-total{text-align:right;font-size:.9rem!important;font-weight:800!important;padding:.35rem .5rem!important;text-shadow:0 1px 2px rgba(0,0,0,.5);background-color:transparent!important}.forecast-solde-initial-row{border-top:1px solid rgba(255,255,255,.07)}.cp-initial-balance-label{font-weight:600;font-size:.78rem;color:var(--color-text-secondary);font-style:italic}.cp-transfers-section{background:var(--bg-secondary);padding:1.5rem;border-radius:var(--border-radius);border:1px solid var(--color-border)}.cp-transfers-section h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.cp-transfers-list{display:flex;flex-direction:column;gap:.5rem}.cp-transfer-amount{font-weight:600;color:var(--color-accent)}.cp-transfer-reason{font-size:.85rem;color:var(--color-text-secondary);margin-left:1rem;font-style:italic}.cp-transfer-item .btn,.cp-transfers-list .btn{text-decoration:none;background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.cp-transfer-item .btn:hover,.cp-transfers-list .btn:hover{background:var(--color-surface-alt);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.cp-transfer-item .btn:active,.cp-transfers-list .btn:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.cp-transfer-item .btn.btn-secondary,.cp-transfers-list .btn.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.cp-transfer-item .btn.btn-secondary:hover,.cp-transfers-list .btn.btn-secondary:hover{background:var(--color-surface-alt);border-color:var(--color-accent);color:var(--color-accent)}.cp-transfer-item .btn.small,.cp-transfers-list .btn.small{padding:.25rem .5rem;font-size:.75rem}.cp-transfer-item .btn i,.cp-transfers-list .btn i{font-size:.75rem}.cash-pooling-controls .btn,.cp-custom-controls .btn{text-decoration:none}.cash-pooling-controls .btn i,.cp-custom-controls .btn i{font-size:.875rem}.cash-pooling-controls .btn.btn-primary,.cp-custom-controls .btn.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.cash-pooling-controls .btn.btn-primary:hover,.cp-custom-controls .btn.btn-primary:hover{background:var(--color-accent-hover, var(--color-accent));transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-accent-rgb),.3)}.cash-pooling-controls .btn.btn-secondary,.cp-custom-controls .btn.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.cash-pooling-controls .btn.btn-secondary:hover,.cp-custom-controls .btn.btn-secondary:hover{background:var(--color-surface-alt);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.cash-pooling-controls .btn:active,.cp-custom-controls .btn:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.cash-pooling-controls .btn:disabled,.cp-custom-controls .btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.cp-custom-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border)}#cp-download-btn,#cp-upload-btn{min-width:100px}.cp-subtabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-xs);background:linear-gradient(145deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 4px 20px #00000026}.cp-subtab{padding:.5rem .9rem;background:transparent;border:none;border-radius:var(--border-radius);color:var(--color-text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.cp-subtab:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--color-accent-rgb),.15),rgba(var(--color-accent-rgb),.05));border-radius:10px;opacity:0;transition:opacity .3s ease}.cp-subtab:hover{color:var(--color-accent)}.cp-subtab:hover:before{opacity:1}.cp-subtab.active{color:#fff;background:linear-gradient(135deg,var(--color-accent) 0%,hsl(from var(--color-accent) h calc(s + 10) calc(l - 15)) 100%);box-shadow:0 4px 15px rgba(var(--color-accent-rgb),.35)}.cp-subtab.active:before{display:none}.cp-subtab.active i{color:#fff}.cp-subtab i{font-size:.8rem;transition:transform .2s ease}.cp-subtab:hover i{transform:scale(1.1)}.cp-subtab:active{transform:scale(.97)}.cp-subtab-content{display:none;height:100%}.cp-subtab-content.active{display:flex;flex-direction:column;height:100%;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.cp-hierarchy-container{display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 180px);min-height:600px;overflow:hidden}.cp-hierarchy-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border)}.cp-toolbar-left,.cp-toolbar-right{display:flex;gap:.5rem;align-items:center}.cp-zoom-controls{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius)}.cp-zoom-slider{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border);border-radius:2px;cursor:pointer}.cp-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--color-accent);border-radius:50%;cursor:grab;transition:transform .15s}.cp-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.cp-zoom-slider::-moz-range-thumb{width:14px;height:14px;background:var(--color-accent);border-radius:50%;border:none;cursor:grab}.cp-zoom-display{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);min-width:40px;text-align:center}.btn.small{padding:.25rem .4rem;font-size:.75rem}.btn.small i{font-size:.65rem}.cp-toolbar-center{flex:1;text-align:center}.cp-hierarchy-main-content{display:flex;position:relative;flex:1;min-height:0;overflow:hidden;height:100%}.cp-hierarchy-workspace{flex:1;position:relative;background:linear-gradient(90deg,rgba(var(--color-accent-rgb),.03) 1px,transparent 1px),linear-gradient(rgba(var(--color-accent-rgb),.03) 1px,transparent 1px),var(--bg-primary);background-size:40px 40px;border:2px solid var(--color-border);border-radius:var(--border-radius);overflow:auto;min-height:500px;min-width:100%}.cp-links-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.cp-links-layer path{fill:none;stroke:var(--color-accent);stroke-width:2;pointer-events:stroke;cursor:pointer;transition:stroke .2s,stroke-width .2s}.cp-links-layer path:hover{stroke:var(--color-error);stroke-width:3}.cp-links-layer path.link-temp{stroke:rgba(var(--color-accent-rgb),.5);stroke-dasharray:8 4;animation:dash-animation .5s linear infinite}@keyframes dash-animation{to{stroke-dashoffset:-12}}.cp-links-layer .link-arrow{fill:var(--color-accent)}.cp-entity-group-container{position:absolute;background:hsla(var(--group-hue, 220),60%,50%,.08);border:2px dashed hsla(var(--group-hue, 220),60%,50%,.4);border-radius:12px;pointer-events:none;z-index:1;transition:all .3s ease}.cp-entity-group-container:hover{background:hsla(var(--group-hue, 220),60%,50%,.12);border-color:hsla(var(--group-hue, 220),60%,50%,.6)}.cp-group-header{position:absolute;top:0;left:0;right:0;height:var(--ui-btn-height, 32px);cursor:grab;display:flex;align-items:center;gap:.5rem;padding:0 1rem;background:hsla(var(--group-hue, 220),60%,50%,.2);border-radius:10px 10px 0 0;color:hsl(var(--group-hue, 220),60%,70%);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;pointer-events:auto;transition:all .2s ease;-webkit-user-select:none;user-select:none;border-bottom:1px solid hsla(var(--group-hue, 220),60%,50%,.3)}.cp-group-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(180deg,hsla(var(--group-hue, 220),70%,60%,.6),hsla(var(--group-hue, 220),70%,50%,.4));border-radius:10px 0 0}.cp-group-header:hover{background:hsla(var(--group-hue, 220),60%,50%,.35);box-shadow:0 2px 8px #00000026}.cp-group-header:active{cursor:grabbing;background:hsla(var(--group-hue, 220),60%,50%,.45);box-shadow:0 4px 12px #00000040}.cp-group-grip{font-size:.85rem;margin-right:.5rem;opacity:.6;transition:all .2s ease}.cp-group-header:hover .cp-group-grip{opacity:1;transform:scale(1.1)}.cp-entity-group-container.dragging{z-index:50;border-style:solid;box-shadow:0 8px 24px #0000004d}.cp-entity-group-container.dragging .cp-group-header{background:hsla(var(--group-hue, 220),60%,50%,.5);box-shadow:0 4px 16px #0000004d}.cp-group-header i{font-size:.8rem;opacity:.9}.cp-group-count{margin-left:auto;font-size:.7rem;font-weight:500;opacity:.7;text-transform:lowercase;padding:.15rem .5rem;background:hsla(var(--group-hue, 220),60%,50%,.2);border-radius:10px}.cp-entity-node{position:absolute;min-width:180px;max-width:220px;background:var(--bg-primary);border:2px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow .2s,border-color .2s,transform .1s;z-index:10;font-size:.75rem}.cp-entity-node:hover{border-color:var(--color-accent);box-shadow:0 4px 12px rgba(var(--color-accent-rgb),.25);transform:scale(1.02)}.cp-entity-node.dragging{cursor:grabbing;z-index:100;box-shadow:0 8px 20px #0000004d;transform:scale(1.05)}.cp-entity-node.master{border-color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,var(--bg-primary) 100%)}.cp-entity-node.master .cp-entity-header{background:linear-gradient(135deg,#f59e0b,#d97706)}.cp-entity-node.subsidiary{border-color:var(--color-accent)}.cp-entity-node.subsidiary .cp-entity-header{background:linear-gradient(135deg,var(--color-accent) 0%,#6366f1 100%)}.cp-entity-header{padding:.4rem .6rem;background:var(--color-accent);color:#fff;border-radius:6px 6px 0 0;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:.25rem;font-size:.7rem;line-height:1.2}.cp-entity-header .entity-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.cp-entity-header .entity-type-badge{font-size:.55rem;padding:.1rem .3rem;background:#ffffff40;border-radius:6px;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.cp-entity-body{padding:.4rem .5rem}.cp-entity-info{display:flex;flex-direction:column;gap:.2rem;font-size:.65rem}.cp-entity-info .info-row{display:flex;justify-content:space-between;color:var(--color-text-secondary);gap:.25rem}.cp-entity-info .info-row strong{color:var(--color-text-primary);font-size:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-entity-ports{display:flex;justify-content:center;padding:.4rem;border-top:1px solid var(--color-border)}.cp-port{width:28px;height:28px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--color-accent);cursor:crosshair;transition:all .15s;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--color-accent)}.cp-port:hover{background:var(--color-accent);color:#fff;transform:scale(1.3);box-shadow:0 0 0 4px #6366f140}.cp-port.port-link{border-color:#6366f1}.cp-port.port-link:hover{background:#6366f1}.cp-entity-actions{position:absolute;top:-8px;right:-8px;display:flex;gap:.15rem;opacity:0;transition:opacity .2s}.cp-entity-node:hover .cp-entity-actions{opacity:1}.cp-entity-actions button{width:18px;height:18px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.55rem;transition:all .15s;box-shadow:0 2px 4px #00000026}.cp-entity-actions button:hover{transform:scale(1.15);box-shadow:0 3px 6px #00000040}.cp-entity-actions button:active{transform:scale(1.05);box-shadow:0 1px 2px #00000026}.cp-entity-actions .btn-edit{background:var(--color-accent);color:#fff}.cp-entity-actions .btn-edit:hover{background:var(--color-accent-hover, var(--color-accent))}.cp-entity-actions .btn-delete{background:var(--color-error);color:#fff}.cp-entity-actions .btn-delete:hover{background:var(--color-error-hover, #dc2626)}.cp-hierarchy-sidebar{width:500px;background:var(--bg-secondary);border-left:2px solid var(--color-border);display:flex;flex-direction:column;height:100%;min-height:0;box-shadow:-4px 0 20px #0000004d;z-index:10;overflow:hidden}.cp-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--bg-primary);flex-shrink:0}.cp-sidebar-close-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s;font-size:1rem}.cp-sidebar-close-btn:hover{background:var(--bg-secondary);color:var(--color-text-primary)}.cp-sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem 1.25rem 2rem;min-height:0;scroll-behavior:smooth}.cp-sidebar-content::-webkit-scrollbar{width:8px}.cp-sidebar-content::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.cp-sidebar-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.cp-sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.cp-entity-node.selected{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.3),0 4px 12px #0003;transform:scale(1.02)}.cp-entity-group-container.selected{background:hsla(var(--group-hue, 220),60%,50%,.15)!important;border-color:hsla(var(--group-hue, 220),60%,50%,.8)!important;border-width:3px}.cp-entity-group-container.selected .cp-group-header{background:hsla(var(--group-hue, 220),60%,50%,.2)}.cp-hierarchy-legend{display:flex;gap:1.5rem;align-items:center}.cp-hierarchy-toolbar .cp-hierarchy-legend{margin-left:1rem;padding-left:1rem;border-left:1px solid var(--color-border)}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:16px;height:16px;border-radius:4px}.legend-color.master{background:linear-gradient(135deg,#f59e0b,#d97706)}.legend-color.subsidiary{background:linear-gradient(135deg,var(--color-accent) 0%,#6366f1 100%)}.legend-arrow{color:var(--color-accent);font-weight:700;font-size:1.2rem}.cp-rules-container{padding:1rem}.cp-rules-header{margin-bottom:1.5rem}.cp-rules-header h3{margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.cp-rules-list{display:flex;flex-direction:column;gap:1rem}.cp-rules-empty{text-align:center;padding:3rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:2px dashed var(--color-border);color:var(--color-text-secondary)}.cp-rules-empty i{font-size:3rem;margin-bottom:1rem;color:var(--color-accent);opacity:.5}.cp-rule-card{background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem;display:flex;align-items:center;gap:1rem}.cp-rule-card .rule-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent) 0%,#6366f1 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cp-rule-card .rule-content{flex:1}.cp-rule-card .rule-title{font-weight:600;margin-bottom:.25rem}.cp-rule-card .rule-description{font-size:.85rem;color:var(--color-text-secondary)}.cp-rule-card .rule-path{display:flex;align-items:center;gap:.5rem;font-size:.75rem;margin-top:.5rem;flex-wrap:wrap}.cp-rule-card .rule-path span{background:rgba(var(--color-accent-rgb),.1);padding:.2rem .5rem;border-radius:4px;border:1px solid transparent}.cp-rules-level-group{margin-bottom:1.5rem}.cp-rules-level-group:last-child{margin-bottom:0}.cp-rules-summary{margin-top:2rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border)}.cp-rules-summary h4{margin:0 0 1rem;display:flex;align-items:center;gap:.5rem;color:var(--color-accent)}.cp-rules-summary pre{background:var(--bg-primary);padding:1rem;border-radius:var(--border-radius);overflow-x:auto;font-size:.8rem;color:var(--color-text-secondary)}.btn.btn-success{background:#10b981;color:#fff;border-color:#10b981}.btn.btn-success:hover{background:#059669;border-color:#059669}.cash-pooling-container .btn,.cp-hierarchy-container .btn,.cp-rules-container .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;white-space:nowrap;text-decoration:none;background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.cash-pooling-container .btn:hover:not(:disabled),.cp-hierarchy-container .btn:hover:not(:disabled),.cp-rules-container .btn:hover:not(:disabled){background-color:var(--color-surface-alt);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.cash-pooling-container .btn:active,.cp-hierarchy-container .btn:active,.cp-rules-container .btn:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.cash-pooling-container .btn:disabled,.cp-hierarchy-container .btn:disabled,.cp-rules-container .btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.cash-pooling-container .btn-primary,.cp-hierarchy-container .btn-primary,.cp-rules-container .btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.cash-pooling-container .btn-primary:hover:not(:disabled),.cp-hierarchy-container .btn-primary:hover:not(:disabled),.cp-rules-container .btn-primary:hover:not(:disabled){background:var(--color-accent-hover, var(--color-accent));transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-accent-rgb),.3)}.cash-pooling-container .btn-secondary,.cp-hierarchy-container .btn-secondary,.cp-rules-container .btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.cash-pooling-container .btn-secondary:hover:not(:disabled),.cp-hierarchy-container .btn-secondary:hover:not(:disabled),.cp-rules-container .btn-secondary:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.cash-pooling-container .btn-small,.cp-hierarchy-container .btn-small,.cp-rules-container .btn-small{padding:.25rem .5rem;font-size:.75rem}.cash-pooling-container .btn i,.cp-hierarchy-container .btn i,.cp-rules-container .btn i{font-size:.875rem}.cp-hierarchy-toolbar .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid rgba(255,255,255,.1);white-space:nowrap;text-decoration:none;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.cp-hierarchy-toolbar .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.cp-hierarchy-toolbar .btn:hover:before{left:100%}.cp-hierarchy-toolbar .btn.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0%,hsl(from var(--color-accent) h calc(s + 10) calc(l - 15)) 100%);color:#fff;border-color:transparent;box-shadow:0 4px 15px rgba(var(--color-accent-rgb),.35)}.cp-hierarchy-toolbar .btn.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(var(--color-accent-rgb),.45),0 0 0 2px rgba(var(--color-accent-rgb),.2);filter:brightness(1.1)}.cp-hierarchy-toolbar .btn.btn-secondary{background:linear-gradient(145deg,#ffffff14,#ffffff05);color:var(--color-text-primary);border-color:var(--color-border)}.cp-hierarchy-toolbar .btn.btn-secondary:hover{background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px);box-shadow:0 6px 20px #0003,0 0 0 1px rgba(var(--color-accent-rgb),.3)}.cp-hierarchy-toolbar .btn.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:transparent;box-shadow:0 4px 15px #10b98159}.cp-hierarchy-toolbar .btn.btn-success:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #10b98173,0 0 0 2px #10b98133;filter:brightness(1.1)}.cp-hierarchy-toolbar .btn.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:transparent;box-shadow:0 4px 15px #ef444459}.cp-hierarchy-toolbar .btn.btn-danger:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #ef444473,0 0 0 2px #ef444433;filter:brightness(1.1)}.cp-hierarchy-toolbar .btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #00000026}.cp-hierarchy-toolbar .btn i{font-size:.875rem;transition:transform .2s ease}.cp-hierarchy-toolbar .btn:hover i{transform:scale(1.1)}.cash-pooling-container .list-group,.cp-hierarchy-container .list-group,.cp-rules-container .list-group{display:flex;flex-direction:column;gap:.5rem}.cash-pooling-container .list-group-item,.cp-hierarchy-container .list-group-item,.cp-rules-container .list-group-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid var(--color-border);background:var(--bg-secondary);border-radius:var(--border-radius);transition:all var(--transition-fast)}.cash-pooling-container .list-group-item:hover,.cp-hierarchy-container .list-group-item:hover,.cp-rules-container .list-group-item:hover{background:var(--bg-primary);border-color:var(--color-accent)}.list-group-item .btn,.list-group-item .btn-primary,.list-group-item .btn-secondary{padding:.375rem .75rem;font-size:.8rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.25rem;font-weight:500}.list-group-item .btn:hover,.list-group-item .btn-primary:hover{background:var(--color-accent-hover, var(--color-accent));transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-accent-rgb),.3)}.list-group-item .btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.list-group-item .btn-secondary:hover{background:var(--color-surface-alt);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.list-group-item .btn-small{padding:.25rem .5rem;font-size:.75rem}.list-group-item .btn:active,.list-group-item .btn-primary:active,.list-group-item .btn-secondary:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.list-group-item .btn:disabled,.list-group-item .btn-primary:disabled,.list-group-item .btn-secondary:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.modal .cash-pooling-container .btn,.modal .cp-hierarchy-container .btn,.modal .cp-rules-container .btn,.modal .modal-footer .btn,.modal .modal-footer .btn-primary,.modal .modal-footer .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;white-space:nowrap;text-decoration:none}.modal .modal-footer .btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.modal .modal-footer .btn-primary:hover:not(:disabled){background:var(--color-accent-hover, var(--color-accent));transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-accent-rgb),.3)}.modal .modal-footer .btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.modal .modal-footer .btn-secondary:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.modal .modal-footer .btn:active,.modal .modal-footer .btn-primary:active,.modal .modal-footer .btn-secondary:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.modal .modal-footer .btn:disabled,.modal .modal-footer .btn-primary:disabled,.modal .modal-footer .btn-secondary:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.modal .modal-footer .btn i,.modal .modal-footer .btn-primary i,.modal .modal-footer .btn-secondary i{font-size:.875rem}.modal .modal-close-btn,.cash-pooling-container .modal-close-btn,.cp-hierarchy-container .modal-close-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;white-space:nowrap;text-decoration:none;background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.modal .modal-close-btn:hover,.cash-pooling-container .modal-close-btn:hover,.cp-hierarchy-container .modal-close-btn:hover{background:var(--color-surface-alt);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.modal .modal-close-btn:active,.cash-pooling-container .modal-close-btn:active,.cp-hierarchy-container .modal-close-btn:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.cp-hierarchy-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:var(--bg-primary);height:100vh!important;padding:1rem;display:flex;flex-direction:column}.cp-hierarchy-container.fullscreen .cp-hierarchy-workspace{flex:1;height:calc(100vh - 140px)!important}.cp-hierarchy-container.fullscreen .cp-hierarchy-toolbar{background:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:0 4px 20px #0003}.cp-hierarchy-container.fullscreen #cp-fullscreen-btn i{transform:rotate(180deg)}.cp-hierarchy-container.fullscreen #cp-fullscreen-btn i:before{content:""}#cp-fullscreen-btn{width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center}#cp-fullscreen-btn i{transition:transform .3s ease}.cp-hierarchy-container{transition:all .3s ease}.cp-fullscreen-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;z-index:10000;opacity:0;animation:fadeInOut 3s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(20px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.cp-instructions-container{height:100%;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--border-radius);overflow:hidden}.cp-instructions-header{padding:.5rem;background:var(--bg-primary);border-bottom:1px solid var(--color-border)}.cp-instructions-board{flex:1;display:flex;gap:.5rem;padding:.5rem;overflow-x:auto;background:var(--bg-secondary)}.cp-instruction-column{flex:1;min-width:300px;display:flex;flex-direction:column;background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--color-border)}.cp-instruction-header{padding:.375rem;display:flex;justify-content:space-between;align-items:center}.cp-instruction-header h4{margin:0;font-size:.8rem;font-weight:600;color:var(--color-text-primary)}.count-badge{background:#0000001a;padding:.1rem .25rem;border-radius:6px;font-size:.65rem;font-weight:700}.cp-instruction-dropzone{flex:1;padding:.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:.15rem;transition:background-color .2s}.cp-instruction-dropzone.drag-over{background-color:rgba(var(--color-accent-rgb),.05);border:2px dashed var(--color-accent)}.cp-instruction-card{background:var(--bg-secondary);border-radius:4px;padding:.25rem .5rem;box-shadow:0 1px 3px #0000001a;cursor:grab;transition:all .2s ease;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:.15rem;position:relative}.cp-instruction-card:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026;border-color:var(--color-accent);background:var(--bg-primary)}.cp-instruction-card.dragging{opacity:.6;cursor:grabbing;transform:rotate(2deg)}.cp-instruction-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:0;gap:.5rem}.cp-instruction-card .account-name{font-weight:600;color:var(--color-text-primary);font-size:.75rem;line-height:1.2;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-instruction-card .account-type{font-size:.65rem;padding:.15rem .35rem;border-radius:10px;background:linear-gradient(135deg,rgba(var(--color-accent-rgb),.15),rgba(var(--color-accent-rgb),.25));color:var(--color-accent);font-weight:700;border:1px solid rgba(var(--color-accent-rgb),.3);flex-shrink:0;min-width:20px;text-align:center;letter-spacing:.5px}.cp-instruction-card .card-body{margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.cp-instruction-card .instructions-container{display:flex;flex-direction:column;gap:.2rem}.cp-instruction-card .instruction-item{display:flex;align-items:center;gap:.3rem;position:relative}.cp-instruction-card label{font-size:.65rem;color:var(--color-text-secondary);line-height:1.2;margin:0;font-weight:500;flex-shrink:0;opacity:.8}.cp-instruction-card .instruction-input{flex:1;padding:.15rem .35rem;border-radius:3px;border:1px solid var(--color-border);background:var(--bg-primary);color:var(--color-text-primary);font-size:.7rem;width:100%;line-height:1.2;transition:all .2s ease;font-family:Courier New,monospace}.cp-instruction-card .instruction-input:hover{border-color:var(--color-accent);background:var(--bg-secondary)}.cp-instruction-card .instruction-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.2);background:var(--bg-secondary)}.cp-instruction-card .instruction-input::placeholder{color:var(--color-text-secondary);opacity:.5;font-style:italic}.cp-instruction-card .instruction-item .instruction-input{flex:1;margin:0}.cp-instruction-card .instruction-item{flex-direction:column;align-items:flex-start;gap:.2rem;margin-bottom:.5rem}.cp-instruction-card .instruction-label{font-size:.7rem;color:var(--color-text-primary);font-weight:600;margin-bottom:.1rem;opacity:.9}.cp-instruction-card .instruction-hint{font-size:.6rem;color:var(--color-text-secondary);opacity:.7;font-style:italic;margin-top:.1rem}.cp-instruction-card .instruction-number{width:100%;max-width:200px}.cp-instructions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:2rem;text-align:center;color:var(--color-text-secondary);background:var(--bg-primary);border-radius:var(--border-radius);border:2px dashed var(--color-border);margin:1rem}.cp-instructions-empty i{font-size:3rem;margin-bottom:1rem;opacity:.5}.cp-instructions-empty p{font-size:1rem;max-width:400px;line-height:1.5}.cp-dashboard-container{height:100%;display:flex;flex-direction:column;gap:1.25rem;padding:1rem;overflow-y:auto;background:var(--bg-secondary)}.cp-dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem;background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--color-border)}.cp-dashboard-title h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.cp-dashboard-title h3 i{color:var(--color-accent)}.cp-dashboard-title p{margin:.25rem 0 0;font-size:.85rem}.cp-dashboard-actions{display:flex;gap:.75rem}.cp-dashboard-date-toolbar{padding:.85rem 1rem;background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}.cp-dashboard-date-toolbar__main{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem}.cp-dashboard-date-toolbar__label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:.4rem}.cp-dashboard-date-field{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--color-text-secondary)}.cp-dashboard-date-field input[type=date]{padding:.35rem .5rem;border-radius:6px;border:1px solid var(--color-border);background:var(--bg-secondary);color:var(--color-text-primary);font-size:.8rem}.cp-dashboard-presets{display:flex;flex-wrap:wrap;gap:.35rem}.cp-dashboard-presets .btn-sm{font-size:.72rem;padding:.25rem .5rem}.cp-dashboard-loading{font-size:.78rem;color:var(--color-text-secondary);margin-left:auto}.cp-dashboard-date-hint{margin:0;font-size:.78rem;color:var(--color-text-secondary)}.cp-dashboard-meta-strip{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;padding:.65rem 1rem;background:var(--bg-primary);border-radius:var(--border-radius);border:1px dashed var(--color-border);font-size:.8rem;color:var(--color-text-secondary)}.cp-dashboard-meta-item{display:inline-flex;align-items:center;gap:.4rem}.cp-dashboard-meta-item i{opacity:.75;color:var(--color-accent)}.cp-dashboard-meta-item strong{color:var(--color-text-primary);font-weight:700}.cp-kpi-muted{font-size:.72rem;font-weight:500;color:var(--color-text-secondary)}.cp-kpi-card.cumulative-flow:before{background:linear-gradient(180deg,#10b981,#059669)}.cp-kpi-card.cumulative-flow .cp-kpi-icon{background:linear-gradient(135deg,#10b98126,#10b98140);color:#10b981}.cp-dashboard-top-accounts{padding:1rem 1.25rem;background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--color-border)}.cp-dashboard-top-accounts h4{margin:0 0 .75rem;font-size:.95rem;display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary)}.cp-dashboard-top-table{overflow-x:auto}.cp-dashboard-top-table table{width:100%;border-collapse:collapse;font-size:.82rem}.cp-dashboard-top-table th,.cp-dashboard-top-table td{text-align:left;padding:.45rem .65rem;border-bottom:1px solid var(--color-border)}.cp-dashboard-top-table th{color:var(--color-text-secondary);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.cp-dashboard-top-table td.positive{color:#10b981;font-variant-numeric:tabular-nums;font-weight:600}.cp-dashboard-top-table td.negative{color:#f87171;font-variant-numeric:tabular-nums;font-weight:600}.cp-dashboard-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.cp-kpi-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--color-border);transition:all .3s ease;position:relative;overflow:hidden}.cp-kpi-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:4px 0 0 4px}.cp-kpi-card.total-liquidity:before{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.cp-kpi-card.net-position:before{background:linear-gradient(180deg,#10b981,#059669)}.cp-kpi-card.transfers-count:before{background:linear-gradient(180deg,#8b5cf6,#6d28d9)}.cp-kpi-card.accounts-alert:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.cp-kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026;border-color:var(--color-accent)}.cp-kpi-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.4rem}.cp-kpi-card.total-liquidity .cp-kpi-icon{background:linear-gradient(135deg,#3b82f626,#3b82f640);color:#3b82f6}.cp-kpi-card.net-position .cp-kpi-icon{background:linear-gradient(135deg,#10b98126,#10b98140);color:#10b981}.cp-kpi-card.transfers-count .cp-kpi-icon{background:linear-gradient(135deg,#8b5cf626,#8b5cf640);color:#8b5cf6}.cp-kpi-card.accounts-alert .cp-kpi-icon{background:linear-gradient(135deg,#f59e0b26,#f59e0b40);color:#f59e0b}.cp-kpi-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.cp-kpi-label{font-size:.8rem;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.cp-kpi-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);line-height:1.1;font-family:Inter,Segoe UI,sans-serif}.cp-kpi-trend{font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:20px;width:fit-content}.cp-kpi-trend.positive{background:#10b98126;color:#10b981}.cp-kpi-trend.negative{background:#ef444426;color:#ef4444}.cp-kpi-trend.neutral{background:#6b728026;color:#6b7280}.cp-kpi-subtitle{font-size:.75rem;color:var(--color-text-secondary)}.cp-dashboard-charts{display:grid;grid-template-columns:2fr 1fr;gap:1rem}@media(max-width:1200px){.cp-dashboard-charts{grid-template-columns:1fr}}.cp-dashboard-chart-card{background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--color-border);padding:1.25rem;display:flex;flex-direction:column}.cp-dashboard-chart-card.main-chart{min-height:350px}.cp-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.cp-chart-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.cp-chart-header h4 i{color:var(--color-accent);font-size:.9rem}.cp-chart-legend{display:flex;gap:1rem;font-size:.8rem}.cp-chart-legend .legend-item{display:flex;align-items:center;gap:.35rem;color:var(--color-text-secondary)}.cp-chart-legend .legend-dot{width:10px;height:10px;border-radius:50%}.cp-chart-legend .legend-dot.total{background:var(--color-accent)}.cp-chart-legend .legend-dot.master{background:#f59e0b}.cp-chart-container{flex:1;position:relative;min-height:200px}.cp-chart-container canvas{max-height:300px}.cp-dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:900px){.cp-dashboard-bottom{grid-template-columns:1fr}}.cp-dashboard-alerts-card,.cp-dashboard-activity-card{background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--color-border);display:flex;flex-direction:column;max-height:300px}.cp-alerts-header,.cp-activity-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.cp-alerts-header h4,.cp-activity-header h4{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.cp-alerts-header h4 i,.cp-activity-header h4 i{color:var(--color-accent)}.cp-alerts-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:20px;min-width:22px;text-align:center}.cp-alerts-badge:empty,.cp-alerts-badge[data-count="0"]{background:#6b72804d;color:var(--color-text-secondary)}.cp-view-all{font-size:.8rem;color:var(--color-accent);text-decoration:none;font-weight:500;transition:all .2s ease}.cp-view-all:hover{text-decoration:underline}.cp-alerts-list,.cp-activity-list{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.cp-alert-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:8px;background:var(--bg-secondary);border-left:3px solid;transition:all .2s ease}.cp-alert-item:hover{background:var(--color-surface-alt)}.cp-alert-item.warning{border-left-color:#f59e0b}.cp-alert-item.danger{border-left-color:#ef4444}.cp-alert-item.critical{border-left-color:#ef4444;background:#ef444414}.cp-alert-item.info{border-left-color:#3b82f6}.cp-alert-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.75rem;flex-shrink:0}.cp-alert-item.warning .cp-alert-icon{background:#f59e0b26;color:#f59e0b}.cp-alert-item.danger .cp-alert-icon{background:#ef444426;color:#ef4444}.cp-alert-item.critical .cp-alert-icon{background:#ef444433;color:#ef4444}.cp-alert-item.info .cp-alert-icon{background:#3b82f626;color:#3b82f6}.cp-alert-content{flex:1}.cp-alert-message{font-size:.85rem;color:var(--color-text-primary);font-weight:500;margin-bottom:.2rem}.cp-alert-time{font-size:.7rem;color:var(--color-text-secondary)}.cp-activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:8px;background:var(--bg-secondary);transition:all .2s ease}.cp-activity-item:hover{background:var(--color-surface-alt)}.cp-activity-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8rem;flex-shrink:0;background:rgba(var(--color-accent-rgb),.15);color:var(--color-accent)}.cp-activity-icon.transfer{background:#8b5cf626;color:#8b5cf6}.cp-activity-icon.update{background:#3b82f626;color:#3b82f6}.cp-activity-icon.create,.cp-activity-icon.positive{background:#10b98126;color:#10b981}.cp-activity-icon.negative{background:#ef444426;color:#ef4444}.cp-activity-content{flex:1}.cp-activity-description{font-size:.85rem;color:var(--color-text-primary);font-weight:500;margin-bottom:.2rem}.cp-activity-description strong{color:var(--color-accent)}.cp-activity-meta{font-size:.7rem;color:var(--color-text-secondary);display:flex;gap:.75rem}.cp-activity-title{display:block;font-size:.85rem;color:var(--color-text-primary);font-weight:500;margin-bottom:.2rem}.cp-activity-detail{display:block;font-size:.75rem;color:var(--color-text-secondary);font-weight:600}.cp-activity-detail.positive{color:#10b981}.cp-activity-detail.negative{color:#ef4444}.cp-activity-date{font-size:.7rem;color:var(--color-text-secondary);white-space:nowrap;margin-left:auto;align-self:center}.cp-alert-empty,.cp-activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--color-text-secondary);text-align:center}.cp-alert-empty i,.cp-activity-empty i{font-size:2rem;opacity:.5}.cp-alert-empty span,.cp-activity-empty span{font-size:.85rem}.cp-kpi-value.loading,.cp-kpi-trend.loading{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--color-surface-alt) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;color:transparent}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.cp-dashboard-container{padding:.75rem;gap:1rem}.cp-dashboard-header{flex-direction:column;align-items:flex-start}.cp-dashboard-kpis{grid-template-columns:1fr 1fr}.cp-kpi-card{padding:1rem}.cp-kpi-value{font-size:1.4rem}.cp-kpi-icon{width:40px;height:40px;font-size:1.1rem}}@media(max-width:500px){.cp-dashboard-kpis{grid-template-columns:1fr}}.top-bar{height:48px!important;min-height:48px!important}.top-bar-title{font-size:1rem!important}.quantlib-header{margin-bottom:.5rem!important;padding-bottom:.25rem!important;border-bottom:none!important}.quantlib-header h2{font-size:1.25rem!important;margin-bottom:.1rem!important}.quantlib-subtitle{font-size:.8rem!important;margin-bottom:0!important;opacity:.7}.cp-subtabs{margin-bottom:.5rem!important;padding:.2rem!important;border-radius:8px!important}.cp-subtab{padding:.4rem .8rem!important;font-size:.8rem!important;border-radius:6px!important}.cash-pooling-container{padding:.5rem!important;gap:.5rem!important}.cash-pooling-toolbar{padding:.3rem .5rem!important;min-height:0!important}.cp-hierarchy-legend{display:flex;align-items:center;gap:.75rem!important;border-left:none!important}.legend-item{display:flex;align-items:center;gap:.35rem!important}.legend-text-short{font-size:.75rem!important;white-space:nowrap;color:var(--color-text-secondary);font-weight:500}.cp-zoom-controls{display:flex;align-items:center;gap:.25rem!important}.cp-zoom-slider{width:70px!important;height:4px!important;margin:0 .25rem!important;cursor:pointer}.cp-zoom-display{font-size:.75rem!important;min-width:36px;text-align:center;font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.cp-forecast-section{margin-top:1.5rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border);overflow:hidden;flex:1;display:flex;flex-direction:column}.cp-forecast-section .cp-section-header{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:linear-gradient(145deg,#8b5cf614,#3b82f60d)}.cp-forecast-section .cp-section-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.cp-forecast-section .cp-section-header h4 i{color:var(--color-accent)}.cp-forecast-section .cp-section-header p.text-muted{margin:.25rem 0 0;font-size:.85rem;color:var(--color-text-secondary)}.cp-forecast-section{display:flex;flex-direction:column;height:calc(100vh - 250px);position:relative}.cp-forecast-grid-wrapper{overflow:auto;min-height:200px;position:relative;height:500px}.cp-forecast-grid{width:max-content;border-collapse:collapse;position:relative}.forecast-account-row--summary td:not(:first-child){font-variant-numeric:tabular-nums}.cp-forecast-grid th,.cp-forecast-grid td{padding:.5rem .75rem;text-align:right;border-bottom:1px solid var(--color-border);font-size:.875rem}.cp-forecast-grid th{background:var(--bg-secondary);font-weight:600;position:sticky;top:0;z-index:20;text-align:center;box-shadow:0 2px 4px #0000001a;border-bottom:2px solid var(--color-border)}.cp-forecast-grid th:first-child{text-align:left;position:sticky;left:0;z-index:30;background:var(--bg-secondary);box-shadow:2px 2px 4px #0000001a}.cp-forecast-grid td:first-child{text-align:left;position:sticky;left:0;background:var(--bg-primary);background-color:#1a1a1afa;z-index:5;box-shadow:2px 0 6px #0003}[data-theme=dark] .cp-forecast-grid td:first-child,[data-theme=bloom] .cp-forecast-grid td:first-child,[data-theme=nvidia] .cp-forecast-grid td:first-child{background-color:#1a1a1afa}[data-theme=light] .cp-forecast-grid td:first-child,[data-theme=default] .cp-forecast-grid td:first-child{background-color:#fffffffa}[data-theme=light] .forecast-entity-row td:first-child,[data-theme=default] .forecast-entity-row td:first-child{background-color:#f5f5fafa!important}[data-theme=light] .forecast-entity-row:hover td:first-child,[data-theme=default] .forecast-entity-row:hover td:first-child{background-color:#e6e1fffa!important}[data-theme=light] .forecast-account-row td:first-child,[data-theme=default] .forecast-account-row td:first-child{background-color:#f0f5fffa!important}[data-theme=light] .forecast-detail-row td:first-child,[data-theme=default] .forecast-detail-row td:first-child{background-color:#fafafffa!important}.forecast-entity-row{background:var(--bg-tertiary)!important;cursor:pointer;transition:background .2s ease}.forecast-entity-row td:first-child{background-color:#23232dfa!important;box-shadow:2px 0 6px #0003}.forecast-entity-row:hover{background:#8b5cf626!important}.forecast-entity-row:hover td:first-child{background-color:#322846fa!important}.forecast-entity-row td{font-weight:600;border-bottom:2px solid var(--color-border)}.forecast-account-row{background:#3b82f60d!important}.forecast-account-row td:first-child{background-color:#1c202dfa!important;box-shadow:2px 0 6px #0003}.forecast-account-row:hover{background:#3b82f61a!important}.forecast-detail-row td:first-child{background-color:#1a1a1af5!important;box-shadow:2px 0 6px #00000026}.forecast-toggle{transition:transform .2s ease}.cascade-dropdown{position:absolute;top:100%;left:0;z-index:1000;background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 20px #0000004d;min-width:280px;display:none;flex-direction:row}.cascade-column{width:200px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;max-height:300px}.cascade-header{padding:.5rem;border-bottom:1px solid var(--color-border);background:#ffffff05;font-weight:600;font-size:.8rem;display:flex;gap:.5rem;align-items:center}.cascade-list{overflow-y:auto;flex:1;padding:.25rem}.cascade-item{padding:.4rem .6rem;cursor:pointer;font-size:.85rem;display:flex;gap:.5rem;align-items:center;border-radius:4px;color:var(--color-text-secondary);transition:all .2s ease}.cascade-item:hover{background:var(--color-surface-alt);color:var(--color-text-primary)}.cascade-badge{background:rgba(var(--color-accent-rgb),.15);color:var(--color-accent);padding:.1rem .4rem;border-radius:4px;font-size:.75rem;font-weight:600}.cp-accounts-structure-section{margin-top:1rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border);overflow:hidden}.cp-accounts-structure-section .cp-section-header{padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s ease}.cp-accounts-structure-section .cp-section-header:hover{background:#ffffff0d}.cp-accounts-structure-section .cp-section-header h4{margin:0;font-size:.9rem;font-weight:500;color:var(--color-text-secondary);display:flex;align-items:center;gap:.5rem}.cp-accounts-structure-section .cp-section-header h4 i{color:var(--color-text-tertiary)}.cp-accounts-structure-section .cp-toggle-icon{color:var(--color-text-tertiary);transition:transform .2s ease}.cp-section-header.collapsible{cursor:pointer}.cp-section-header.collapsible:hover{background:#ffffff08}.cascade-dropdown{position:absolute;top:100%;left:0;margin-top:.25rem;display:none;flex-direction:row;background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 8px 32px #00000080;z-index:9999}.cascade-dropdown.show{display:flex}.cascade-column{min-width:220px;max-width:280px;max-height:400px;overflow-y:auto;border-right:1px solid var(--color-border);background:var(--color-bg-secondary)}.cascade-column:last-child{border-right:none}.cascade-header{padding:.75rem 1rem;background:linear-gradient(145deg,#ffffff14,#ffffff05);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:.5rem}.cascade-header input[type=checkbox]{margin:0;cursor:pointer}.cascade-header label{font-size:.85rem;font-weight:600;color:var(--color-text-primary);cursor:pointer;margin:0}.cascade-list{padding:.25rem 0}.cascade-item{padding:.6rem 1 rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .15s ease;position:relative}.cascade-item:hover{background:linear-gradient(90deg,rgba(var(--color-accent-rgb),.1),transparent)}.cascade-item.selected{background:linear-gradient(90deg,rgba(var(--color-accent-rgb),.15),transparent)}.cascade-item input[type=checkbox]{margin:0;cursor:pointer}.cascade-item label{font-size:.85rem;color:var(--color-text-primary);cursor:pointer;margin:0;flex:1}.cascade-item i.fa-chevron-right{margin-left:auto;font-size:.7rem;opacity:.4;transition:opacity .15s ease,transform .15s ease}.cascade-item:hover i.fa-chevron-right{opacity:.7;transform:translate(2px)}.cascade-column::-webkit-scrollbar{width:6px}.cascade-column::-webkit-scrollbar-track{background:#0000001a}.cascade-column::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.cascade-column::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.cascade-badge{font-size:.75rem;font-weight:600;padding:.2rem .5rem;background:rgba(var(--color-accent-rgb),.2);color:var(--color-accent);border-radius:4px;margin-left:.25rem}#cp-load-forecasts-btn{background-color:var(--color-accent);color:#fff;border:none;padding:.5rem 1rem;font-weight:500;border-radius:4px;box-shadow:none;transition:background-color .2s ease}#cp-load-forecasts-btn:hover{background-color:var(--color-accent-hover, #5a7fd4);transform:none;box-shadow:none}#cp-load-forecasts-btn:active{transform:translateY(0);filter:brightness(.95)}.table-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.3px;background:linear-gradient(135deg,#4caf5026,#4caf500d);color:#4caf50;border:1px solid rgba(76,175,80,.3);animation:fadeInScale .3s ease-out;text-transform:uppercase}.table-status-badge i{font-size:.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.table-selector-section select{position:relative}.table-selector-section select:hover{border-color:#fff6;background:#252525}.table-selector-section select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.1)}.table-selector-section select:disabled{opacity:.6;cursor:not-allowed}.table-loading-overlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:#1e1e1ef2;border-radius:6px;align-items:center;justify-content:center;pointer-events:none;z-index:10}.table-loading-overlay.active{display:flex;animation:fadeIn .2s ease-out}.table-loading-overlay i{color:var(--color-accent);font-size:1.2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.table-selector-section .btn{transition:all .2s ease}.table-selector-section .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.table-selector-section .btn:active{transform:translateY(0)}.table-selector-section .btn.btn-primary{background:linear-gradient(135deg,var(--color-accent),#c62828)}.table-selector-section .btn.btn-secondary{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2)}.table-selector-section .btn.btn-secondary:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffff4d}.details-resizer{height:8px;background:var(--bg-tertiary);cursor:ns-resize;display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s;-webkit-user-select:none;user-select:none}.details-resizer:hover{background:rgba(var(--color-accent-rgb),.2)}.details-resizer:active{background:rgba(var(--color-accent-rgb),.3)}.resizer-handle{display:flex;align-items:center;justify-content:center;padding:2px 20px;background:var(--bg-secondary);border-radius:12px;color:var(--color-text-secondary);font-size:.8rem;transition:all .2s}.details-resizer:hover .resizer-handle{color:var(--color-accent);transform:scale(1.1)}.cell-details-panel{width:100%;background:var(--bg-secondary);border-top:2px solid var(--color-accent);border-radius:4px;box-shadow:0 2px 8px #0003;min-height:120px;height:250px;display:flex;flex-direction:column;animation:slideDown .2s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.cell-details-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-tertiary);border-bottom:1px solid var(--color-border)}.cell-details-title{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--color-text-primary);flex:1;overflow:hidden}.cell-details-title i{color:var(--color-accent);font-size:.9rem}.close-details-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;border-radius:3px;transition:all .2s;font-size:.9rem}.close-details-btn:hover{background:#ffffff1a;color:var(--color-text-primary)}.cell-details-content{padding:.75rem;overflow-y:auto;flex:1}.cell-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin-bottom:.75rem;padding:.5rem;background:#ffffff05;border-radius:8px;border:1px solid var(--color-border)}.cell-info-item{display:flex;flex-direction:column;gap:.15rem}.cell-info-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-secondary);font-weight:600}.cell-info-value{font-size:.8rem;color:var(--color-text-primary);font-weight:500}.cell-info-value.amount{font-size:1.1rem;font-weight:600}.cell-info-value.positive{color:#4caf50}.cell-info-value.negative{color:#f44336}.forecasts-list{display:flex;flex-direction:column;gap:.4rem}.forecasts-list-header{font-size:.75rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.4rem;padding-bottom:.3rem;border-bottom:1px solid var(--color-border)}.forecast-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:.5rem;padding:.4rem .6rem;background:#ffffff08;border-radius:4px;border-left:2px solid var(--color-accent);transition:all .15s;align-items:center}.forecast-item:hover{background:#ffffff0f;transform:translate(2px)}.forecast-item-icon{font-size:.85rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:rgba(var(--color-accent-rgb),.1);color:var(--color-accent)}.forecast-item-info{display:flex;flex-direction:column;gap:.15rem}.forecast-item-description{font-size:.75rem;color:var(--color-text-primary);font-weight:500}.forecast-item-meta{font-size:.65rem;color:var(--color-text-secondary)}.forecast-item-amount{font-size:.8rem;font-weight:600;text-align:right}.forecast-item-amount.inflow{color:#4caf50}.forecast-item-amount.outflow{color:#f44336}.forecast-item-status{padding:.15rem .5rem;border-radius:8px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.2px}.forecast-item-status.planned{background:#9e9e9e33;color:#9e9e9e}.forecast-item-status.confirmed{background:#2196f333;color:#2196f3}.forecast-item-status.expected{background:#ff980033;color:#ff9800}.forecast-item-status.realized{background:#4caf5033;color:#4caf50}.no-forecasts-message{text-align:center;padding:2rem;color:var(--color-text-secondary);font-style:italic}.details-resizer{height:6px;background:var(--bg-tertiary);cursor:ns-resize;display:flex;align-items:center;justify-content:center;position:relative;transition:background .15s;-webkit-user-select:none;user-select:none}.details-resizer:hover,.details-resizer:active{background:var(--color-accent)}.resizer-handle{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:.7rem;padding:.15rem .75rem;background:#ffffff0d;border-radius:8px;transition:all .15s}.details-resizer:hover .resizer-handle{color:#fff;background:rgba(var(--color-accent-rgb),.3)}.details-resizer.resizing{background:var(--color-accent)}.details-resizer.resizing .resizer-handle{color:#fff;background:rgba(var(--color-accent-rgb),.5)}.cp-accounts-container{padding:.75rem;height:100%;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.cp-accounts-toolbar{flex-shrink:0}.cp-accounts-toolbar .search-box{position:relative;display:flex;align-items:center}.cp-accounts-toolbar .search-box i{position:absolute;left:10px;color:var(--color-text-secondary);font-size:.8rem}.cp-accounts-toolbar .search-box input{padding-left:32px;min-width:200px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#ffffff14,#ffffff05);color:var(--color-text-primary);font-size:.85rem;padding:.4rem .5rem .4rem 32px;transition:all .2s ease}.cp-accounts-toolbar .search-box input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.15)}.cp-accounts-table-wrapper{flex:1;overflow:auto;border:1px solid var(--color-border);border-radius:10px;background:var(--bg-primary)}.cp-accounts-table{width:100%;border-collapse:collapse;font-size:.85rem}.cp-accounts-table thead{position:sticky;top:0;z-index:10}.cp-accounts-table th{padding:.5rem;background:linear-gradient(145deg,#ffffff14,#ffffff05);color:var(--color-text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--color-border);white-space:nowrap;cursor:pointer;transition:all .2s ease}.cp-accounts-table th:hover{background:linear-gradient(145deg,#ffffff1f,#ffffff0a);color:var(--color-accent)}.cp-accounts-table th i{margin-right:.4rem}.cp-accounts-table th i.fa-sort{margin-left:.3rem;margin-right:0;opacity:.5;font-size:.7rem}.cp-accounts-table th.sorted-asc i.fa-sort,.cp-accounts-table th.sorted-desc i.fa-sort{opacity:1;color:var(--color-accent)}.cp-accounts-table th.actions-col{cursor:default;text-align:center}.cp-accounts-table th.text-right{text-align:right}.cp-accounts-table td{padding:.45rem;border-bottom:1px solid rgba(255,255,255,.05);color:var(--color-text-primary);vertical-align:middle}.cp-accounts-table td.text-right{text-align:right;font-family:JetBrains Mono,Fira Code,monospace}.cp-accounts-table tbody tr{transition:background .15s ease}.cp-accounts-table tbody tr:hover{background:rgba(var(--color-accent-rgb),.05)}.cp-accounts-table tbody tr:nth-child(2n){background:#ffffff05}.cp-accounts-table tbody tr:nth-child(2n):hover{background:rgba(var(--color-accent-rgb),.07)}.role-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.role-badge.master{background:linear-gradient(135deg,#8b5cf633,#7c3aed4d);color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.role-badge.master i{color:#c4b5fd}.role-badge.filiale{background:linear-gradient(135deg,#3b82f633,#2563eb4d);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.role-badge.filiale i{color:#93c5fd}.role-badge.standalone{background:linear-gradient(135deg,#64748b33,#4755694d);color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.cash-pool-link{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.cash-pool-link i{color:var(--color-accent)}.cash-pool-link .link-target{color:var(--color-text-primary);font-weight:500}.cash-pool-link .link-priority{font-size:.65rem;color:var(--color-text-secondary);background:#ffffff1a;padding:.1rem .3rem;border-radius:4px}.no-link{color:var(--color-text-secondary);font-style:italic;font-size:.8rem}.cp-accounts-table .action-btn{padding:.35rem .6rem;border:none;border-radius:6px;background:linear-gradient(145deg,rgba(var(--color-accent-rgb),.2),rgba(var(--color-accent-rgb),.1));color:var(--color-accent);cursor:pointer;font-size:.75rem;transition:all .2s ease;display:inline-flex;align-items:center;gap:.3rem}.cp-accounts-table .action-btn:hover{background:linear-gradient(145deg,rgba(var(--color-accent-rgb),.3),rgba(var(--color-accent-rgb),.2));transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-accent-rgb),.2)}.cp-accounts-table .action-btn:active{transform:translateY(0)}.cp-accounts-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-text-secondary);padding:3rem}.cp-accounts-empty i{font-size:4rem;opacity:.3}.cp-accounts-empty p{font-size:1.1rem;font-weight:500;margin:0}.cp-account-modal{max-width:600px;width:90%}.cp-account-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.cp-account-modal .form-group{display:flex;flex-direction:column;gap:.4rem}.cp-account-modal .form-group label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);display:flex;align-items:center;gap:.4rem}.cp-account-modal .form-group label i{color:var(--color-accent);font-size:.75rem}.cp-account-modal .form-control{padding:.6rem .75rem;border-radius:8px;border:1px solid var(--color-border);background:var(--bg-secondary);color:var(--color-text-primary);font-size:.9rem;transition:all .2s ease}.cp-account-modal .form-control:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.15)}.cp-account-modal .form-control[readonly]{background:#ffffff0d;color:var(--color-text-secondary);cursor:not-allowed}.cp-account-modal .form-group small{font-size:.7rem;opacity:.7}.cash-pool-link-section{margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.cash-pool-link-info{padding:.75rem;background:#ffffff08;border-radius:8px;border:1px solid var(--color-border);min-height:60px}.cash-pool-link-info .link-item{display:flex;align-items:center;gap:.5rem;padding:.4rem 0}.cash-pool-link-info .link-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.cash-pool-link-info .link-direction{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}.cash-pool-link-info .link-direction.outgoing{background:#ef444433;color:#f87171}.cash-pool-link-info .link-direction.incoming{background:#22c55e33;color:#4ade80}.cash-pool-link-info .no-links{color:var(--color-text-secondary);font-style:italic;text-align:center;padding:.5rem}.cp-view-toggle{display:flex;background:#ffffff0d;border-radius:8px;padding:3px;gap:2px}.cp-view-toggle-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border:none;background:transparent;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.cp-view-toggle-btn:hover{color:var(--color-text-primary);background:#ffffff14}.cp-view-toggle-btn.active{background:linear-gradient(135deg,var(--color-accent),rgba(var(--color-accent-rgb),.8));color:#fff;box-shadow:0 2px 8px rgba(var(--color-accent-rgb),.3)}.cp-view-toggle-btn i{font-size:.7rem}#cp-create-entity-btn,#cp-create-account-btn{font-size:.8rem;padding:.4rem .75rem}#cp-create-entity-btn i,#cp-create-account-btn i{margin-right:.3rem}.cp-create-modal .modal-content{max-width:480px}.cp-create-modal .form-group{margin-bottom:1rem}.cp-create-modal .form-group label{display:block;margin-bottom:.4rem;font-size:.85rem;color:var(--color-text-secondary)}.cp-create-modal .form-group label i{margin-right:.4rem;color:var(--color-accent)}.cp-create-modal .form-control{width:100%;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--color-border);background:var(--bg-secondary);color:var(--color-text-primary);font-size:.9rem}.cp-create-modal .form-control:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.15)}.cp-create-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.entity-type-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500}.entity-type-badge.holding{background:#8b5cf633;color:#a78bfa}.entity-type-badge.subsidiary{background:#3b82f633;color:#60a5fa}.entity-type-badge.branch{background:#f59e0b33;color:#fbbf24}.account-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;border-radius:12px;background:#3b82f633;color:#60a5fa;font-size:.75rem;font-weight:600}.cp-hidden-btn{display:none}.cp-hierarchy-main-content{display:flex;position:relative;height:100%}.cp-hierarchy-flex-container{flex:1;position:relative;height:100%}.cp-hierarchy-workspace{height:100%}.sidebar-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cp-date-input{width:130px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#ffffff14,#ffffff05);color:var(--color-text-primary);border-radius:6px;padding:.3rem .5rem}.cp-cascade-btn{width:auto;min-width:120px;justify-content:space-between}.cp-cascade-badge-toolbar{position:static;transform:none;background:transparent;padding:0}.cp-hierarchy-date-label{display:flex;align-items:center;gap:.25rem}.cp-hierarchy-date-input{min-width:140px}.cp-sidebar-title{margin:0;color:var(--color-text-primary, #fff);font-size:1rem;font-weight:600}.sidebar-settings-btn{width:100%;margin-bottom:10px;display:flex;justify-content:center;align-items:center;gap:8px}.sidebar-btn-full{width:100%}.initially-hidden{display:none}.cp-btn-content{display:flex;align-items:center;gap:8px}.cp-chevron-icon{font-size:.8em}.toolbar-group-relative{position:relative}.cp-toolbar-center-layout{display:flex;align-items:center;gap:1rem}.cp-toolbar-date-layout{display:flex;align-items:center;gap:.5rem}.cp-label-secondary{font-size:.85rem;color:var(--color-text-secondary)}.cp-select-compact{width:auto;padding:.25rem .5rem;font-size:.85rem}.cp-legend-container{display:flex;gap:1.5rem;align-items:center;margin-left:1rem;padding-left:1rem;border-left:1px solid var(--color-border)}.text-secondary-small{font-size:.85rem;color:var(--color-text-secondary)}.cp-hierarchy-container{background-color:#121212!important;overflow:hidden;position:relative;border-radius:12px}.cp-links-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.cp-link-path{fill:none;stroke:#4ade80;stroke-width:2px;stroke-linecap:round;opacity:.8;transition:all .3s ease}.cp-link-path:hover{stroke-width:4px;opacity:1;filter:drop-shadow(0 0 4px #4ade80);cursor:pointer;pointer-events:auto}.cp-entities-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.cp-hierarchy-workspace{position:relative;transform-origin:0 0;width:100%;height:100%}.cp-hierarchy-main-content{min-height:70vh!important;height:calc(100vh - 280px)!important}.cp-hierarchy-main-content>div:first-child{overflow:auto!important;min-height:70vh!important}.cp-hierarchy-group{position:absolute;border:2px dashed rgba(255,255,255,.2);border-radius:16px;background:#ffffff08;transition:all .2s ease;z-index:1;pointer-events:all}.cp-hierarchy-group:hover{border-color:#fff6;background:#ffffff0d}.cp-hierarchy-group.selected{border-color:var(--color-accent, #3b82f6);background:#3b82f61a}.cp-group-header{position:absolute;top:0;left:0;right:0;padding:8px 16px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:space-between;height:40px;cursor:grab}.cp-group-title{font-weight:700;font-size:.8em;text-transform:uppercase;color:#e2e8f0;display:flex;align-items:center;gap:8px}.cp-group-count{font-size:.75em;color:#ffffff80;background:#0003;padding:2px 8px;border-radius:10px}.cp-node-card{position:absolute;width:220px;background:#1e1e1e;border-radius:12px;box-shadow:0 4px 20px #0006;display:flex;flex-direction:column;z-index:10;transition:transform .2s,box-shadow .2s;border:1px solid rgba(255,255,255,.1);-webkit-user-select:none;user-select:none}.cp-node-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000080;border-color:#fff3;z-index:20}.cp-node-card.selected{border:2px solid #4ade80;box-shadow:0 0 0 2px #4ade8033}.cp-node-header{padding:10px 12px;border-radius:11px 11px 0 0;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.2);cursor:grab}.cp-node-card.master .cp-node-header{background:linear-gradient(135deg,#f59e0b,#d97706)}.cp-node-card.subsidiary .cp-node-header{background:linear-gradient(135deg,#4ade80,#22c55e)}.cp-node-card.subsidiary-alt .cp-node-header{background:linear-gradient(135deg,#3b82f6,#2563eb)}.cp-node-title{font-size:.85em;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1.2;flex:1}.cp-node-badge{font-size:.6em;font-weight:800;text-transform:uppercase;background:#fff3;padding:2px 6px;border-radius:4px;color:#fff;letter-spacing:.5px;margin-left:8px;white-space:nowrap}.cp-node-body{padding:12px;background:#1e1e1e;border-radius:0 0 12px 12px}.cp-node-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cp-node-row:last-child{margin-bottom:0}.cp-node-label{font-size:.75em;color:#94a3b8}.cp-node-value{font-size:.9em;font-weight:600;color:#e2e8f0}.cp-node-value.positive{color:#4ade80}.cp-node-value.negative{color:#f87171}.cp-link-handle{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:24px;height:24px;background:#1e1e1e;border:2px solid #4ade80;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:crosshair;z-index:15;transition:transform .2s}.cp-link-handle:hover{transform:translate(-50%) scale(1.2);background:#4ade80}.cp-link-handle i{font-size:10px;color:#4ade80}.cp-link-handle:hover i{color:#1e1e1e}.cp-drag-connection-line{fill:none;stroke:#4ade80;stroke-width:2px;stroke-dasharray:4;pointer-events:none;z-index:100}.cp-hierarchy-inner.cp-hierarchy-canvas{border-radius:14px;background-color:#0c0c0f;background-image:radial-gradient(ellipse 120% 80% at 50% -30%,rgba(59,130,246,.12),transparent 55%),radial-gradient(ellipse 90% 60% at 100% 100%,rgba(16,185,129,.06),transparent 55%),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:100% 100%,100% 100%,32px 32px,32px 32px;background-position:0 0,0 0,-1px -1px,-1px -1px;box-shadow:inset 0 1px #ffffff0a}.cp-hierarchy-group.cp-hierarchy-group--vision{pointer-events:none;border-radius:18px;border:1px solid color-mix(in srgb,var(--group-accent, #3b82f6) 35%,transparent);background:linear-gradient(165deg,color-mix(in srgb,var(--group-accent, #3b82f6) 8%,rgba(255,255,255,.02)),#ffffff05 50%);box-shadow:0 0 0 1px #00000059 inset,0 12px 40px #00000059;transition:border-color .2s ease,box-shadow .2s ease}.cp-hierarchy-group.cp-hierarchy-group--vision:hover{border-color:color-mix(in srgb,var(--group-accent, #3b82f6) 55%,transparent);box-shadow:0 0 0 1px #00000059 inset,0 16px 48px #0006}.cp-hierarchy-group--vision .cp-group-header{height:48px;border-radius:17px 17px 0 0;border-bottom:1px solid color-mix(in srgb,var(--group-accent, #3b82f6) 35%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--group-accent, #3b82f6) 18%,transparent),#ffffff0a);padding:0 14px 0 16px}.cp-hierarchy-group--vision .cp-group-title{font-size:.72rem;letter-spacing:.06em;font-weight:700;color:#f1f5f9}.cp-hierarchy-group--vision .cp-group-count{font-weight:600;color:#ffffff80;background:#00000040}.cp-node-card.cp-node-card--vision{display:flex;flex-direction:column;width:236px;min-height:152px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#1a1d24,#14161c);box-shadow:0 4px 6px #0003,0 0 0 1px #00000059 inset;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cp-node-card.cp-node-card--vision:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent, #3b82f6) 45%,rgba(255,255,255,.15));box-shadow:0 12px 28px #00000073,0 0 0 1px color-mix(in srgb,var(--accent, #3b82f6) 25%,transparent)}.cp-node-card__accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent, #3b82f6),color-mix(in srgb,var(--accent, #3b82f6) 45%,#0f172a));border-radius:14px 0 0 14px;pointer-events:none}.cp-node-card--vision .cp-node-card__head{position:relative;padding:10px 12px 10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.cp-node-card__entity{display:block;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--accent, #94a3b8) 85%,#fff);margin-bottom:4px;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-node-card__title{margin:0;font-size:.82rem;font-weight:700;line-height:1.25;color:#f8fafc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cp-node-card--vision .cp-node-card__body{padding:12px 12px 14px 14px;flex:1;display:flex;flex-direction:column;justify-content:center;background:transparent}.cp-node-card__balance-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cp-node-card__label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.cp-node-card__balance{font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#f1f5f9}.cp-node-card__balance--positive{color:#4ade80}.cp-node-card__balance--negative{color:#fb7185}.cp-links-layer.cp-links-layer--vision .cp-link-path{stroke:url(#cp-link-gradient);stroke-width:1.5px;opacity:.42;filter:none;transition:opacity .2s ease,stroke-width .2s ease}.cp-links-layer.cp-links-layer--vision:hover .cp-link-path{opacity:.55}.cp-hierarchy-toolbar.cash-pooling-toolbar{flex-wrap:wrap;gap:.5rem;padding:.65rem .85rem;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}.cp-hierarchy-zoom-hint{font-size:.72rem;color:var(--color-text-secondary, #94a3b8);opacity:.85;white-space:nowrap}@media(max-width:768px){.cp-hierarchy-zoom-hint{display:none}}.cp-hierarchy-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.cp-hierarchy-empty-inner{text-align:center;max-width:22rem;padding:2rem;border-radius:16px;border:1px dashed rgba(255,255,255,.12);background:#ffffff08;color:var(--color-text-secondary, #94a3b8);font-size:.9rem;line-height:1.5}.cp-hierarchy-empty-inner i{font-size:2rem;margin-bottom:.75rem;opacity:.45;display:block;color:var(--color-accent, #3b82f6)}.cp-hierarchy-group.cp-hierarchy-group--vision.cp-hierarchy-group--layout-mode{pointer-events:auto;cursor:grab;z-index:6}.cp-node-card--layout-draggable{cursor:grab;-webkit-user-select:none;user-select:none}.cp-hierarchy-layout-mode .cp-node-card--layout-draggable:hover{transform:none}.cp-hierarchy-layout-tools{align-items:center;gap:.5rem}.cp-hierarchy-layout-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--color-text-secondary, #94a3b8);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}.cp-hierarchy-layout-toggle input{margin:0;accent-color:var(--color-accent, #3b82f6)}.cp-hierarchy-link-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--color-text-secondary, #94a3b8);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0 0 0 .5rem}.cp-hierarchy-link-toggle input{margin:0;accent-color:#f59e0b}.cp-node-card--link-mode{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.cp-node-card--link-source{outline:2px solid rgba(245,158,11,.95);outline-offset:2px;box-shadow:0 0 0 1px #f59e0b59,0 8px 28px #f59e0b2e}.cp-instructions-container.cp-instructions--vision{background:linear-gradient(165deg,#0f172a73,#0c0c0fe6);border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden}.cp-instructions--vision .cp-instructions-hero{position:relative;padding:1.1rem 1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);background:radial-gradient(ellipse 80% 120% at 0% -20%,rgba(59,130,246,.12),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.04),transparent)}.cp-instructions--vision .cp-instructions-hero__title-row{display:flex;align-items:flex-start;gap:.85rem}.cp-instructions--vision .cp-instructions-hero__icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:12px;background:linear-gradient(145deg,#3b82f640,#10b9811f);border:1px solid rgba(255,255,255,.08);color:#e2e8f0;font-size:1rem;flex-shrink:0}.cp-instructions--vision .cp-instructions-hero h3{margin:0 0 .35rem;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:#f8fafc}.cp-instructions--vision .cp-instructions-hero__lead{margin:0;font-size:.82rem;line-height:1.45;color:#94a3b8;max-width:42rem}.cp-instructions--vision .cp-instructions-toast{display:flex;align-items:center;gap:.5rem;margin:0 1rem .75rem;padding:.55rem .85rem;border-radius:10px;font-size:.8rem;color:#ecfdf5;background:linear-gradient(90deg,#10b98133,#34d39914);border:1px solid rgba(52,211,153,.35);animation:cp-instr-toast-in .28s ease}@keyframes cp-instr-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cp-instructions--vision .cp-instructions-board{gap:1rem;padding:1rem 1rem 1.1rem;align-items:stretch;min-height:320px}.cp-instructions--vision .cp-instruction-column{min-width:min(100%,320px);border-radius:14px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#ffffff08,#0000001f);box-shadow:0 1px #ffffff0a inset,0 16px 40px #00000059;overflow:hidden;--level-accent: #64748b}.cp-instructions--vision .cp-instruction-header{flex-direction:column;align-items:stretch;gap:.35rem;padding:.85rem 1rem .75rem;border-top:4px solid var(--level-accent);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent)}.cp-instructions--vision .cp-instruction-header__row{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.cp-instructions--vision .cp-instruction-header h4{margin:0;font-size:.88rem;font-weight:700;color:#f1f5f9;letter-spacing:-.01em}.cp-instructions--vision .cp-instruction-header__subtitle{margin:0;font-size:.72rem;font-weight:500;color:#94a3b8;line-height:1.35}.cp-instructions--vision .cp-instruction-header .count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.65rem;height:1.45rem;padding:0 .4rem;border-radius:8px;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;background:#00000059;border:1px solid rgba(255,255,255,.08);color:#e2e8f0}.cp-instructions--vision .cp-instruction-dropzone{padding:.65rem;gap:.65rem;min-height:140px;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.cp-instructions--vision .cp-instruction-dropzone.drag-over{background:#3b82f614;box-shadow:inset 0 0 0 2px #3b82f673;border-radius:0 0 12px 12px}.cp-instructions--vision .cp-instruction-column-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-height:100px;padding:1rem .75rem;border-radius:12px;border:1px dashed rgba(255,255,255,.1);background:#00000026;color:#64748b;font-size:.75rem;text-align:center;line-height:1.35}.cp-instructions--vision .cp-instruction-column-empty i{font-size:1.1rem;opacity:.65}.cp-instructions--vision .cp-instruction-card{position:relative;border-radius:12px;padding:0;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#1e222b,#171a21);box-shadow:0 4px 12px #00000059,0 0 0 1px #0006 inset;overflow:hidden;cursor:grab;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cp-instructions--vision .cp-instruction-card:hover{transform:translateY(-2px);border-color:#ffffff24;box-shadow:0 12px 28px #00000073,0 0 0 1px #ffffff0f inset}.cp-instructions--vision .cp-instruction-card.is-dragging{opacity:.55;cursor:grabbing;transform:scale(.98) rotate(1deg);box-shadow:0 8px 24px #00000080}.cp-instructions--vision .cp-instruction-card__top{display:flex;align-items:stretch;gap:0;position:relative}.cp-instructions--vision .cp-instruction-card__grip{display:flex;align-items:center;justify-content:center;width:1.75rem;flex-shrink:0;color:#64748b;background:#0003;border-right:1px solid rgba(255,255,255,.05);font-size:.75rem}.cp-instructions--vision .cp-instruction-card:hover .cp-instruction-card__grip{color:#94a3b8}.cp-instructions--vision .cp-instruction-card .card-header{flex:1;padding:.65rem .75rem .55rem .5rem;margin:0;align-items:center}.cp-instructions--vision .cp-instruction-card .account-name{font-size:.8rem;font-weight:700;color:#f8fafc;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.cp-instructions--vision .cp-instruction-card .account-type{font-size:.62rem;padding:.2rem .45rem;border-radius:999px;font-weight:800;letter-spacing:.06em;border:1px solid rgba(255,255,255,.1)}.cp-instructions--vision .cp-instruction-card .account-type--master{background:linear-gradient(135deg,#10b98140,#34d3991f);color:#4ade80;border-color:#34d39959}.cp-instructions--vision .cp-instruction-card .account-type--filiale{background:linear-gradient(135deg,#3b82f633,#60a5fa14);color:#93c5fd;border-color:#60a5fa59}.cp-instructions--vision .cp-instruction-card .card-body{padding:0 .65rem .65rem;gap:.5rem}.cp-instructions--vision .cp-instruction-card .instructions-container{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media(max-width:1180px){.cp-instructions--vision .cp-instruction-card .instructions-container{grid-template-columns:1fr}}.cp-instructions--vision .cp-instruction-card .instruction-item{margin:0;padding:.45rem .5rem;border-radius:10px;background:#00000040;border:1px solid rgba(255,255,255,.05);gap:.35rem}.cp-instructions--vision .cp-instruction-card .instruction-label{display:flex;align-items:center;gap:.35rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin:0}.cp-instructions--vision .cp-instruction-card .instruction-label i{font-size:.65rem;opacity:.85;color:#64748b}.cp-instructions--vision .cp-instruction-card .instruction-input{width:100%;min-width:0;max-width:none;padding:.4rem .55rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0f1116e6;color:#f1f5f9;font-size:.78rem;font-family:inherit;font-variant-numeric:tabular-nums;line-height:1.3;transition:border-color .15s ease,box-shadow .15s ease}.cp-instructions--vision .cp-instruction-card .instruction-input:hover{border-color:#ffffff29;background:#141820f2}.cp-instructions--vision .cp-instruction-card .instruction-input:focus{outline:none;border-color:#3b82f68c;box-shadow:0 0 0 3px #3b82f62e}.cp-instructions--vision .cp-instructions-empty{border-radius:14px;border-style:dashed;border-color:#ffffff1f;background:#ffffff05}.forecast-stats{display:flex;gap:1.5rem;margin-left:auto;margin-right:1rem}.forecast-stats .stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;background:#ffffff0d}.forecast-stats .stat-item i{font-size:.9rem}.forecast-stats .stat-item.positive{color:#10b981}.forecast-stats .stat-item.negative{color:#ef4444}.forecast-stats .stat-item.net{color:var(--color-accent)}.forecast-stats .stat-label{font-size:.75rem;text-transform:uppercase;opacity:.8}.forecast-stats .stat-value{font-size:1rem;font-weight:700}.forecast-tabs{display:flex;gap:.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:var(--border-radius);margin-bottom:0;width:fit-content}.forecast-controls-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.header-actions{display:flex;gap:.5rem;align-items:center}.header-actions .btn{display:inline-flex;align-items:center;gap:.5rem}.header-actions .btn i{font-size:.9rem}.forecast-tab{padding:.5rem 1rem;border:none;background:transparent;color:var(--color-text-secondary);border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s}.forecast-tab:hover{background:#ffffff0d;color:var(--color-text-primary)}.forecast-tab.active{background:var(--color-accent);color:#fff;font-weight:600}.forecast-toolbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border);margin-bottom:1rem;flex-wrap:wrap}.forecast-toolbar .toolbar-group{display:flex;align-items:center;gap:.5rem}.forecast-toolbar .btn{border:1px solid transparent}.forecast-toolbar .btn i{font-size:.9rem}.forecast-toolbar label{font-size:.85rem;color:var(--color-text-secondary)}.forecast-toolbar .form-control.compact{padding:.4rem .75rem;font-size:.85rem;background:var(--bg-primary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary)}.forecast-toolbar .search-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-primary);border:1px solid var(--color-border);border-radius:6px;padding:.4rem .75rem}.forecast-toolbar .search-box i{color:var(--color-text-secondary)}.forecast-toolbar .search-box input{background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:.85rem;width:150px}.forecast-toolbar .toolbar-spacer{flex:1}.forecast-view{display:none;flex:1;min-height:0;flex-direction:column}.forecast-view.active{display:flex;overflow:hidden}.forecast-view.active:not(.forecast-view--list){overflow:auto}.forecast-page-inner{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.forecast-page-header,#forecasts-content .forecast-toolbar{flex-shrink:0}.forecast-list-summary-strip{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1rem;flex-shrink:0}@media(min-width:960px){.forecast-list-summary-strip--with-list-tools{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.forecast-list-summary-strip--with-list-tools .forecast-stats.forecast-stats--page{flex:1;min-width:0}.forecast-list-summary-strip--with-list-tools .forecast-entity-bulk-actions{flex-shrink:0;margin-bottom:0}}.forecast-stats.forecast-stats--page{margin-left:0;margin-right:0;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}@media(max-width:640px){.forecast-stats.forecast-stats--page{grid-template-columns:1fr}}.forecast-stats--page{flex-shrink:0}.forecast-list-summary-strip .forecast-entity-bulk-actions{margin-bottom:0;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border)}.forecast-page-views{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.forecast-page-footer{flex-shrink:0;margin-top:.75rem;font-size:.8rem;color:var(--color-text-secondary)}.forecast-list-view{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.forecast-list-view--empty .forecast-table-scroll{flex:1;min-height:0}.forecast-table-scroll{flex:1;min-height:0;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.forecast-table-container{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border);overflow:hidden}.forecast-table{width:100%;border-collapse:collapse}.forecast-table thead{position:sticky;top:0;z-index:10}.forecast-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);background:linear-gradient(180deg,var(--bg-secondary) 0%,rgba(0,0,0,.1) 100%);border-bottom:1px solid var(--color-border)}.forecast-table th.col-amount,.forecast-table td.col-amount{text-align:right}.forecast-table th.col-actions,.forecast-table td.col-actions{text-align:center;width:100px}.forecast-table tbody tr{transition:background .15s}.forecast-table tbody tr:hover{background:#ffffff08}.forecast-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem;color:var(--color-text-primary)}.category-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500}.category-badge.sales{background:#10b98133;color:#10b981}.category-badge.suppliers{background:#ef444433;color:#ef4444}.category-badge.salaries{background:#3b82f633;color:#3b82f6}.category-badge.taxes{background:#f59e0b33;color:#f59e0b}.category-badge.investments{background:#8b5cf633;color:#8b5cf6}.category-badge.loans{background:#ec489933;color:#ec4899}.category-badge.other{background:#6b728033;color:#6b7280}.amount-inflow{color:#10b981;font-weight:600}.amount-outflow{color:#ef4444;font-weight:600}.status-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:uppercase}.status-badge.planned{background:#6b728033;color:#9ca3af}.status-badge.confirmed{background:#10b98133;color:#10b981}.status-badge.expected{background:#f59e0b33;color:#f59e0b}.status-badge.visa_1{background:#f9731633;color:#f97316}.status-badge.validated{background:#22c55e33;color:#22c55e}.action-btn{padding:.3rem .5rem;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;transition:all .2s}.action-btn:hover{background:#ffffff1a;color:var(--color-text-primary)}.action-btn.edit:hover{color:#3b82f6}.action-btn.delete:hover{color:#ef4444}.calendar-header{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--border-radius) var(--border-radius) 0 0;border:1px solid var(--color-border);border-bottom:none}.calendar-header h3{margin:0;min-width:200px;text-align:center;color:var(--color-text-primary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg-secondary);border:1px solid var(--color-border);border-radius:0 0 var(--border-radius) var(--border-radius)}.calendar-cell{min-height:100px;padding:.5rem;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.calendar-cell:nth-child(7n){border-right:none}.calendar-cell.header{min-height:unset;padding:.75rem;text-align:center;font-weight:600;font-size:.75rem;text-transform:uppercase;color:var(--color-text-secondary);background:#0000001a}.calendar-cell .day-number{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.25rem}.calendar-cell.today .day-number{color:var(--color-accent)}.calendar-cell.other-month{opacity:.4}.calendar-event{font-size:.7rem;padding:.15rem .3rem;border-radius:3px;margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.calendar-event.inflow{background:#10b98133;color:#10b981}.calendar-event.outflow{background:#ef444433;color:#ef4444}.chart-container{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border);padding:1rem;margin-bottom:1rem}.chart-summary{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.summary-card{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border);padding:1rem}.summary-card h4{margin:0 0 1rem;font-size:.9rem;color:var(--color-text-primary)}.summary-card.inflows h4{border-left:3px solid #10b981;padding-left:.75rem}.summary-card.outflows h4{border-left:3px solid #ef4444;padding-left:.75rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.breakdown-item:last-child{border-bottom:none}.breakdown-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.breakdown-value{font-weight:600}#forecast-modal .modal-content{max-width:600px}#forecast-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}#forecast-modal .form-group{margin-bottom:1rem}#forecast-modal label{display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}#forecast-modal input,#forecast-modal select,#forecast-modal textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--bg-primary);color:var(--color-text-primary);font-size:.9rem}#forecast-modal input:focus,#forecast-modal select:focus,#forecast-modal textarea:focus{outline:none;border-color:var(--color-accent)}#forecast-modal textarea{resize:vertical}.content-wrapper:has(#forecasts-content){display:flex;flex-direction:column;overflow:hidden;min-height:0}#forecasts-content{box-sizing:border-box;padding:1rem;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}@media(max-width:1024px){.chart-summary{grid-template-columns:1fr}}@media(max-width:768px){.forecast-stats{display:none}.forecast-toolbar{flex-direction:column;align-items:stretch}.forecast-toolbar .toolbar-spacer{display:none}#forecast-modal .form-row{grid-template-columns:1fr}}.pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);border-radius:0 0 var(--border-radius) var(--border-radius);margin-top:-1rem}.pagination-info{color:var(--color-text-secondary);font-size:.9rem}.pagination-buttons{display:flex;align-items:center;gap:1rem}.current-page{font-weight:500;color:var(--color-text-primary)}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}th.sortable:hover{background-color:var(--bg-hover)}th.sortable i{margin-left:.5rem;font-size:.8rem;opacity:.3}th.sortable.asc i,th.sortable.desc i{opacity:1;color:var(--color-primary)}th.sortable.asc i:before{content:""}th.sortable.desc i:before{content:""}.visually-hidden{display:none!important}.forecast-custom-dates-group{display:flex;align-items:center;gap:.5rem;margin-left:.5rem}.forecast-col-checkbox{width:40px;text-align:center}.forecast-chart-container{width:100%;height:400px}.pie-chart-section{margin-top:1.5rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border);padding:1rem}.pie-chart-toolbar{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.pie-chart-toolbar .toolbar-group{display:flex;align-items:center;gap:.5rem}.pie-chart-toolbar label{font-size:.85rem;color:var(--color-text-secondary)}.pie-chart-container{min-height:360px}.forecast-pie-chart{width:100%;height:360px}.multi-select-wrapper{position:relative}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:160px;cursor:pointer;text-align:left}.multi-select-trigger i{font-size:.7rem;opacity:.7}.multi-select-dropdown{position:absolute;top:100%;left:0;margin-top:.25rem;min-width:220px;max-height:260px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000004d;z-index:1000;display:none}.multi-select-dropdown.is-open{display:block}.multi-select-actions{display:flex;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.multi-select-btn{padding:.25rem .5rem;font-size:.75rem;background:transparent;border:none;color:var(--color-accent);cursor:pointer}.multi-select-btn:hover{text-decoration:underline}.multi-select-list{padding:.5rem}.multi-select-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;cursor:pointer;border-radius:4px;font-size:.85rem}.multi-select-item:hover{background:#ffffff0d}.multi-select-item input{margin:0;cursor:pointer}.forecast-date-separator{font-size:.8rem;color:var(--color-text-secondary)}.forecast-entity-bulk-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.75rem}.forecast-entity-bulk-actions .btn i{font-size:.85rem}.forecast-entity-bulk-hint{font-size:.8rem;color:var(--color-text-secondary);margin-left:auto}.forecast-entity-group-header td{padding:0!important;border-bottom:none!important}.forecast-entity-group-trigger{display:block;width:100%;margin:0;padding:0;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:12px}.forecast-entity-group-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.forecast-entity-group-inner{margin:.35rem 0 .15rem;padding:0;border:2px dashed rgba(255,255,255,.18);border-radius:12px;background:#ffffff08}.forecast-entity-group-title-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .85rem;background:#ffffff0a;border-radius:10px 10px 0 0}.forecast-entity-group-title{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-primary)}.forecast-entity-group-meta{font-size:.75rem;color:var(--color-text-secondary)}.forecast-loading-placeholder{padding:2rem;text-align:center}.forecast-empty-cell{text-align:center;padding:3rem;color:var(--color-text-secondary)}.forecast-empty-icon{font-size:3rem;margin-bottom:1rem;display:block;opacity:.5}.forecast-empty-title{font-size:1.1rem;margin-bottom:.5rem}.forecast-empty-hint{font-size:.9rem}.forecast-entity-group-inner{border-left:4px solid var(--entity-color, var(--color-accent));border-radius:4px 0 0 4px;padding:.5rem .75rem}.forecast-entity-icon{margin-right:.4rem;color:var(--entity-color, var(--color-accent))}.forecast-entity-group-chevron{margin-left:.5rem;transition:transform .2s}.forecast-entity-group-chevron--collapsed{transform:rotate(-90deg)}.forecast-recurrence-icon{margin-left:.5rem;opacity:.5;font-size:.75rem}.forecast-confidence{display:block;color:var(--color-text-secondary)}.text-secondary{color:var(--color-text-secondary)}.forecast-entity-group-inner[data-palette="0"]{border-left-color:#3b82f6}.forecast-entity-group-inner[data-palette="1"]{border-left-color:#10b981}.forecast-entity-group-inner[data-palette="2"]{border-left-color:#f59e0b}.forecast-entity-group-inner[data-palette="3"]{border-left-color:#8b5cf6}.forecast-entity-group-inner[data-palette="4"]{border-left-color:#ec4899}.forecast-entity-group-inner[data-palette="5"]{border-left-color:#06b6d4}.forecast-entity-group-inner[data-palette="6"]{border-left-color:#f97316}.forecast-entity-group-inner[data-palette="7"]{border-left-color:#14b8a6}.forecast-entity-icon{margin-right:.4rem}.forecast-entity-group-inner[data-palette="0"] .forecast-entity-icon{color:#3b82f6}.forecast-entity-group-inner[data-palette="1"] .forecast-entity-icon{color:#10b981}.forecast-entity-group-inner[data-palette="2"] .forecast-entity-icon{color:#f59e0b}.forecast-entity-group-inner[data-palette="3"] .forecast-entity-icon{color:#8b5cf6}.forecast-entity-group-inner[data-palette="4"] .forecast-entity-icon{color:#ec4899}.forecast-entity-group-inner[data-palette="5"] .forecast-entity-icon{color:#06b6d4}.forecast-entity-group-inner[data-palette="6"] .forecast-entity-icon{color:#f97316}.forecast-entity-group-inner[data-palette="7"] .forecast-entity-icon{color:#14b8a6}.cp-dashboard-no-accounts{padding:1rem}.cp-dashboard-load-error{color:#f44336;margin-bottom:.75rem}.cp-chart-container--main,.cp-chart-container--doughnut{height:280px}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--color-border)}.settings-header h2{font-size:2rem;font-weight:700;color:var(--color-text-on-surface);margin:0 0 .5rem}.settings-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0}.settings-content{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000000d}.settings-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.settings-section-header i{font-size:1.25rem;color:var(--color-button)}.settings-section-header h3{font-size:1.1rem;font-weight:600;color:var(--color-text-on-surface);margin:0}.settings-options{display:flex;flex-direction:column;gap:1rem}.settings-option{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:all .2s ease}.settings-option:hover{border-color:var(--color-button);box-shadow:0 2px 8px #00000014}.option-info{flex:1}.option-info h4{font-size:.95rem;font-weight:600;color:var(--color-text-on-surface);margin:0 0 .25rem}.option-info p{font-size:.8rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.settings-select{padding:.75rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-on-surface);font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:200px}.settings-select:hover{background:var(--color-surface-alt);border-color:var(--color-button)}.settings-select:focus{outline:none;border-color:var(--color-button);box-shadow:0 0 0 3px rgba(var(--color-button-rgb),.1)}.toggle-switch{position:relative;display:inline-block;width:60px;height:32px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-surface-alt);border:2px solid var(--color-border);transition:.3s;border-radius:32px}.toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:2px;bottom:2px;background-color:var(--color-text-secondary);transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-button);border-color:var(--color-button)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(28px);background-color:#fff}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px rgba(var(--color-button-rgb),.2)}.theme-selector-settings{position:relative}.theme-selector-btn{padding:.75rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-on-surface);font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.theme-selector-btn:hover{background:var(--color-surface-alt);border-color:var(--color-button)}.theme-selector-btn i{font-size:.75rem}.theme-grid-settings{width:100%;min-height:1400px;position:relative;padding:2rem 0;margin:2rem 0;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.theme-option-settings{position:absolute;height:180px;width:120px;background-color:var(--color-surface);border:4px solid var(--color-border);border-bottom:30px solid var(--color-border);border-radius:8%;box-shadow:-2px 2px 4px #00000026;transform-origin:bottom center;scale:1;transition-duration:.2s;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;box-sizing:border-box}.theme-option-settings:hover{scale:1.1;border-color:var(--color-button);box-shadow:-4px 4px 8px #0003;z-index:10}.theme-option-settings:nth-child(1),.theme-option-settings:nth-child(2),.theme-option-settings:nth-child(3),.theme-option-settings:nth-child(4),.theme-option-settings:nth-child(5),.theme-option-settings:nth-child(6){left:25%;top:150px;translate:-50% -50%;transform:rotate(0) translateY(-8px);transition:transform .3s ease}.theme-option-settings:nth-child(7),.theme-option-settings:nth-child(8),.theme-option-settings:nth-child(9),.theme-option-settings:nth-child(10),.theme-option-settings:nth-child(11),.theme-option-settings:nth-child(12),.theme-option-settings:nth-child(13),.theme-option-settings:nth-child(14){left:75%;top:150px;translate:-50% -50%;transform:rotate(0) translateY(-8px);transition:transform .3s ease}.theme-option-settings:nth-child(15),.theme-option-settings:nth-child(16),.theme-option-settings:nth-child(17),.theme-option-settings:nth-child(18),.theme-option-settings:nth-child(19){left:25%;top:550px;translate:-50% -50%;transform:rotate(0) translateY(-8px);transition:transform .3s ease}.theme-option-settings:nth-child(20),.theme-option-settings:nth-child(21),.theme-option-settings:nth-child(22),.theme-option-settings:nth-child(23),.theme-option-settings:nth-child(24),.theme-option-settings:nth-child(25){left:75%;top:550px;translate:-50% -50%;transform:rotate(0) translateY(-8px);transition:transform .3s ease}.theme-option-settings:nth-child(26),.theme-option-settings:nth-child(27),.theme-option-settings:nth-child(28),.theme-option-settings:nth-child(29),.theme-option-settings:nth-child(30),.theme-option-settings:nth-child(31),.theme-option-settings:nth-child(32),.theme-option-settings:nth-child(33),.theme-option-settings:nth-child(34),.theme-option-settings:nth-child(35),.theme-option-settings:nth-child(36),.theme-option-settings:nth-child(37),.theme-option-settings:nth-child(38),.theme-option-settings:nth-child(39),.theme-option-settings:nth-child(40){left:25%;top:950px;translate:-50% -50%;transform:rotate(0) translateY(-8px);transition:transform .3s ease}.theme-grid-settings:has(.theme-option-settings:nth-child(1):hover) .theme-option-settings:nth-child(n+7),.theme-grid-settings:has(.theme-option-settings:nth-child(2):hover) .theme-option-settings:nth-child(n+7),.theme-grid-settings:has(.theme-option-settings:nth-child(3):hover) .theme-option-settings:nth-child(n+7),.theme-grid-settings:has(.theme-option-settings:nth-child(4):hover) .theme-option-settings:nth-child(n+7),.theme-grid-settings:has(.theme-option-settings:nth-child(5):hover) .theme-option-settings:nth-child(n+7),.theme-grid-settings:has(.theme-option-settings:nth-child(6):hover) .theme-option-settings:nth-child(n+7){transform:rotate(0) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(7):hover) .theme-option-settings:nth-child(-n+6),.theme-grid-settings:has(.theme-option-settings:nth-child(8):hover) .theme-option-settings:nth-child(-n+6),.theme-grid-settings:has(.theme-option-settings:nth-child(9):hover) .theme-option-settings:nth-child(-n+6),.theme-grid-settings:has(.theme-option-settings:nth-child(10):hover) .theme-option-settings:nth-child(-n+6),.theme-grid-settings:has(.theme-option-settings:nth-child(11):hover) .theme-option-settings:nth-child(-n+6),.theme-grid-settings:has(.theme-option-settings:nth-child(12):hover) .theme-option-settings:nth-child(-n+6),.theme-grid-settings:has(.theme-option-settings:nth-child(13):hover) .theme-option-settings:nth-child(-n+6),.theme-grid-settings:has(.theme-option-settings:nth-child(14):hover) .theme-option-settings:nth-child(-n+6),.theme-grid-settings:has(.theme-option-settings:nth-child(7):hover) .theme-option-settings:nth-child(n+15),.theme-grid-settings:has(.theme-option-settings:nth-child(8):hover) .theme-option-settings:nth-child(n+15),.theme-grid-settings:has(.theme-option-settings:nth-child(9):hover) .theme-option-settings:nth-child(n+15),.theme-grid-settings:has(.theme-option-settings:nth-child(10):hover) .theme-option-settings:nth-child(n+15),.theme-grid-settings:has(.theme-option-settings:nth-child(11):hover) .theme-option-settings:nth-child(n+15),.theme-grid-settings:has(.theme-option-settings:nth-child(12):hover) .theme-option-settings:nth-child(n+15),.theme-grid-settings:has(.theme-option-settings:nth-child(13):hover) .theme-option-settings:nth-child(n+15),.theme-grid-settings:has(.theme-option-settings:nth-child(14):hover) .theme-option-settings:nth-child(n+15){transform:rotate(0) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(15):hover) .theme-option-settings:nth-child(-n+14),.theme-grid-settings:has(.theme-option-settings:nth-child(16):hover) .theme-option-settings:nth-child(-n+14),.theme-grid-settings:has(.theme-option-settings:nth-child(17):hover) .theme-option-settings:nth-child(-n+14),.theme-grid-settings:has(.theme-option-settings:nth-child(18):hover) .theme-option-settings:nth-child(-n+14),.theme-grid-settings:has(.theme-option-settings:nth-child(19):hover) .theme-option-settings:nth-child(-n+14),.theme-grid-settings:has(.theme-option-settings:nth-child(15):hover) .theme-option-settings:nth-child(n+20),.theme-grid-settings:has(.theme-option-settings:nth-child(16):hover) .theme-option-settings:nth-child(n+20),.theme-grid-settings:has(.theme-option-settings:nth-child(17):hover) .theme-option-settings:nth-child(n+20),.theme-grid-settings:has(.theme-option-settings:nth-child(18):hover) .theme-option-settings:nth-child(n+20),.theme-grid-settings:has(.theme-option-settings:nth-child(19):hover) .theme-option-settings:nth-child(n+20){transform:rotate(0) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(20):hover) .theme-option-settings:nth-child(-n+19),.theme-grid-settings:has(.theme-option-settings:nth-child(21):hover) .theme-option-settings:nth-child(-n+19),.theme-grid-settings:has(.theme-option-settings:nth-child(22):hover) .theme-option-settings:nth-child(-n+19),.theme-grid-settings:has(.theme-option-settings:nth-child(23):hover) .theme-option-settings:nth-child(-n+19),.theme-grid-settings:has(.theme-option-settings:nth-child(24):hover) .theme-option-settings:nth-child(-n+19),.theme-grid-settings:has(.theme-option-settings:nth-child(25):hover) .theme-option-settings:nth-child(-n+19),.theme-grid-settings:has(.theme-option-settings:nth-child(20):hover) .theme-option-settings:nth-child(n+26),.theme-grid-settings:has(.theme-option-settings:nth-child(21):hover) .theme-option-settings:nth-child(n+26),.theme-grid-settings:has(.theme-option-settings:nth-child(22):hover) .theme-option-settings:nth-child(n+26),.theme-grid-settings:has(.theme-option-settings:nth-child(23):hover) .theme-option-settings:nth-child(n+26),.theme-grid-settings:has(.theme-option-settings:nth-child(24):hover) .theme-option-settings:nth-child(n+26),.theme-grid-settings:has(.theme-option-settings:nth-child(25):hover) .theme-option-settings:nth-child(n+26){transform:rotate(0) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(26):hover) .theme-option-settings:nth-child(-n+25),.theme-grid-settings:has(.theme-option-settings:nth-child(27):hover) .theme-option-settings:nth-child(-n+25),.theme-grid-settings:has(.theme-option-settings:nth-child(28):hover) .theme-option-settings:nth-child(-n+25),.theme-grid-settings:has(.theme-option-settings:nth-child(29):hover) .theme-option-settings:nth-child(-n+25),.theme-grid-settings:has(.theme-option-settings:nth-child(30):hover) .theme-option-settings:nth-child(-n+25),.theme-grid-settings:has(.theme-option-settings:nth-child(31):hover) .theme-option-settings:nth-child(-n+25),.theme-grid-settings:has(.theme-option-settings:nth-child(32):hover) .theme-option-settings:nth-child(-n+25),.theme-grid-settings:has(.theme-option-settings:nth-child(33):hover) .theme-option-settings:nth-child(-n+25),.theme-grid-settings:has(.theme-option-settings:nth-child(34):hover) .theme-option-settings:nth-child(-n+25),.theme-grid-settings:has(.theme-option-settings:nth-child(35):hover) .theme-option-settings:nth-child(-n+25),.theme-grid-settings:has(.theme-option-settings:nth-child(36):hover) .theme-option-settings:nth-child(-n+25),.theme-grid-settings:has(.theme-option-settings:nth-child(37):hover) .theme-option-settings:nth-child(-n+25),.theme-grid-settings:has(.theme-option-settings:nth-child(38):hover) .theme-option-settings:nth-child(-n+25),.theme-grid-settings:has(.theme-option-settings:nth-child(39):hover) .theme-option-settings:nth-child(-n+25),.theme-grid-settings:has(.theme-option-settings:nth-child(40):hover) .theme-option-settings:nth-child(-n+25){transform:rotate(0) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(1):hover) .theme-option-settings:nth-child(1),.theme-grid-settings:has(.theme-option-settings:nth-child(2):hover) .theme-option-settings:nth-child(1),.theme-grid-settings:has(.theme-option-settings:nth-child(3):hover) .theme-option-settings:nth-child(1),.theme-grid-settings:has(.theme-option-settings:nth-child(4):hover) .theme-option-settings:nth-child(1),.theme-grid-settings:has(.theme-option-settings:nth-child(5):hover) .theme-option-settings:nth-child(1),.theme-grid-settings:has(.theme-option-settings:nth-child(6):hover) .theme-option-settings:nth-child(1){transform:rotate(-45deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(1):hover) .theme-option-settings:nth-child(2),.theme-grid-settings:has(.theme-option-settings:nth-child(2):hover) .theme-option-settings:nth-child(2),.theme-grid-settings:has(.theme-option-settings:nth-child(3):hover) .theme-option-settings:nth-child(2),.theme-grid-settings:has(.theme-option-settings:nth-child(4):hover) .theme-option-settings:nth-child(2),.theme-grid-settings:has(.theme-option-settings:nth-child(5):hover) .theme-option-settings:nth-child(2),.theme-grid-settings:has(.theme-option-settings:nth-child(6):hover) .theme-option-settings:nth-child(2){transform:rotate(-27deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(1):hover) .theme-option-settings:nth-child(3),.theme-grid-settings:has(.theme-option-settings:nth-child(2):hover) .theme-option-settings:nth-child(3),.theme-grid-settings:has(.theme-option-settings:nth-child(3):hover) .theme-option-settings:nth-child(3),.theme-grid-settings:has(.theme-option-settings:nth-child(4):hover) .theme-option-settings:nth-child(3),.theme-grid-settings:has(.theme-option-settings:nth-child(5):hover) .theme-option-settings:nth-child(3),.theme-grid-settings:has(.theme-option-settings:nth-child(6):hover) .theme-option-settings:nth-child(3){transform:rotate(-9deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(1):hover) .theme-option-settings:nth-child(4),.theme-grid-settings:has(.theme-option-settings:nth-child(2):hover) .theme-option-settings:nth-child(4),.theme-grid-settings:has(.theme-option-settings:nth-child(3):hover) .theme-option-settings:nth-child(4),.theme-grid-settings:has(.theme-option-settings:nth-child(4):hover) .theme-option-settings:nth-child(4),.theme-grid-settings:has(.theme-option-settings:nth-child(5):hover) .theme-option-settings:nth-child(4),.theme-grid-settings:has(.theme-option-settings:nth-child(6):hover) .theme-option-settings:nth-child(4){transform:rotate(9deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(1):hover) .theme-option-settings:nth-child(5),.theme-grid-settings:has(.theme-option-settings:nth-child(2):hover) .theme-option-settings:nth-child(5),.theme-grid-settings:has(.theme-option-settings:nth-child(3):hover) .theme-option-settings:nth-child(5),.theme-grid-settings:has(.theme-option-settings:nth-child(4):hover) .theme-option-settings:nth-child(5),.theme-grid-settings:has(.theme-option-settings:nth-child(5):hover) .theme-option-settings:nth-child(5),.theme-grid-settings:has(.theme-option-settings:nth-child(6):hover) .theme-option-settings:nth-child(5){transform:rotate(27deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(1):hover) .theme-option-settings:nth-child(6),.theme-grid-settings:has(.theme-option-settings:nth-child(2):hover) .theme-option-settings:nth-child(6),.theme-grid-settings:has(.theme-option-settings:nth-child(3):hover) .theme-option-settings:nth-child(6),.theme-grid-settings:has(.theme-option-settings:nth-child(4):hover) .theme-option-settings:nth-child(6),.theme-grid-settings:has(.theme-option-settings:nth-child(5):hover) .theme-option-settings:nth-child(6),.theme-grid-settings:has(.theme-option-settings:nth-child(6):hover) .theme-option-settings:nth-child(6){transform:rotate(45deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(7):hover) .theme-option-settings:nth-child(7),.theme-grid-settings:has(.theme-option-settings:nth-child(8):hover) .theme-option-settings:nth-child(7),.theme-grid-settings:has(.theme-option-settings:nth-child(9):hover) .theme-option-settings:nth-child(7),.theme-grid-settings:has(.theme-option-settings:nth-child(10):hover) .theme-option-settings:nth-child(7),.theme-grid-settings:has(.theme-option-settings:nth-child(11):hover) .theme-option-settings:nth-child(7),.theme-grid-settings:has(.theme-option-settings:nth-child(12):hover) .theme-option-settings:nth-child(7),.theme-grid-settings:has(.theme-option-settings:nth-child(13):hover) .theme-option-settings:nth-child(7),.theme-grid-settings:has(.theme-option-settings:nth-child(14):hover) .theme-option-settings:nth-child(7){transform:rotate(-45deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(7):hover) .theme-option-settings:nth-child(8),.theme-grid-settings:has(.theme-option-settings:nth-child(8):hover) .theme-option-settings:nth-child(8),.theme-grid-settings:has(.theme-option-settings:nth-child(9):hover) .theme-option-settings:nth-child(8),.theme-grid-settings:has(.theme-option-settings:nth-child(10):hover) .theme-option-settings:nth-child(8),.theme-grid-settings:has(.theme-option-settings:nth-child(11):hover) .theme-option-settings:nth-child(8),.theme-grid-settings:has(.theme-option-settings:nth-child(12):hover) .theme-option-settings:nth-child(8),.theme-grid-settings:has(.theme-option-settings:nth-child(13):hover) .theme-option-settings:nth-child(8),.theme-grid-settings:has(.theme-option-settings:nth-child(14):hover) .theme-option-settings:nth-child(8){transform:rotate(-30deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(7):hover) .theme-option-settings:nth-child(9),.theme-grid-settings:has(.theme-option-settings:nth-child(8):hover) .theme-option-settings:nth-child(9),.theme-grid-settings:has(.theme-option-settings:nth-child(9):hover) .theme-option-settings:nth-child(9),.theme-grid-settings:has(.theme-option-settings:nth-child(10):hover) .theme-option-settings:nth-child(9),.theme-grid-settings:has(.theme-option-settings:nth-child(11):hover) .theme-option-settings:nth-child(9),.theme-grid-settings:has(.theme-option-settings:nth-child(12):hover) .theme-option-settings:nth-child(9),.theme-grid-settings:has(.theme-option-settings:nth-child(13):hover) .theme-option-settings:nth-child(9),.theme-grid-settings:has(.theme-option-settings:nth-child(14):hover) .theme-option-settings:nth-child(9){transform:rotate(-15deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(7):hover) .theme-option-settings:nth-child(10),.theme-grid-settings:has(.theme-option-settings:nth-child(8):hover) .theme-option-settings:nth-child(10),.theme-grid-settings:has(.theme-option-settings:nth-child(9):hover) .theme-option-settings:nth-child(10),.theme-grid-settings:has(.theme-option-settings:nth-child(10):hover) .theme-option-settings:nth-child(10),.theme-grid-settings:has(.theme-option-settings:nth-child(11):hover) .theme-option-settings:nth-child(10),.theme-grid-settings:has(.theme-option-settings:nth-child(12):hover) .theme-option-settings:nth-child(10),.theme-grid-settings:has(.theme-option-settings:nth-child(13):hover) .theme-option-settings:nth-child(10),.theme-grid-settings:has(.theme-option-settings:nth-child(14):hover) .theme-option-settings:nth-child(10){transform:rotate(0) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(7):hover) .theme-option-settings:nth-child(11),.theme-grid-settings:has(.theme-option-settings:nth-child(8):hover) .theme-option-settings:nth-child(11),.theme-grid-settings:has(.theme-option-settings:nth-child(9):hover) .theme-option-settings:nth-child(11),.theme-grid-settings:has(.theme-option-settings:nth-child(10):hover) .theme-option-settings:nth-child(11),.theme-grid-settings:has(.theme-option-settings:nth-child(11):hover) .theme-option-settings:nth-child(11),.theme-grid-settings:has(.theme-option-settings:nth-child(12):hover) .theme-option-settings:nth-child(11),.theme-grid-settings:has(.theme-option-settings:nth-child(13):hover) .theme-option-settings:nth-child(11),.theme-grid-settings:has(.theme-option-settings:nth-child(14):hover) .theme-option-settings:nth-child(11){transform:rotate(15deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(7):hover) .theme-option-settings:nth-child(12),.theme-grid-settings:has(.theme-option-settings:nth-child(8):hover) .theme-option-settings:nth-child(12),.theme-grid-settings:has(.theme-option-settings:nth-child(9):hover) .theme-option-settings:nth-child(12),.theme-grid-settings:has(.theme-option-settings:nth-child(10):hover) .theme-option-settings:nth-child(12),.theme-grid-settings:has(.theme-option-settings:nth-child(11):hover) .theme-option-settings:nth-child(12),.theme-grid-settings:has(.theme-option-settings:nth-child(12):hover) .theme-option-settings:nth-child(12),.theme-grid-settings:has(.theme-option-settings:nth-child(13):hover) .theme-option-settings:nth-child(12),.theme-grid-settings:has(.theme-option-settings:nth-child(14):hover) .theme-option-settings:nth-child(12){transform:rotate(30deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(7):hover) .theme-option-settings:nth-child(13),.theme-grid-settings:has(.theme-option-settings:nth-child(8):hover) .theme-option-settings:nth-child(13),.theme-grid-settings:has(.theme-option-settings:nth-child(9):hover) .theme-option-settings:nth-child(13),.theme-grid-settings:has(.theme-option-settings:nth-child(10):hover) .theme-option-settings:nth-child(13),.theme-grid-settings:has(.theme-option-settings:nth-child(11):hover) .theme-option-settings:nth-child(13),.theme-grid-settings:has(.theme-option-settings:nth-child(12):hover) .theme-option-settings:nth-child(13),.theme-grid-settings:has(.theme-option-settings:nth-child(13):hover) .theme-option-settings:nth-child(13),.theme-grid-settings:has(.theme-option-settings:nth-child(14):hover) .theme-option-settings:nth-child(13){transform:rotate(38deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(7):hover) .theme-option-settings:nth-child(14),.theme-grid-settings:has(.theme-option-settings:nth-child(8):hover) .theme-option-settings:nth-child(14),.theme-grid-settings:has(.theme-option-settings:nth-child(9):hover) .theme-option-settings:nth-child(14),.theme-grid-settings:has(.theme-option-settings:nth-child(10):hover) .theme-option-settings:nth-child(14),.theme-grid-settings:has(.theme-option-settings:nth-child(11):hover) .theme-option-settings:nth-child(14),.theme-grid-settings:has(.theme-option-settings:nth-child(12):hover) .theme-option-settings:nth-child(14),.theme-grid-settings:has(.theme-option-settings:nth-child(13):hover) .theme-option-settings:nth-child(14),.theme-grid-settings:has(.theme-option-settings:nth-child(14):hover) .theme-option-settings:nth-child(14){transform:rotate(45deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(15):hover) .theme-option-settings:nth-child(15),.theme-grid-settings:has(.theme-option-settings:nth-child(16):hover) .theme-option-settings:nth-child(15),.theme-grid-settings:has(.theme-option-settings:nth-child(17):hover) .theme-option-settings:nth-child(15),.theme-grid-settings:has(.theme-option-settings:nth-child(18):hover) .theme-option-settings:nth-child(15),.theme-grid-settings:has(.theme-option-settings:nth-child(19):hover) .theme-option-settings:nth-child(15){transform:rotate(-40deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(15):hover) .theme-option-settings:nth-child(16),.theme-grid-settings:has(.theme-option-settings:nth-child(16):hover) .theme-option-settings:nth-child(16),.theme-grid-settings:has(.theme-option-settings:nth-child(17):hover) .theme-option-settings:nth-child(16),.theme-grid-settings:has(.theme-option-settings:nth-child(18):hover) .theme-option-settings:nth-child(16),.theme-grid-settings:has(.theme-option-settings:nth-child(19):hover) .theme-option-settings:nth-child(16){transform:rotate(-20deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(15):hover) .theme-option-settings:nth-child(17),.theme-grid-settings:has(.theme-option-settings:nth-child(16):hover) .theme-option-settings:nth-child(17),.theme-grid-settings:has(.theme-option-settings:nth-child(17):hover) .theme-option-settings:nth-child(17),.theme-grid-settings:has(.theme-option-settings:nth-child(18):hover) .theme-option-settings:nth-child(17),.theme-grid-settings:has(.theme-option-settings:nth-child(19):hover) .theme-option-settings:nth-child(17){transform:rotate(0) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(15):hover) .theme-option-settings:nth-child(18),.theme-grid-settings:has(.theme-option-settings:nth-child(16):hover) .theme-option-settings:nth-child(18),.theme-grid-settings:has(.theme-option-settings:nth-child(17):hover) .theme-option-settings:nth-child(18),.theme-grid-settings:has(.theme-option-settings:nth-child(18):hover) .theme-option-settings:nth-child(18),.theme-grid-settings:has(.theme-option-settings:nth-child(19):hover) .theme-option-settings:nth-child(18){transform:rotate(20deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(15):hover) .theme-option-settings:nth-child(19),.theme-grid-settings:has(.theme-option-settings:nth-child(16):hover) .theme-option-settings:nth-child(19),.theme-grid-settings:has(.theme-option-settings:nth-child(17):hover) .theme-option-settings:nth-child(19),.theme-grid-settings:has(.theme-option-settings:nth-child(18):hover) .theme-option-settings:nth-child(19),.theme-grid-settings:has(.theme-option-settings:nth-child(19):hover) .theme-option-settings:nth-child(19){transform:rotate(40deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(20):hover) .theme-option-settings:nth-child(20),.theme-grid-settings:has(.theme-option-settings:nth-child(21):hover) .theme-option-settings:nth-child(20),.theme-grid-settings:has(.theme-option-settings:nth-child(22):hover) .theme-option-settings:nth-child(20),.theme-grid-settings:has(.theme-option-settings:nth-child(23):hover) .theme-option-settings:nth-child(20),.theme-grid-settings:has(.theme-option-settings:nth-child(24):hover) .theme-option-settings:nth-child(20),.theme-grid-settings:has(.theme-option-settings:nth-child(25):hover) .theme-option-settings:nth-child(20){transform:rotate(-45deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(20):hover) .theme-option-settings:nth-child(21),.theme-grid-settings:has(.theme-option-settings:nth-child(21):hover) .theme-option-settings:nth-child(21),.theme-grid-settings:has(.theme-option-settings:nth-child(22):hover) .theme-option-settings:nth-child(21),.theme-grid-settings:has(.theme-option-settings:nth-child(23):hover) .theme-option-settings:nth-child(21),.theme-grid-settings:has(.theme-option-settings:nth-child(24):hover) .theme-option-settings:nth-child(21),.theme-grid-settings:has(.theme-option-settings:nth-child(25):hover) .theme-option-settings:nth-child(21){transform:rotate(-27deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(20):hover) .theme-option-settings:nth-child(22),.theme-grid-settings:has(.theme-option-settings:nth-child(21):hover) .theme-option-settings:nth-child(22),.theme-grid-settings:has(.theme-option-settings:nth-child(22):hover) .theme-option-settings:nth-child(22),.theme-grid-settings:has(.theme-option-settings:nth-child(23):hover) .theme-option-settings:nth-child(22),.theme-grid-settings:has(.theme-option-settings:nth-child(24):hover) .theme-option-settings:nth-child(22),.theme-grid-settings:has(.theme-option-settings:nth-child(25):hover) .theme-option-settings:nth-child(22){transform:rotate(-9deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(20):hover) .theme-option-settings:nth-child(23),.theme-grid-settings:has(.theme-option-settings:nth-child(21):hover) .theme-option-settings:nth-child(23),.theme-grid-settings:has(.theme-option-settings:nth-child(22):hover) .theme-option-settings:nth-child(23),.theme-grid-settings:has(.theme-option-settings:nth-child(23):hover) .theme-option-settings:nth-child(23),.theme-grid-settings:has(.theme-option-settings:nth-child(24):hover) .theme-option-settings:nth-child(23),.theme-grid-settings:has(.theme-option-settings:nth-child(25):hover) .theme-option-settings:nth-child(23){transform:rotate(9deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(20):hover) .theme-option-settings:nth-child(24),.theme-grid-settings:has(.theme-option-settings:nth-child(21):hover) .theme-option-settings:nth-child(24),.theme-grid-settings:has(.theme-option-settings:nth-child(22):hover) .theme-option-settings:nth-child(24),.theme-grid-settings:has(.theme-option-settings:nth-child(23):hover) .theme-option-settings:nth-child(24),.theme-grid-settings:has(.theme-option-settings:nth-child(24):hover) .theme-option-settings:nth-child(24),.theme-grid-settings:has(.theme-option-settings:nth-child(25):hover) .theme-option-settings:nth-child(24){transform:rotate(27deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(20):hover) .theme-option-settings:nth-child(25),.theme-grid-settings:has(.theme-option-settings:nth-child(21):hover) .theme-option-settings:nth-child(25),.theme-grid-settings:has(.theme-option-settings:nth-child(22):hover) .theme-option-settings:nth-child(25),.theme-grid-settings:has(.theme-option-settings:nth-child(23):hover) .theme-option-settings:nth-child(25),.theme-grid-settings:has(.theme-option-settings:nth-child(24):hover) .theme-option-settings:nth-child(25),.theme-grid-settings:has(.theme-option-settings:nth-child(25):hover) .theme-option-settings:nth-child(25){transform:rotate(45deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(26):hover) .theme-option-settings:nth-child(26),.theme-grid-settings:has(.theme-option-settings:nth-child(27):hover) .theme-option-settings:nth-child(26),.theme-grid-settings:has(.theme-option-settings:nth-child(28):hover) .theme-option-settings:nth-child(26),.theme-grid-settings:has(.theme-option-settings:nth-child(29):hover) .theme-option-settings:nth-child(26),.theme-grid-settings:has(.theme-option-settings:nth-child(30):hover) .theme-option-settings:nth-child(26),.theme-grid-settings:has(.theme-option-settings:nth-child(31):hover) .theme-option-settings:nth-child(26),.theme-grid-settings:has(.theme-option-settings:nth-child(32):hover) .theme-option-settings:nth-child(26),.theme-grid-settings:has(.theme-option-settings:nth-child(33):hover) .theme-option-settings:nth-child(26),.theme-grid-settings:has(.theme-option-settings:nth-child(34):hover) .theme-option-settings:nth-child(26),.theme-grid-settings:has(.theme-option-settings:nth-child(35):hover) .theme-option-settings:nth-child(26),.theme-grid-settings:has(.theme-option-settings:nth-child(36):hover) .theme-option-settings:nth-child(26),.theme-grid-settings:has(.theme-option-settings:nth-child(37):hover) .theme-option-settings:nth-child(26),.theme-grid-settings:has(.theme-option-settings:nth-child(38):hover) .theme-option-settings:nth-child(26),.theme-grid-settings:has(.theme-option-settings:nth-child(39):hover) .theme-option-settings:nth-child(26),.theme-grid-settings:has(.theme-option-settings:nth-child(40):hover) .theme-option-settings:nth-child(26){transform:rotate(-70deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(26):hover) .theme-option-settings:nth-child(27),.theme-grid-settings:has(.theme-option-settings:nth-child(27):hover) .theme-option-settings:nth-child(27),.theme-grid-settings:has(.theme-option-settings:nth-child(28):hover) .theme-option-settings:nth-child(27),.theme-grid-settings:has(.theme-option-settings:nth-child(29):hover) .theme-option-settings:nth-child(27),.theme-grid-settings:has(.theme-option-settings:nth-child(30):hover) .theme-option-settings:nth-child(27),.theme-grid-settings:has(.theme-option-settings:nth-child(31):hover) .theme-option-settings:nth-child(27),.theme-grid-settings:has(.theme-option-settings:nth-child(32):hover) .theme-option-settings:nth-child(27),.theme-grid-settings:has(.theme-option-settings:nth-child(33):hover) .theme-option-settings:nth-child(27),.theme-grid-settings:has(.theme-option-settings:nth-child(34):hover) .theme-option-settings:nth-child(27),.theme-grid-settings:has(.theme-option-settings:nth-child(35):hover) .theme-option-settings:nth-child(27),.theme-grid-settings:has(.theme-option-settings:nth-child(36):hover) .theme-option-settings:nth-child(27),.theme-grid-settings:has(.theme-option-settings:nth-child(37):hover) .theme-option-settings:nth-child(27),.theme-grid-settings:has(.theme-option-settings:nth-child(38):hover) .theme-option-settings:nth-child(27),.theme-grid-settings:has(.theme-option-settings:nth-child(39):hover) .theme-option-settings:nth-child(27),.theme-grid-settings:has(.theme-option-settings:nth-child(40):hover) .theme-option-settings:nth-child(27){transform:rotate(-60deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(26):hover) .theme-option-settings:nth-child(28),.theme-grid-settings:has(.theme-option-settings:nth-child(27):hover) .theme-option-settings:nth-child(28),.theme-grid-settings:has(.theme-option-settings:nth-child(28):hover) .theme-option-settings:nth-child(28),.theme-grid-settings:has(.theme-option-settings:nth-child(29):hover) .theme-option-settings:nth-child(28),.theme-grid-settings:has(.theme-option-settings:nth-child(30):hover) .theme-option-settings:nth-child(28),.theme-grid-settings:has(.theme-option-settings:nth-child(31):hover) .theme-option-settings:nth-child(28),.theme-grid-settings:has(.theme-option-settings:nth-child(32):hover) .theme-option-settings:nth-child(28),.theme-grid-settings:has(.theme-option-settings:nth-child(33):hover) .theme-option-settings:nth-child(28),.theme-grid-settings:has(.theme-option-settings:nth-child(34):hover) .theme-option-settings:nth-child(28),.theme-grid-settings:has(.theme-option-settings:nth-child(35):hover) .theme-option-settings:nth-child(28),.theme-grid-settings:has(.theme-option-settings:nth-child(36):hover) .theme-option-settings:nth-child(28),.theme-grid-settings:has(.theme-option-settings:nth-child(37):hover) .theme-option-settings:nth-child(28),.theme-grid-settings:has(.theme-option-settings:nth-child(38):hover) .theme-option-settings:nth-child(28),.theme-grid-settings:has(.theme-option-settings:nth-child(39):hover) .theme-option-settings:nth-child(28),.theme-grid-settings:has(.theme-option-settings:nth-child(40):hover) .theme-option-settings:nth-child(28){transform:rotate(-50deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(26):hover) .theme-option-settings:nth-child(29),.theme-grid-settings:has(.theme-option-settings:nth-child(27):hover) .theme-option-settings:nth-child(29),.theme-grid-settings:has(.theme-option-settings:nth-child(28):hover) .theme-option-settings:nth-child(29),.theme-grid-settings:has(.theme-option-settings:nth-child(29):hover) .theme-option-settings:nth-child(29),.theme-grid-settings:has(.theme-option-settings:nth-child(30):hover) .theme-option-settings:nth-child(29),.theme-grid-settings:has(.theme-option-settings:nth-child(31):hover) .theme-option-settings:nth-child(29),.theme-grid-settings:has(.theme-option-settings:nth-child(32):hover) .theme-option-settings:nth-child(29),.theme-grid-settings:has(.theme-option-settings:nth-child(33):hover) .theme-option-settings:nth-child(29),.theme-grid-settings:has(.theme-option-settings:nth-child(34):hover) .theme-option-settings:nth-child(29),.theme-grid-settings:has(.theme-option-settings:nth-child(35):hover) .theme-option-settings:nth-child(29),.theme-grid-settings:has(.theme-option-settings:nth-child(36):hover) .theme-option-settings:nth-child(29),.theme-grid-settings:has(.theme-option-settings:nth-child(37):hover) .theme-option-settings:nth-child(29),.theme-grid-settings:has(.theme-option-settings:nth-child(38):hover) .theme-option-settings:nth-child(29),.theme-grid-settings:has(.theme-option-settings:nth-child(39):hover) .theme-option-settings:nth-child(29),.theme-grid-settings:has(.theme-option-settings:nth-child(40):hover) .theme-option-settings:nth-child(29){transform:rotate(-40deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(26):hover) .theme-option-settings:nth-child(30),.theme-grid-settings:has(.theme-option-settings:nth-child(27):hover) .theme-option-settings:nth-child(30),.theme-grid-settings:has(.theme-option-settings:nth-child(28):hover) .theme-option-settings:nth-child(30),.theme-grid-settings:has(.theme-option-settings:nth-child(29):hover) .theme-option-settings:nth-child(30),.theme-grid-settings:has(.theme-option-settings:nth-child(30):hover) .theme-option-settings:nth-child(30),.theme-grid-settings:has(.theme-option-settings:nth-child(31):hover) .theme-option-settings:nth-child(30),.theme-grid-settings:has(.theme-option-settings:nth-child(32):hover) .theme-option-settings:nth-child(30),.theme-grid-settings:has(.theme-option-settings:nth-child(33):hover) .theme-option-settings:nth-child(30),.theme-grid-settings:has(.theme-option-settings:nth-child(34):hover) .theme-option-settings:nth-child(30),.theme-grid-settings:has(.theme-option-settings:nth-child(35):hover) .theme-option-settings:nth-child(30),.theme-grid-settings:has(.theme-option-settings:nth-child(36):hover) .theme-option-settings:nth-child(30),.theme-grid-settings:has(.theme-option-settings:nth-child(37):hover) .theme-option-settings:nth-child(30),.theme-grid-settings:has(.theme-option-settings:nth-child(38):hover) .theme-option-settings:nth-child(30),.theme-grid-settings:has(.theme-option-settings:nth-child(39):hover) .theme-option-settings:nth-child(30),.theme-grid-settings:has(.theme-option-settings:nth-child(40):hover) .theme-option-settings:nth-child(30){transform:rotate(-30deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(26):hover) .theme-option-settings:nth-child(31),.theme-grid-settings:has(.theme-option-settings:nth-child(27):hover) .theme-option-settings:nth-child(31),.theme-grid-settings:has(.theme-option-settings:nth-child(28):hover) .theme-option-settings:nth-child(31),.theme-grid-settings:has(.theme-option-settings:nth-child(29):hover) .theme-option-settings:nth-child(31),.theme-grid-settings:has(.theme-option-settings:nth-child(30):hover) .theme-option-settings:nth-child(31),.theme-grid-settings:has(.theme-option-settings:nth-child(31):hover) .theme-option-settings:nth-child(31),.theme-grid-settings:has(.theme-option-settings:nth-child(32):hover) .theme-option-settings:nth-child(31),.theme-grid-settings:has(.theme-option-settings:nth-child(33):hover) .theme-option-settings:nth-child(31),.theme-grid-settings:has(.theme-option-settings:nth-child(34):hover) .theme-option-settings:nth-child(31),.theme-grid-settings:has(.theme-option-settings:nth-child(35):hover) .theme-option-settings:nth-child(31),.theme-grid-settings:has(.theme-option-settings:nth-child(36):hover) .theme-option-settings:nth-child(31),.theme-grid-settings:has(.theme-option-settings:nth-child(37):hover) .theme-option-settings:nth-child(31),.theme-grid-settings:has(.theme-option-settings:nth-child(38):hover) .theme-option-settings:nth-child(31),.theme-grid-settings:has(.theme-option-settings:nth-child(39):hover) .theme-option-settings:nth-child(31),.theme-grid-settings:has(.theme-option-settings:nth-child(40):hover) .theme-option-settings:nth-child(31){transform:rotate(-20deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(26):hover) .theme-option-settings:nth-child(32),.theme-grid-settings:has(.theme-option-settings:nth-child(27):hover) .theme-option-settings:nth-child(32),.theme-grid-settings:has(.theme-option-settings:nth-child(28):hover) .theme-option-settings:nth-child(32),.theme-grid-settings:has(.theme-option-settings:nth-child(29):hover) .theme-option-settings:nth-child(32),.theme-grid-settings:has(.theme-option-settings:nth-child(30):hover) .theme-option-settings:nth-child(32),.theme-grid-settings:has(.theme-option-settings:nth-child(31):hover) .theme-option-settings:nth-child(32),.theme-grid-settings:has(.theme-option-settings:nth-child(32):hover) .theme-option-settings:nth-child(32),.theme-grid-settings:has(.theme-option-settings:nth-child(33):hover) .theme-option-settings:nth-child(32),.theme-grid-settings:has(.theme-option-settings:nth-child(34):hover) .theme-option-settings:nth-child(32),.theme-grid-settings:has(.theme-option-settings:nth-child(35):hover) .theme-option-settings:nth-child(32),.theme-grid-settings:has(.theme-option-settings:nth-child(36):hover) .theme-option-settings:nth-child(32),.theme-grid-settings:has(.theme-option-settings:nth-child(37):hover) .theme-option-settings:nth-child(32),.theme-grid-settings:has(.theme-option-settings:nth-child(38):hover) .theme-option-settings:nth-child(32),.theme-grid-settings:has(.theme-option-settings:nth-child(39):hover) .theme-option-settings:nth-child(32),.theme-grid-settings:has(.theme-option-settings:nth-child(40):hover) .theme-option-settings:nth-child(32){transform:rotate(-10deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(26):hover) .theme-option-settings:nth-child(33),.theme-grid-settings:has(.theme-option-settings:nth-child(27):hover) .theme-option-settings:nth-child(33),.theme-grid-settings:has(.theme-option-settings:nth-child(28):hover) .theme-option-settings:nth-child(33),.theme-grid-settings:has(.theme-option-settings:nth-child(29):hover) .theme-option-settings:nth-child(33),.theme-grid-settings:has(.theme-option-settings:nth-child(30):hover) .theme-option-settings:nth-child(33),.theme-grid-settings:has(.theme-option-settings:nth-child(31):hover) .theme-option-settings:nth-child(33),.theme-grid-settings:has(.theme-option-settings:nth-child(32):hover) .theme-option-settings:nth-child(33),.theme-grid-settings:has(.theme-option-settings:nth-child(33):hover) .theme-option-settings:nth-child(33),.theme-grid-settings:has(.theme-option-settings:nth-child(34):hover) .theme-option-settings:nth-child(33),.theme-grid-settings:has(.theme-option-settings:nth-child(35):hover) .theme-option-settings:nth-child(33),.theme-grid-settings:has(.theme-option-settings:nth-child(36):hover) .theme-option-settings:nth-child(33),.theme-grid-settings:has(.theme-option-settings:nth-child(37):hover) .theme-option-settings:nth-child(33),.theme-grid-settings:has(.theme-option-settings:nth-child(38):hover) .theme-option-settings:nth-child(33),.theme-grid-settings:has(.theme-option-settings:nth-child(39):hover) .theme-option-settings:nth-child(33),.theme-grid-settings:has(.theme-option-settings:nth-child(40):hover) .theme-option-settings:nth-child(33){transform:rotate(0) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(26):hover) .theme-option-settings:nth-child(34),.theme-grid-settings:has(.theme-option-settings:nth-child(27):hover) .theme-option-settings:nth-child(34),.theme-grid-settings:has(.theme-option-settings:nth-child(28):hover) .theme-option-settings:nth-child(34),.theme-grid-settings:has(.theme-option-settings:nth-child(29):hover) .theme-option-settings:nth-child(34),.theme-grid-settings:has(.theme-option-settings:nth-child(30):hover) .theme-option-settings:nth-child(34),.theme-grid-settings:has(.theme-option-settings:nth-child(31):hover) .theme-option-settings:nth-child(34),.theme-grid-settings:has(.theme-option-settings:nth-child(32):hover) .theme-option-settings:nth-child(34),.theme-grid-settings:has(.theme-option-settings:nth-child(33):hover) .theme-option-settings:nth-child(34),.theme-grid-settings:has(.theme-option-settings:nth-child(34):hover) .theme-option-settings:nth-child(34),.theme-grid-settings:has(.theme-option-settings:nth-child(35):hover) .theme-option-settings:nth-child(34),.theme-grid-settings:has(.theme-option-settings:nth-child(36):hover) .theme-option-settings:nth-child(34),.theme-grid-settings:has(.theme-option-settings:nth-child(37):hover) .theme-option-settings:nth-child(34),.theme-grid-settings:has(.theme-option-settings:nth-child(38):hover) .theme-option-settings:nth-child(34),.theme-grid-settings:has(.theme-option-settings:nth-child(39):hover) .theme-option-settings:nth-child(34),.theme-grid-settings:has(.theme-option-settings:nth-child(40):hover) .theme-option-settings:nth-child(34){transform:rotate(10deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(26):hover) .theme-option-settings:nth-child(35),.theme-grid-settings:has(.theme-option-settings:nth-child(27):hover) .theme-option-settings:nth-child(35),.theme-grid-settings:has(.theme-option-settings:nth-child(28):hover) .theme-option-settings:nth-child(35),.theme-grid-settings:has(.theme-option-settings:nth-child(29):hover) .theme-option-settings:nth-child(35),.theme-grid-settings:has(.theme-option-settings:nth-child(30):hover) .theme-option-settings:nth-child(35),.theme-grid-settings:has(.theme-option-settings:nth-child(31):hover) .theme-option-settings:nth-child(35),.theme-grid-settings:has(.theme-option-settings:nth-child(32):hover) .theme-option-settings:nth-child(35),.theme-grid-settings:has(.theme-option-settings:nth-child(33):hover) .theme-option-settings:nth-child(35),.theme-grid-settings:has(.theme-option-settings:nth-child(34):hover) .theme-option-settings:nth-child(35),.theme-grid-settings:has(.theme-option-settings:nth-child(35):hover) .theme-option-settings:nth-child(35),.theme-grid-settings:has(.theme-option-settings:nth-child(36):hover) .theme-option-settings:nth-child(35),.theme-grid-settings:has(.theme-option-settings:nth-child(37):hover) .theme-option-settings:nth-child(35),.theme-grid-settings:has(.theme-option-settings:nth-child(38):hover) .theme-option-settings:nth-child(35),.theme-grid-settings:has(.theme-option-settings:nth-child(39):hover) .theme-option-settings:nth-child(35),.theme-grid-settings:has(.theme-option-settings:nth-child(40):hover) .theme-option-settings:nth-child(35){transform:rotate(20deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(26):hover) .theme-option-settings:nth-child(36),.theme-grid-settings:has(.theme-option-settings:nth-child(27):hover) .theme-option-settings:nth-child(36),.theme-grid-settings:has(.theme-option-settings:nth-child(28):hover) .theme-option-settings:nth-child(36),.theme-grid-settings:has(.theme-option-settings:nth-child(29):hover) .theme-option-settings:nth-child(36),.theme-grid-settings:has(.theme-option-settings:nth-child(30):hover) .theme-option-settings:nth-child(36),.theme-grid-settings:has(.theme-option-settings:nth-child(31):hover) .theme-option-settings:nth-child(36),.theme-grid-settings:has(.theme-option-settings:nth-child(32):hover) .theme-option-settings:nth-child(36),.theme-grid-settings:has(.theme-option-settings:nth-child(33):hover) .theme-option-settings:nth-child(36),.theme-grid-settings:has(.theme-option-settings:nth-child(34):hover) .theme-option-settings:nth-child(36),.theme-grid-settings:has(.theme-option-settings:nth-child(35):hover) .theme-option-settings:nth-child(36),.theme-grid-settings:has(.theme-option-settings:nth-child(36):hover) .theme-option-settings:nth-child(36),.theme-grid-settings:has(.theme-option-settings:nth-child(37):hover) .theme-option-settings:nth-child(36),.theme-grid-settings:has(.theme-option-settings:nth-child(38):hover) .theme-option-settings:nth-child(36),.theme-grid-settings:has(.theme-option-settings:nth-child(39):hover) .theme-option-settings:nth-child(36),.theme-grid-settings:has(.theme-option-settings:nth-child(40):hover) .theme-option-settings:nth-child(36){transform:rotate(30deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(26):hover) .theme-option-settings:nth-child(37),.theme-grid-settings:has(.theme-option-settings:nth-child(27):hover) .theme-option-settings:nth-child(37),.theme-grid-settings:has(.theme-option-settings:nth-child(28):hover) .theme-option-settings:nth-child(37),.theme-grid-settings:has(.theme-option-settings:nth-child(29):hover) .theme-option-settings:nth-child(37),.theme-grid-settings:has(.theme-option-settings:nth-child(30):hover) .theme-option-settings:nth-child(37),.theme-grid-settings:has(.theme-option-settings:nth-child(31):hover) .theme-option-settings:nth-child(37),.theme-grid-settings:has(.theme-option-settings:nth-child(32):hover) .theme-option-settings:nth-child(37),.theme-grid-settings:has(.theme-option-settings:nth-child(33):hover) .theme-option-settings:nth-child(37),.theme-grid-settings:has(.theme-option-settings:nth-child(34):hover) .theme-option-settings:nth-child(37),.theme-grid-settings:has(.theme-option-settings:nth-child(35):hover) .theme-option-settings:nth-child(37),.theme-grid-settings:has(.theme-option-settings:nth-child(36):hover) .theme-option-settings:nth-child(37),.theme-grid-settings:has(.theme-option-settings:nth-child(37):hover) .theme-option-settings:nth-child(37),.theme-grid-settings:has(.theme-option-settings:nth-child(38):hover) .theme-option-settings:nth-child(37),.theme-grid-settings:has(.theme-option-settings:nth-child(39):hover) .theme-option-settings:nth-child(37),.theme-grid-settings:has(.theme-option-settings:nth-child(40):hover) .theme-option-settings:nth-child(37){transform:rotate(40deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(26):hover) .theme-option-settings:nth-child(38),.theme-grid-settings:has(.theme-option-settings:nth-child(27):hover) .theme-option-settings:nth-child(38),.theme-grid-settings:has(.theme-option-settings:nth-child(28):hover) .theme-option-settings:nth-child(38),.theme-grid-settings:has(.theme-option-settings:nth-child(29):hover) .theme-option-settings:nth-child(38),.theme-grid-settings:has(.theme-option-settings:nth-child(30):hover) .theme-option-settings:nth-child(38),.theme-grid-settings:has(.theme-option-settings:nth-child(31):hover) .theme-option-settings:nth-child(38),.theme-grid-settings:has(.theme-option-settings:nth-child(32):hover) .theme-option-settings:nth-child(38),.theme-grid-settings:has(.theme-option-settings:nth-child(33):hover) .theme-option-settings:nth-child(38),.theme-grid-settings:has(.theme-option-settings:nth-child(34):hover) .theme-option-settings:nth-child(38),.theme-grid-settings:has(.theme-option-settings:nth-child(35):hover) .theme-option-settings:nth-child(38),.theme-grid-settings:has(.theme-option-settings:nth-child(36):hover) .theme-option-settings:nth-child(38),.theme-grid-settings:has(.theme-option-settings:nth-child(37):hover) .theme-option-settings:nth-child(38),.theme-grid-settings:has(.theme-option-settings:nth-child(38):hover) .theme-option-settings:nth-child(38),.theme-grid-settings:has(.theme-option-settings:nth-child(39):hover) .theme-option-settings:nth-child(38),.theme-grid-settings:has(.theme-option-settings:nth-child(40):hover) .theme-option-settings:nth-child(38){transform:rotate(50deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(26):hover) .theme-option-settings:nth-child(39),.theme-grid-settings:has(.theme-option-settings:nth-child(27):hover) .theme-option-settings:nth-child(39),.theme-grid-settings:has(.theme-option-settings:nth-child(28):hover) .theme-option-settings:nth-child(39),.theme-grid-settings:has(.theme-option-settings:nth-child(29):hover) .theme-option-settings:nth-child(39),.theme-grid-settings:has(.theme-option-settings:nth-child(30):hover) .theme-option-settings:nth-child(39),.theme-grid-settings:has(.theme-option-settings:nth-child(31):hover) .theme-option-settings:nth-child(39),.theme-grid-settings:has(.theme-option-settings:nth-child(32):hover) .theme-option-settings:nth-child(39),.theme-grid-settings:has(.theme-option-settings:nth-child(33):hover) .theme-option-settings:nth-child(39),.theme-grid-settings:has(.theme-option-settings:nth-child(34):hover) .theme-option-settings:nth-child(39),.theme-grid-settings:has(.theme-option-settings:nth-child(35):hover) .theme-option-settings:nth-child(39),.theme-grid-settings:has(.theme-option-settings:nth-child(36):hover) .theme-option-settings:nth-child(39),.theme-grid-settings:has(.theme-option-settings:nth-child(37):hover) .theme-option-settings:nth-child(39),.theme-grid-settings:has(.theme-option-settings:nth-child(38):hover) .theme-option-settings:nth-child(39),.theme-grid-settings:has(.theme-option-settings:nth-child(39):hover) .theme-option-settings:nth-child(39),.theme-grid-settings:has(.theme-option-settings:nth-child(40):hover) .theme-option-settings:nth-child(39){transform:rotate(60deg) translateY(-8px)}.theme-grid-settings:has(.theme-option-settings:nth-child(26):hover) .theme-option-settings:nth-child(40),.theme-grid-settings:has(.theme-option-settings:nth-child(27):hover) .theme-option-settings:nth-child(40),.theme-grid-settings:has(.theme-option-settings:nth-child(28):hover) .theme-option-settings:nth-child(40),.theme-grid-settings:has(.theme-option-settings:nth-child(29):hover) .theme-option-settings:nth-child(40),.theme-grid-settings:has(.theme-option-settings:nth-child(30):hover) .theme-option-settings:nth-child(40),.theme-grid-settings:has(.theme-option-settings:nth-child(31):hover) .theme-option-settings:nth-child(40),.theme-grid-settings:has(.theme-option-settings:nth-child(32):hover) .theme-option-settings:nth-child(40),.theme-grid-settings:has(.theme-option-settings:nth-child(33):hover) .theme-option-settings:nth-child(40),.theme-grid-settings:has(.theme-option-settings:nth-child(34):hover) .theme-option-settings:nth-child(40),.theme-grid-settings:has(.theme-option-settings:nth-child(35):hover) .theme-option-settings:nth-child(40),.theme-grid-settings:has(.theme-option-settings:nth-child(36):hover) .theme-option-settings:nth-child(40),.theme-grid-settings:has(.theme-option-settings:nth-child(37):hover) .theme-option-settings:nth-child(40),.theme-grid-settings:has(.theme-option-settings:nth-child(38):hover) .theme-option-settings:nth-child(40),.theme-grid-settings:has(.theme-option-settings:nth-child(39):hover) .theme-option-settings:nth-child(40),.theme-grid-settings:has(.theme-option-settings:nth-child(40):hover) .theme-option-settings:nth-child(40){transform:rotate(70deg) translateY(-8px)}.theme-option-settings.active{border-color:var(--color-button);background:var(--color-surface-alt);box-shadow:-2px 2px 4px #3b82f64d}.theme-option-settings .theme-preview{width:40px;height:40px;border-radius:6px;border:2px solid var(--color-border);flex-shrink:0}.theme-option-settings span{font-size:.7rem;color:var(--color-text-on-surface);white-space:nowrap;font-weight:500;text-align:center}@media(max-width:767px){.settings-header{flex-direction:column;gap:1rem}.settings-section{padding:1rem}.settings-option{flex-direction:column;align-items:flex-start;gap:1rem}.toggle-switch{align-self:flex-start}.theme-dropdown-settings{position:fixed;right:1rem;left:1rem;min-width:auto}.theme-grid-settings{height:350px}.theme-option-settings{height:150px;width:100px}.theme-option-settings .theme-preview{width:32px;height:32px}.theme-option-settings span{font-size:.65rem}}.top-bar{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.5rem}.top-bar-title{display:flex;align-items:center;gap:.75rem}.top-bar-title i{font-size:1.5rem;color:var(--color-button)}.top-bar-title span{font-size:1.5rem;font-weight:700;color:var(--color-text-on-surface)}.top-bar-subtitle{font-size:.9rem;color:var(--color-text-secondary);margin:0;padding-left:2.25rem}.mcp-option{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.mcp-url-input-group{width:100%;display:flex;align-items:center;gap:.5rem}.mcp-url-input-group input{flex:1;padding:.75rem;font-family:monospace;font-size:.9rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-on-surface)}.mcp-key-container{width:100%}.mcp-loading{color:var(--color-text-secondary);padding:.5rem 0}.mcp-key-content{display:none}.mcp-key-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.mcp-key-label{font-weight:600;color:var(--color-text-on-surface)}#mcp-key-prefix{background:var(--color-surface-lighter);padding:.25rem .5rem;border-radius:4px;font-family:monospace}.mcp-key-masked{color:var(--color-text-secondary)}.mcp-status-active{color:var(--color-success)}.mcp-no-key{display:none;color:var(--color-warning);padding:.5rem 0}.mcp-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.mcp-new-key-display{display:none;width:100%;margin-top:1rem;padding:1rem;background:var(--color-surface-lighter);border-radius:8px;border:2px solid var(--color-primary)}.mcp-warning{margin:0 0 .75rem;font-weight:600;color:var(--color-warning)}.mcp-key-input-group{display:flex;align-items:center;gap:.5rem}.mcp-key-input-group input{flex:1;padding:.75rem;font-family:monospace;font-size:.9rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-on-surface)}.mcp-hint{margin:.75rem 0 0;font-size:.85rem;color:var(--color-text-secondary)}.mcp-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media(max-width:900px){.mcp-two-columns{grid-template-columns:1fr}}.mcp-json-config{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.mcp-json-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);font-size:.85rem;font-weight:600;color:var(--color-text-on-surface)}.mcp-json-header i{color:var(--color-button);margin-right:.4rem}.btn-small{padding:.3rem .6rem;font-size:.75rem;border-radius:6px}.mcp-json-tabs{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-surface-alt)}.mcp-json-tab{flex:1;padding:.5rem .75rem;border:none;background:transparent;color:var(--color-text-secondary);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.mcp-json-tab:hover{color:var(--color-text-on-surface);background:#ffffff08}.mcp-json-tab.active{color:var(--color-button);border-bottom-color:var(--color-button);background:#ffffff08}.mcp-json-code{margin:0;padding:1rem;background:#0003;color:#a5d6ff;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.78rem;line-height:1.6;overflow-x:auto;white-space:pre;border:none;border-radius:0}.mcp-json-code code{font-family:inherit;color:inherit}.mcp-json-key-placeholder{color:#fbbf24;font-style:italic;background:#fbbf241a;padding:0 3px;border-radius:3px}.mcp-json-hint{margin:0;padding:.6rem 1rem;font-size:.75rem;color:var(--color-text-secondary);background:var(--color-surface-alt);border-top:1px solid var(--color-border)}.mcp-json-hint code{font-size:.72rem;background:#0003;padding:1px 5px;border-radius:3px;color:var(--color-text-on-surface)}.reconciliation-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin-left:1rem;font-weight:400}.reconciliation-stats{display:flex;gap:2rem;margin-left:auto;margin-right:1rem}.stat-item{display:flex;flex-direction:column;align-items:flex-end}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.stat-value{font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.reconciliation-toolbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border);margin-bottom:1rem}.reconciliation-toolbar .toolbar-group{display:flex;align-items:center;gap:.5rem}.reconciliation-toolbar label{font-size:.85rem;color:var(--color-text-secondary);white-space:nowrap}.reconciliation-toolbar .form-control.compact{padding:.4rem .75rem;font-size:.85rem;background:var(--bg-primary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);min-width:140px}.reconciliation-toolbar .toolbar-spacer{flex:1}.reconciliation-toolbar .btn{display:inline-flex;align-items:center;gap:.5rem}.reconciliation-toolbar .btn i{font-size:.9rem}.reconciliation-toolbar .btn:disabled{opacity:.5;cursor:not-allowed}.reconciliation-panels{display:flex;gap:1rem;flex:1;min-height:0;overflow:hidden}.recon-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,var(--bg-secondary) 0%,rgba(0,0,0,.1) 100%)}.panel-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;color:var(--color-text-primary)}.panel-title i{color:var(--color-accent)}.panel-search{display:flex;align-items:center;gap:.5rem;background:var(--bg-primary);border:1px solid var(--color-border);border-radius:6px;padding:.35rem .75rem;transition:border-color .2s}.panel-search:focus-within{border-color:var(--color-accent)}.panel-search i{color:var(--color-text-secondary);font-size:.85rem}.panel-search input{background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:.85rem;width:140px}.panel-search input::placeholder{color:var(--color-text-secondary)}.panel-content{flex:1;overflow-y:auto}.recon-table{width:100%;border-collapse:collapse}.recon-table thead{position:sticky;top:0;z-index:10}.recon-table th{padding:.6rem .75rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--color-border)}.recon-table th.col-checkbox,.recon-table td.col-checkbox{width:40px;text-align:center}.recon-table th.col-date,.recon-table td.col-date{width:80px}.recon-table th.col-amount,.recon-table td.col-amount{width:110px;text-align:right}.recon-table tbody tr{cursor:pointer;transition:background .15s}.recon-table tbody tr:hover{background:#ffffff08}.recon-table tbody tr.selected{background:rgba(var(--color-accent-rgb, 139, 233, 253),.15);border-left:3px solid var(--color-accent)}.recon-table td{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem;color:var(--color-text-primary)}.recon-table td.col-description,.recon-table td.col-category{max-width:200px}.recon-table .description-main{font-weight:500}.recon-table .description-ref{font-size:.75rem;color:var(--color-text-secondary);margin-top:2px}.category-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500;background:rgba(var(--color-accent-rgb, 139, 233, 253),.2);color:var(--color-accent);margin-top:4px}.amount-positive{color:#10b981;font-weight:600}.amount-negative{color:#ef4444;font-weight:600}.reconciliation-action-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border);margin-top:1rem}.selection-summary{display:flex;gap:1.5rem}.summary-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-primary);border-radius:6px;border:1px solid var(--color-border)}.summary-count{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-accent);color:#000;font-size:.75rem;font-weight:700}.summary-label{font-size:.85rem;color:var(--color-text-secondary)}.summary-amount{font-weight:600;color:var(--color-text-primary)}.match-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;background:#64646433;color:var(--color-text-secondary);margin-left:auto}.match-indicator.match-perfect{background:#10b98133;color:#10b981}.match-indicator.match-perfect i{color:#10b981}.match-indicator.match-diff{background:#f59e0b33;color:#f59e0b}.action-buttons{display:flex;gap:.5rem}.action-buttons .btn{display:flex;align-items:center;gap:.5rem}.action-buttons .btn.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0%,#059669 100%);color:#000;font-weight:600}.action-buttons .btn.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}#reconciliation-content{display:flex;flex-direction:column;height:calc(100vh - 60px);padding:1rem}.recon-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}@media(max-width:1200px){.reconciliation-panels{flex-direction:column}.recon-panel{max-height:40vh}}@media(max-width:768px){.reconciliation-toolbar{flex-wrap:wrap}.reconciliation-stats{display:none}.reconciliation-action-bar{flex-wrap:wrap}.action-buttons{width:100%;justify-content:center;margin-top:.5rem}}[data-theme=default]{--color-accent-rgb: 4, 150, 95}[data-theme=dark]{--color-accent-rgb: 0, 0, 255}[data-theme=light]{--color-accent-rgb: 255, 64, 129}#root{display:flex;min-height:100vh;width:100%}.vision-placeholder{padding:var(--spacing-lg);border-radius:var(--border-radius-large);background:var(--color-surface-alt);color:var(--color-text-on-surface);border:1px dashed var(--color-border);max-width:42rem}.vision-placeholder h2{font-size:1.1rem;margin-bottom:var(--spacing-sm);color:var(--color-text-on-surface)}.vision-placeholder p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.nav-brand .logo:not(img){display:inline-flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;line-height:1;background:var(--color-button);color:var(--color-button-text)}.vision-toast-stack{position:fixed;bottom:1rem;right:1rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem;max-width:20rem}.vision-toast{border:none;border-radius:var(--border-radius);padding:.6rem 1rem;text-align:left;cursor:pointer;font-size:.85rem;box-shadow:var(--box-shadow-large)}.vision-toast--success{background:var(--color-success);color:#fff}.vision-toast--error{background:var(--color-error);color:#fff}.vision-toast--info{background:var(--color-surface);color:var(--color-text-on-surface);border:1px solid var(--color-border)}.vision-theme-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.5rem;max-height:14rem;overflow-y:auto}.vision-theme-grid-compact .theme-option-settings{border:1px solid transparent;background-color:var(--color-surface-alt);cursor:pointer;padding:.35rem;border-radius:var(--border-radius);text-align:center}.vision-theme-grid-compact .theme-option-settings.active{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-accent-rgb),.25)}
