:root{--accent: #22c55e;--accent-dk: #16a34a;--accent-lt: #4ade80;--accent-glow: rgba(34,197,94,.15);--accent-border: rgba(34,197,94,.35);--bg: #0c0d10;--surface: #111418;--surface2: #181c22;--surface3: rgba(255,255,255,.05);--border: rgba(255,255,255,.07);--border-hi: rgba(255,255,255,.15);--text: #f0f2f5;--sub: rgba(240,242,245,.5);--sub2: rgba(240,242,245,.28);--cream: #f0f2f5;--pink: #f472b6;--orange: #fb923c;--yellow: #facc15;--green: #22c55e;--cyan: #22c55e;--blue: #60a5fa;--purple: #a78bfa;--gold-dk: #22c55e;--gold-lt: #4ade80;--copper: #22c55e;--grad-accent: linear-gradient(135deg, var(--accent-dk) 0%, var(--accent) 100%)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{background:var(--bg);color:var(--text);font-family:Noto Sans SC,Inter,sans-serif;font-size:14px;line-height:1.6;min-height:100vh}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;outline:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#22c55e66}.card{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:20px}.btn-primary{padding:11px;border-radius:6px;border:none;font-size:13px;font-weight:600;letter-spacing:.08em;background:var(--accent);color:#fff;transition:all .2s}.btn-primary:hover{background:var(--accent-lt);box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{padding:6px 14px;border-radius:4px;background:transparent;border:1px solid var(--border);color:var(--sub);font-size:12px;transition:all .2s}.btn-ghost:hover{color:var(--text);border-color:var(--border-hi)}.btn-ghost.active{background:var(--accent-glow);border-color:var(--accent-border);color:var(--accent)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}textarea,input[type=text],input[type=password],input[type=number],select{width:100%;background:#00000040;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;padding:10px;transition:border-color .2s}textarea:focus,input:focus,select:focus{border-color:var(--accent-border)}
