:root{font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#020617;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#0f172a,#020617 60%);color:inherit}#app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.card{width:min(100%,28rem);background:#fff;border-radius:1rem;border:1px solid #e2e8f0;box-shadow:0 20px 80px #0f172a40;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:1.5rem}.card-header,.card-content,.card-footer{padding:0 1.75rem}.card-header{padding-top:1.5rem;display:flex;flex-direction:column;gap:.5rem}.card-title{font-size:1.5rem;font-weight:600;color:#0f172a}.card-description{color:#475569;font-size:.95rem}form{display:flex;flex-direction:column;gap:1.5rem}.card-content{display:flex;flex-direction:column;gap:1.25rem}.field{display:flex;flex-direction:column;gap:.35rem}label{font-size:.9rem;font-weight:600;color:#0f172a}input[type=url],input[type=number]{border:1px solid #cbd5f5;border-radius:.6rem;padding:.55rem .75rem;font-size:1rem;transition:border-color .12s ease,box-shadow .12s ease}input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb40}input.error{border-color:#ef4444}.validation-hint{color:#b91c1c;font-size:.8rem;margin:0}.dual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem}button{border:none;border-radius:.65rem;background:#2563eb;color:#fff;font-size:1rem;font-weight:600;padding:.75rem 1rem;cursor:pointer;transition:background .12s ease,transform .12s ease}button:hover{background:#1d4ed8}button:disabled{opacity:.7;cursor:not-allowed}.alert{border-radius:.85rem;border:1px solid #e2e8f0;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.25rem}.alert-title{font-weight:600;font-size:.95rem}.alert-description{font-size:.9rem;color:inherit}.alert-warning{background:#fff7ed;border-color:#fdba74;color:#9a3412}.alert-error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.alert-success{background:#ecfdf5;border-color:#6ee7b7;color:#065f46}.status-section{padding:0 1.75rem;display:flex;flex-direction:column;gap:1rem}@media(max-width:480px){.card{border-radius:.85rem;padding-bottom:1.25rem}.card-header,.card-content,.card-footer,.status-section{padding:0 1.25rem}}