:root{color-scheme:light;font-family:Inter,Segoe UI,system-ui,sans-serif;background-color:#f5f6f8;color:#1d1f25}*,:after,:before{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f6f8}.app-shell{max-width:920px;margin:0 auto;padding:48px 20px 64px}.card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 12px 30px rgba(21,24,35,.08)}h1{margin:0 0 8px;font-size:28px}p{margin:0 0 24px;color:#4b5563}.grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.field{display:flex;flex-direction:column;gap:8px}label{font-weight:600;font-size:14px}input,select,textarea{padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;font-size:14px;background:#fff;transition:border .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}.section{margin-top:24px}.section-title{font-size:16px;font-weight:700;margin-bottom:12px}.helper{font-size:12px;color:#6b7280}.actions{display:flex;gap:12px;margin-top:24px}button{border:none;border-radius:10px;padding:12px 18px;font-size:14px;font-weight:600;cursor:pointer}button.primary{background:#2563eb;color:#fff}button.secondary{background:#e5e7eb;color:#111827}button:disabled{cursor:not-allowed;opacity:.7}.status{margin-top:18px;padding:12px 14px;border-radius:12px;font-size:14px}.status.success{background:#ecfdf3;color:#047857}.status.error{background:#fef2f2;color:#b91c1c}