:root{--color-bg-primary: #0a1423;--color-bg-secondary: #132d4c;--color-bg-tertiary: #1a3a52;--color-accent-gold: #ffd700;--color-accent-gold-light: #ffed4e;--color-accent-cyan: #00d4ff;--color-accent-blue: #0099ff;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-tertiary: rgba(255, 255, 255, .5);--color-border: rgba(255, 255, 255, .1);--color-border-light: rgba(255, 255, 255, .15);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-gold: 0 6px 20px rgba(255, 215, 0, .4);--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1)}#app{width:100%;max-width:100vw;min-width:0;overflow-x:hidden}body{background:#0a1423;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#64748b99,#47556999);border-radius:5px;box-shadow:0 2px 8px #0000004d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8cc,#64748bcc);box-shadow:0 4px 12px #94a3b84d}*{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.6) rgba(255,255,255,.05)}::selection{background:linear-gradient(135deg,gold,#ffed4e);color:#000}::-moz-selection{background:linear-gradient(135deg,gold,#ffed4e);color:#000}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--bg-dark: #0f172a;--bg-secondary: #1a2a47;--bg-tertiary: #253557;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border: #334155;--success: #10b981;--danger: #ef4444;--warning: #f59e0b}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6}button{cursor:pointer;border:none;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s}.btn{padding:10px 20px;background-color:var(--primary);color:#fff}.btn:hover{background-color:var(--primary-dark)}.btn-outline{background-color:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover{background-color:#6366f11a}input,textarea,select{background-color:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:10px 12px;border-radius:6px;font-size:14px;transition:all .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:20px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.flex{display:flex}.flex-col{flex-direction:column}.justify-center{justify-content:center}.items-center{align-items:center}.w-full{width:100%}.h-full{height:100%}.opacity-50{opacity:.5}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}