*{box-sizing:border-box;padding:0;margin:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#121212;--bg-tertiary:#1a1a1a;--bg-hover:#1e1e1e;--border-primary:#2a2a2a;--border-secondary:#383838;--text-primary:#ffffff;--text-secondary:#a0a0a0;--text-tertiary:#707070;--accent:#3b82f6;--accent-hover:#2563eb;--accent-soft:rgba(59,130,246,0.1);--success:#10b981;--success-soft:rgba(16,185,129,0.1);--warning:#f59e0b;--warning-soft:rgba(245,158,11,0.1);--error:#ef4444;--error-soft:rgba(239,68,68,0.1);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px rgba(0,0,0,0.5);--shadow-md:0 4px 12px rgba(0,0,0,0.5);--shadow-lg:0 8px 24px rgba(0,0,0,0.6);--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}body,html{max-width:100vw;overflow-x:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,textarea{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.page{min-height:100vh;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-weight:500;transition:var(--transition);outline:none}.btn:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#ffffff;border-color:#ffffff;color:#000000}.btn-primary:hover:not(:disabled){background:#e5e5e5;border-color:#e5e5e5}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-hover)}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:24px;transition:var(--transition)}.card:hover{border-color:var(--border-secondary)}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.input{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:var(--transition);outline:none}.input:focus{border-color:var(--accent);background:var(--bg-secondary)}.input::placeholder{color:var(--text-tertiary)}.tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-tertiary);font-size:11px;cursor:help}.spinner{width:20px;height:20px;border:2px solid var(--border-primary);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.material-symbols-outlined{color:#ffffff}.btn-primary .material-symbols-outlined{color:inherit}