:root{--bg-darkest:#0a0a0c;--bg-dark:#12121a;--bg-mid:#1a1a28;--bg-surface:#222236;--bg-elevated:#2a2a42;--bg-hover:#33334d;--text-primary:#e8e4dc;--text-secondary:#a09888;--text-dim:#6b6358;--text-bright:#f5f0e8;--accent-gold:#c9a84c;--accent-gold-dim:#8a7234;--accent-gold-bright:#e8c860;--accent-red:#a83232;--accent-red-bright:#d44040;--accent-green:#3a8a3a;--accent-green-bright:#4cb04c;--accent-blue:#3a5a8a;--accent-blue-bright:#4c7ab0;--accent-purple:#6a3a8a;--border-color:#3a3a50;--border-light:#4a4a60;--border-gold:#8a7234;--danger:#a83232;--success:#3a8a3a;--warning:#b8862d;--font-heading:"Cinzel", serif;--font-body:"Crimson Text", serif;--font-mono:"JetBrains Mono", monospace;--gap-xs:4px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--gap-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 2px 4px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--shadow-glow:0 0 20px #c9a84c26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-darkest);min-height:100vh;font-size:1.1rem;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-bright);letter-spacing:.02em;font-weight:700;line-height:1.2}h1{font-size:2.4rem}h2{font-size:1.8rem}h3{font-size:1.4rem}h4{font-size:1.15rem}a{color:var(--accent-gold);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-gold-bright)}button{font-family:var(--font-heading);letter-spacing:.05em;cursor:pointer;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-surface);padding:10px 20px;font-size:.9rem;transition:all .2s}button:hover{background:var(--bg-hover);border-color:var(--border-light)}button:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg, var(--accent-gold-dim), var(--accent-gold));color:var(--bg-darkest);border-color:var(--accent-gold);font-weight:700}.btn-primary:hover{background:linear-gradient(135deg, var(--accent-gold), var(--accent-gold-bright));box-shadow:var(--shadow-glow)}.btn-danger{background:var(--accent-red);border-color:var(--accent-red);color:var(--text-bright)}.btn-danger:hover{background:var(--accent-red-bright)}.btn-sm{padding:6px 12px;font-size:.8rem}input,select,textarea{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;padding:10px 14px;font-size:1rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent-gold-dim);box-shadow:0 0 0 2px #c9a84c1a}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--gap-lg);box-shadow:var(--shadow-sm)}.card-header{font-family:var(--font-heading);color:var(--accent-gold);text-transform:uppercase;letter-spacing:.08em;padding-bottom:var(--gap-sm);margin-bottom:var(--gap-md);border-bottom:1px solid var(--border-color);font-size:1.1rem;font-weight:700}table{border-collapse:collapse;width:100%}th{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-gold);background:var(--bg-dark);text-align:left;border-bottom:2px solid var(--border-gold);padding:10px 14px;font-size:.85rem}td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:8px 14px}tr:hover td{background:var(--bg-hover)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--gap-xs)}.gap-sm{gap:var(--gap-sm)}.gap-md{gap:var(--gap-md)}.gap-lg{gap:var(--gap-lg)}.text-center{text-align:center}.text-gold{color:var(--accent-gold)}.text-dim{color:var(--text-dim)}.text-red{color:var(--accent-red-bright)}.text-green{color:var(--accent-green-bright)}.w-full{width:100%}.font-mono{font-family:var(--font-mono)}.divider{border:none;border-top:1px solid var(--border-color);margin:var(--gap-md) 0}.badge{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-color);padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.badge-gold{background:var(--accent-gold-dim);color:var(--accent-gold-bright);border-color:var(--accent-gold)}.badge-red{color:var(--accent-red-bright);border-color:var(--accent-red);background:#a832324d}.responsive-grid{gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}@media (width<=1024px){body{font-size:1rem}h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.2rem}button{padding:8px 16px}}@media (width<=768px){.flex{flex-direction:column}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.1rem}button{padding:10px 14px}.card button{width:100%}.card{padding:12px}table{font-size:.85rem}td,th{padding:6px 8px}input,select,textarea{width:100%}.badge{font-size:.65rem}}@media (width<=480px){h1{font-size:1.3rem}.card{padding:8px}table{font-size:.8rem}td,th{padding:4px 6px}.mobile-hide{display:none}}@media (hover:none){button,input,select,textarea{min-height:44px}}