*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg-primary);color:var(--text-primary)}#app{min-height:100vh}:root{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #f8f9fa;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--text-muted: #a0aec0;--border-color: #e1e8ed;--shadow: rgba(0, 0, 0, .1);--gradient-start: #f5f7fa;--gradient-end: #c3cfe2;--admin-sidebar: #2c3e50;--admin-sidebar-border: #34495e;--admin-sidebar-text: #bdc3c7;--home-bg-start: #f5f7fa;--home-bg-end: #c3cfe2;--home-logo-color: #1a365d;--home-tagline-color: #4a5568;--home-search-bg: #ffffff;--home-search-text: #2d3748;--home-search-placeholder: #a0aec0;--home-search-button: #3182ce;--home-search-button-hover: #2c5aa0;--control-color: #4a5568;--control-hover: #2d3748;--admin-sidebar: #2d3748;--admin-sidebar-border: #4a5568;--admin-sidebar-text: #e2e8f0}:root.dark{--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #4a5568;--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-muted: #a0aec0;--border-color: #4a5568;--shadow: rgba(0, 0, 0, .3);--gradient-start: #1a202c;--gradient-end: #2d3748;--admin-sidebar: #1a202c;--admin-sidebar-border: #2d3748;--admin-sidebar-text: #cbd5e0;--home-bg-start: #1a202c;--home-bg-end: #2d3748;--home-logo-color: #e2e8f0;--home-tagline-color: #a0aec0;--home-search-bg: #2d3748;--home-search-text: #e2e8f0;--home-search-placeholder: #718096;--home-search-button: #3182ce;--home-search-button-hover: #2c5aa0;--control-color: #a0aec0;--control-hover: #e2e8f0;--admin-sidebar: #0f1419;--admin-sidebar-border: #1a202c;--admin-sidebar-text: #a0aec0}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#app{height:100vh;width:100%;overflow:hidden}.brd{outline:1px solid red}