:root{--bg-body: #edebe9;--bg-card: #ffffff;--bg-header: #edebe9;--text-main: #383838;--text-muted: #6b6b6b;--border-color: #d6d6d6;--link-color: #383838;--link-hover: #1b78d0;--button-primary: #1b78d0;--button-primary-hover: #155a9f;--button-secondary: #6b6b6b;--button-secondary-hover: #525252;--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: #161512;--bg-card: #262421;--bg-header: #161512;--text-main: #bababa;--text-muted: #6b6b6b;--border-color: #404040;--link-color: #bababa;--link-hover: #3692e7;--button-primary: #3692e7;--button-primary-hover: #2878c7;--button-secondary: #6b6b6b;--button-secondary-hover: #828282}*{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}}