*{box-sizing:border-box}body{margin:0;font-family:Helvetica Neue,Arial,sans-serif;color:#1f2933;background:#f5f7fa}main{max-width:960px;margin:0 auto;padding:32px 20px 48px}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 10px 25px #1f293314;margin-bottom:20px}.row{display:flex;gap:16px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;min-width:220px}label{font-weight:600}input,select{padding:8px 12px;border-radius:8px;border:1px solid #d9e2ec}button{padding:10px 16px;border-radius:8px;border:none;background:#3b82f6;color:#fff;font-weight:600;cursor:pointer}button.secondary{background:#64748b}.badge{display:inline-block;padding:2px 10px;border-radius:999px;background:#e0e7ff;color:#4338ca;font-size:12px;font-weight:600}.error{color:#b91c1c;font-weight:600}.modal{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal-card{width:min(520px,100%);background:#fff;border-radius:12px;padding:20px;box-shadow:0 20px 40px #0f172a33}