*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0d0d0d;color:#ececec;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{color:#6366f1;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}input,textarea{background:#212121;border:1px solid #2f2f2f;border-radius:10px;color:#ececec;padding:12px 14px;width:100%;outline:none}input:focus,textarea:focus{border-color:#6366f1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;border:none;font-weight:600;transition:background .15s}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover:not(:disabled){background:#4f46e5}.btn-secondary{background:#212121;color:#ececec;border:1px solid #2f2f2f}.btn-secondary:hover:not(:disabled){background:#2a2a2a}.btn-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.error-banner{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fca5a5;padding:10px 12px;border-radius:10px;font-size:14px}.spinner{width:28px;height:28px;border:3px solid #2f2f2f;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}