:root,.theme-midnight{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-glass: rgba(30, 30, 30, .7);--accent-amber: #F5A623;--accent-gold: #F8E71C;--accent-hover: #E0951D;--accent-ruby: #EF4444;--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--text-muted: #6b6b6b;--border-glass: rgba(255, 255, 255, .1);--border-radius: 12px;--shadow-sm: 0 4px 6px rgba(0,0,0,.3);--shadow-md: 0 8px 16px rgba(0,0,0,.4);--shadow-glow: 0 0 15px rgba(245, 166, 35, .2);--transition: all .25s ease-in-out;--font-family: "Inter", -apple-system, sans-serif;--btn-gradient: linear-gradient(135deg, var(--accent-amber) 0%, #D38510 100%);--btn-text: #000;--glass-blur: blur(8px)}.theme-light{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-glass: rgba(255, 255, 255, .95);--accent-amber: #3b82f6;--accent-gold: #10b981;--accent-hover: #2563eb;--accent-ruby: #ef4444;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-glass: rgba(0, 0, 0, .1);--border-radius: 8px;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-glow: 0 0 15px rgba(59, 130, 246, .2);--transition: all .2s ease;--font-family: "Roboto", -apple-system, sans-serif;--btn-gradient: var(--accent-amber);--btn-text: #ffffff;--glass-blur: blur(0px)}.theme-cyberpunk{--bg-primary: #09090e;--bg-secondary: #13131f;--bg-glass: rgba(19, 19, 31, .8);--accent-amber: #00f0ff;--accent-gold: #ff003c;--accent-hover: #00c3d9;--accent-ruby: #ff003c;--text-primary: #ffffff;--text-secondary: #b3b3ff;--text-muted: #5c5c8a;--border-glass: rgba(0, 240, 255, .3);--border-radius: 0px;--shadow-sm: 0 0 5px rgba(0, 240, 255, .3);--shadow-md: 0 0 10px rgba(0, 240, 255, .5);--shadow-glow: 0 0 20px rgba(255, 0, 60, .4);--transition: all .1s linear;--font-family: "Orbitron", "Courier New", monospace;--btn-gradient: var(--accent-gold);--btn-text: #ffffff;--glass-blur: blur(4px)}.theme-retro99{--bg-primary: #c0c0c0;--bg-secondary: #ffffff;--bg-glass: #ffffff;--accent-amber: #0000ff;--accent-gold: #008000;--accent-hover: #ff0000;--accent-ruby: #ff0000;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--border-glass: #000000;--border-radius: 0px;--shadow-sm: 2px 2px 0px #808080, inset 1px 1px 0px #ffffff, inset -1px -1px 0px #000000;--shadow-md: 2px 2px 0px #808080, inset 1px 1px 0px #ffffff, inset -1px -1px 0px #000000;--shadow-glow: none;--transition: none;--font-family: "Times New Roman", serif;--btn-gradient: #c0c0c0;--btn-text: #000000;--glass-blur: blur(0px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:var(--transition)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-header{background-color:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-glass);padding:1rem 2rem;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center}.main-header h1{font-size:1.5rem;font-weight:700;color:var(--accent-amber);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md),var(--shadow-glow);border-color:#f5a6234d}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition)}select option{background-color:var(--bg-secondary);color:var(--text-primary)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (max-width: 600px){.responsive-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.responsive-filter-group{width:100%;justify-content:space-between}.responsive-filter-group input,.responsive-filter-group select{flex:1;min-width:0}.responsive-divider{display:none!important}.responsive-search-form{flex-direction:column!important}.responsive-header-top{flex-direction:column!important;align-items:flex-start!important;text-align:left}}.btn-primary{background:var(--btn-gradient);color:var(--btn-text);font-weight:600;border:none;border-radius:var(--border-radius);padding:.5rem 1rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:scale(1.05);box-shadow:0 4px 8px #f5a62366}