:root{--bg-body: #0a0a0a;--bg-card: #161616;--bg-header: #0f0f0f;--text-main: rgba(255,255,255,.85);--text-muted: rgba(255,255,255,.4);--border-color: rgba(255,255,255,.09);--link-color: rgba(255,255,255,.75);--link-hover: #3692e7;--button-primary: #3692e7;--button-primary-hover: #2878c7;--button-secondary: rgba(255,255,255,.12);--button-secondary-hover: rgba(255,255,255,.18);--gm-color: #d1a936;--im-color: #a88d5e;--fm-color: #c4762e;--nm-color: #5e9ea8;--font-family: "Segoe UI", Helvetica, Arial, sans-serif}body.dark-mode{--bg-body: #0a0a0a;--bg-card: #161616;--bg-header: #0f0f0f;--text-main: rgba(255,255,255,.85);--text-muted: rgba(255,255,255,.4);--border-color: rgba(255,255,255,.09);--link-color: rgba(255,255,255,.75);--link-hover: #3692e7;--button-primary: #3692e7;--button-primary-hover: #2878c7;--button-secondary: rgba(255,255,255,.12);--button-secondary-hover: rgba(255,255,255,.18)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-body);color:var(--text-main);font-size:14px;transition:background-color .3s,color .3s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}a{text-decoration:none;color:var(--link-color);transition:color .2s}a:hover{color:var(--link-hover)}button{font-family:var(--font-family)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}.container{max-width:1400px;margin:0 auto;padding:0 20px}.card{background:var(--bg-card);border-radius:4px;padding:20px}.btn{padding:12px 30px;border:none;border-radius:4px;font-size:15px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.btn-primary{background:var(--button-primary);color:#fff}.btn-primary:hover{background:var(--button-primary-hover)}.btn-secondary{background:var(--button-secondary);color:#fff}.btn-secondary:hover{background:var(--button-secondary-hover)}@media (max-width: 768px){body{font-size:13px}.container{padding:0 15px}}