#app{min-height:100vh}:root{--bg-page: #f3f4f6;--bg-header: #ffffff;--bg-card: #ffffff;--bg-input: #f9fafb;--bg-hover: #f3f4f6;--bg-table-header: #f9fafb;--text-main: #111827;--text-sub: #6b7280;--text-inverse: #ffffff;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--color-primary: #6366f1;--color-danger: #ef4444;--color-warning: #f59e0b;--color-success: #10b981;--color-accent: #ef4444;--color-bg-primary: #667eea;--color-bg-secondary: #374151;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}[data-theme=dark]{--bg-page: #111827;--bg-header: #111827;--bg-card: #1f2937;--bg-input: #111827;--bg-hover: #374151;--bg-table-header: #374151;--text-main: #f9fafb;--text-sub: #9ca3af;--text-inverse: #ffffff;--border-color: #374151;--shadow-sm: none;--shadow-md: none;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}[data-theme=ocean]{--bg-page: #0c1929;--bg-header: #0f2744;--bg-card: #1a3a5c;--bg-input: #0c1929;--bg-hover: #234870;--bg-table-header: #1a3a5c;--text-main: #e0f2fe;--text-sub: #7dd3fc;--text-inverse: #ffffff;--border-color: #1e4976;--shadow-sm: none;--shadow-md: none;--color-primary: #0ea5e9;--gradient-primary: linear-gradient(135deg, #0369a1 0%, #0ea5e9 100%)}[data-theme=space]{--bg-page: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);--bg-header: rgba(15, 12, 41, .9);--bg-card: rgba(48, 43, 99, .7);--bg-input: #0f0c29;--bg-hover: rgba(100, 80, 180, .3);--bg-table-header: rgba(48, 43, 99, .8);--text-main: #e8e0ff;--text-sub: #b8a8ff;--text-inverse: #ffffff;--border-color: rgba(138, 108, 255, .3);--shadow-sm: 0 0 10px rgba(138, 108, 255, .2);--shadow-md: 0 0 20px rgba(138, 108, 255, .3);--color-primary: #8a6cff;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}[data-theme=neon]{--bg-page: #0a0a12;--bg-header: #12121f;--bg-card: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%);--bg-input: #0a0a12;--bg-hover: rgba(255, 107, 107, .15);--bg-table-header: #1a1a2e;--text-main: #ff6b6b;--text-sub: #feca57;--text-inverse: #ffffff;--border-color: rgba(255, 107, 107, .3);--shadow-sm: 0 0 8px rgba(255, 107, 107, .4);--shadow-md: 0 0 15px rgba(254, 202, 87, .4);--color-primary: #ff6b6b;--gradient-primary: linear-gradient(135deg, #ff6b6b 0%, #feca57 50%, #48dbfb 100%)}[data-theme=candy]{--bg-page: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);--bg-header: rgba(255, 255, 255, .85);--bg-card: rgba(255, 255, 255, .9);--bg-input: #fff5f5;--bg-hover: rgba(255, 182, 159, .3);--bg-table-header: rgba(255, 236, 210, .9);--text-main: #e74c3c;--text-sub: #f39c12;--text-inverse: #ffffff;--border-color: rgba(231, 76, 60, .2);--shadow-sm: 0 2px 8px rgba(231, 76, 60, .1);--shadow-md: 0 4px 16px rgba(231, 76, 60, .15);--color-primary: #e74c3c;--gradient-primary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}[data-theme=sakura]{--bg-page: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);--bg-header: rgba(255, 255, 255, .9);--bg-card: rgba(255, 255, 255, .95);--bg-input: #fff0f5;--bg-hover: rgba(244, 114, 182, .15);--bg-table-header: rgba(252, 231, 243, .9);--text-main: #be185d;--text-sub: #ec4899;--text-inverse: #ffffff;--border-color: rgba(244, 114, 182, .3);--shadow-sm: 0 2px 8px rgba(236, 72, 153, .1);--shadow-md: 0 4px 16px rgba(236, 72, 153, .15);--color-primary: #ec4899;--gradient-primary: linear-gradient(135deg, #f472b6 0%, #fb7185 100%)}[data-theme=cyber]{--bg-page: #0a0a0f;--bg-header: linear-gradient(90deg, #12121a 0%, #0a1628 100%);--bg-card: linear-gradient(145deg, #1a1a25 0%, #0f1a2a 100%);--bg-input: #0a0a0f;--bg-hover: rgba(0, 255, 255, .1);--bg-table-header: #1a1a25;--text-main: #00ffff;--text-sub: #ff00ff;--text-inverse: #ffffff;--border-color: rgba(0, 255, 255, .3);--shadow-sm: 0 0 10px rgba(0, 255, 255, .4);--shadow-md: 0 0 20px rgba(255, 0, 255, .4);--color-primary: #00ffff;--gradient-primary: linear-gradient(135deg, #ff00ff 0%, #00ffff 100%)}[data-theme=cartoon]{--bg-page: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--bg-header: rgba(255, 255, 255, .9);--bg-card: rgba(255, 255, 255, .95);--bg-input: #f0fff4;--bg-hover: rgba(102, 126, 234, .15);--bg-table-header: rgba(168, 237, 234, .5);--text-main: #5f27cd;--text-sub: #10ac84;--text-inverse: #ffffff;--border-color: rgba(95, 39, 205, .2);--shadow-sm: 0 3px 10px rgba(95, 39, 205, .1);--shadow-md: 0 6px 20px rgba(95, 39, 205, .15);--color-primary: #5f27cd;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-page);color:var(--text-main);transition:background-color .3s,color .3s}*{box-sizing:border-box}button{cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit}