:root{--bg-primary: #192428;--bg-secondary: #2d383c;--bg-card: #2d383c;--bg-tertiary: #414c50;--bg-hover: rgba(57, 172, 231, .1);--bg-active: rgba(57, 172, 231, .15);--border-color: #414c50;--border-active: #39ace7;--text-primary: #E8F0F5;--text-secondary: #a0b0b8;--text-muted: #6c7a80;--text-disabled: #4a5558;--accent-primary: #39ace7;--accent-secondary: #0784b5;--color-primary: #39ace7;--color-xp: #b8a9e8;--color-gold: #d4a84b;--color-danger: #e05555;--color-warning: #d97706;--color-info: #39ace7;--color-success: #5a9a6a;--color-combat: #e05555;--color-gathering: #39ace7;--color-artisan: #39ace7;--color-crafting: #39ace7;--color-mining: #39ace7;--color-fishing: #39ace7;--color-cooking: #39ace7;--color-smithing: #39ace7;--rarity-common: #6c7a80;--rarity-uncommon: #5a9a6a;--rarity-rare: #39ace7;--rarity-epic: #8b6bc8;--rarity-legendary: #d4a84b;--rarity-mythic: #e05555;--gradient-progress: linear-gradient(90deg, #39ace7 0%, #0784b5 60%, #7c6bc8 100%);--gradient-xp: linear-gradient(90deg, #39ace7 0%, #0784b5 70%, #7c6bc8 100%);--gradient-gathering: linear-gradient(90deg, #39ace7 0%, #0784b5 60%, #7c6bc8 100%);--gradient-crafting: linear-gradient(90deg, #39ace7 0%, #0784b5 60%, #7c6bc8 100%);--gradient-combat: linear-gradient(90deg, #e05555 0%, #c74545 100%);--gradient-header: linear-gradient(135deg, #192428 0%, #2d383c 100%);--gradient-mining: var(--gradient-gathering);--gradient-fishing: var(--gradient-gathering);--gradient-smithing: var(--gradient-crafting);--gradient-cooking: var(--gradient-crafting);--gradient-artisan: var(--gradient-crafting);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--sidebar-width: 200px;--header-height: 56px;--max-content-width: 1000px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-secondary);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}.text-primary{color:var(--text-primary)}.text-muted{color:var(--text-muted)}.text-gold{color:var(--color-gold)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-primary)}