*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4f46e5;--primary-hover:#4338ca;--bg:#f8fafc;--surface:#fff;--text:#1e293b;--text-secondary:#64748b;--border:#e2e8f0;--danger:#ef4444;--danger-hover:#dc2626}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{min-height:100vh}button{cursor:pointer;border:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:var(--primary);color:#fff;padding:10px 20px}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff;padding:10px 20px}.btn-danger:hover{background:var(--danger-hover)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 16px}.btn-ghost:hover{background:var(--border);color:var(--text)}input{border:1px solid var(--border);border-radius:8px;outline:none;padding:10px 16px;font-size:14px;transition:border-color .2s}input:focus{border-color:var(--primary)}