*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg-card:#12121a;--bg-input:#1a1a2e;--border:#2a2a3e;--text:#e0e0e0;--text-muted:#888;--primary:#6c5ce7;--primary-hover:#7c6ef7;--danger:#ff4757;--success:#2ed573;--warning:#ffa502}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading{min-height:100vh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}input,textarea{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:10px 14px;font-size:14px}input:focus,textarea:focus{border-color:var(--primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header h1{font-size:20px;font-weight:600}.container{max-width:1200px;margin:0 auto;padding:24px}