body{margin:0;padding:0;font-family:Inter,Outfit,sans-serif;background-color:#15110e;color:#fff;overflow-x:hidden}.main-content{min-height:100vh;transition:background .5s ease,color .5s ease}:root{--app-bg: #15110e;--card-bg: linear-gradient(180deg, #1f1b18 0%, #151210 100%);--panel-bg: rgba(0, 0, 0, .4);--border-color: #3a3229;--text-primary: #ffffff;--text-secondary: #a0978c;--accent-color: #c98a51;--accent-dim: #7b7165;--header-bg: rgba(0, 0, 0, .5);--theme-bg: linear-gradient(180deg, #1f1b18 0%, #151210 100%);--theme-border: #3a3229;--theme-accent: #c98a51;--theme-accent-dim: #7b7165;--theme-header-bg: rgba(0, 0, 0, .3);--theme-header-border: rgba(255, 255, 255, .03);--theme-text-primary: #ffffff;--theme-text-secondary: #a0978c;--theme-unique-glow: rgba(236, 201, 113, .1);--theme-unique-border: rgba(236, 201, 113, .4);--theme-unique-top-light: rgba(236, 201, 113, .5);--theme-bar-bg: #2b2622;--theme-tab-bg: rgba(0, 0, 0, .2);--theme-tab-hover: rgba(255, 255, 255, .02);--theme-tab-inactive-color: #635b52;--theme-cost-bg: rgba(255, 255, 255, .02)}.theme-royal{--theme-accent: #70a1ff;--accent-color: #70a1ff;--theme-accent-dim: #546a8a;--accent-dim: #546a8a;--theme-unique-glow: rgba(112, 161, 255, .15);--theme-unique-border: rgba(112, 161, 255, .4);--theme-unique-top-light: rgba(112, 161, 255, .6)}.mode-dark.theme-royal{--app-bg: #0a0c12;--theme-bg: linear-gradient(180deg, #121620 0%, #0a0c12 100%)}.theme-imperial{--theme-accent: #a55eea;--accent-color: #a55eea;--theme-accent-dim: #8b5a74;--accent-dim: #8b5a74;--theme-unique-glow: rgba(165, 94, 234, .2);--theme-unique-border: rgba(165, 94, 234, .5);--theme-unique-top-light: rgba(165, 94, 234, .7)}.mode-dark.theme-imperial{--app-bg: #15080e;--theme-bg: linear-gradient(180deg, #2b121e 0%, #15080e 100%)}.theme-forest{--theme-accent: #2ed573;--accent-color: #2ed573;--theme-accent-dim: #5a7b61;--accent-dim: #5a7b61;--theme-unique-glow: rgba(46, 213, 115, .15);--theme-unique-border: rgba(46, 213, 115, .4);--theme-unique-top-light: rgba(46, 213, 115, .6)}.mode-dark.theme-forest{--app-bg: #0b120c;--theme-bg: linear-gradient(180deg, #141f17 0%, #0b120c 100%)}.mode-dark{background-color:var(--app-bg)}.mode-light{--app-bg: #f8f9fa;--theme-bg: #ffffff;--panel-bg: rgba(255, 255, 255, .8);--border-color: #e9ecef;--theme-border: #e9ecef;--text-primary: #1a1a1a;--theme-text-primary: #1a1a1a;--text-secondary: #6c757d;--theme-text-secondary: #6c757d;--header-bg: #ffffff;background-color:var(--app-bg);color:var(--text-primary);--theme-tab-bg: rgba(0, 0, 0, .04);--theme-tab-hover: rgba(0, 0, 0, .03);--theme-tab-inactive-color: #adb5bd;--theme-bar-bg: #f1f3f5;--theme-cost-bg: rgba(0, 0, 0, .03);--theme-header-bg: #ffffff;--theme-header-border: rgba(0, 0, 0, .05)}.mode-light .card-container{box-shadow:0 4px 20px #00000014}.mode-light .card-container:hover{box-shadow:0 12px 30px #0000001f}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px;opacity:.5}