:root { --bg:#f7f7fb; --card:#ffffff; --ink:#1f2937; --muted:#6b7280; --brand:#3b82f6; --line:#e5e7eb; --danger:#ef4444; }
  * { box-sizing: border-box; }
  body { margin:0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; background: var(--bg); color: var(--ink); }
  header { background: #0f172a; color:#fff; padding: 14px 20px; display:flex; align-items:center; gap:16px; }
  header .crumbs { font-size:14px; opacity:.9 }
  header .crumbs a { color:#a5b4fc; text-decoration:none; }
  .wrap { max-width: 1100px; margin: 24px auto 70px; padding: 0 16px; }
  .meta { display:grid; grid-template-columns: repeat(4, 1fr); gap:10px; margin-bottom:14px; }
  .meta .chip { background: var(--card); border:1px solid var(--line); border-radius:10px; padding:10px 12px; }
  .panel { background: var(--card); border:1px solid var(--line); border-radius:14px; padding: 18px; box-shadow: 0 1px 2px rgba(0,0,0,.03); }
  h1 { font-size: 22px; margin: 0 0 10px; }
  h2 { font-size: 16px; color: var(--muted); margin: 18px 0 8px; font-weight:600; }
  form .grid { display:grid; grid-template-columns: repeat(12, 1fr); gap: 14px; }
  .field { grid-column: span 4; display:flex; flex-direction:column; }
  .field.full { grid-column: 1 / -1; }
  label { font-size: 13px; color: var(--muted); margin-bottom: 6px; }
  label .req { color: var(--danger); margin-left: 4px; }
  .input, select, textarea {
    border:1px solid var(--line); border-radius: 10px; padding:10px 12px; font-size: 15px; background:#fff;
  }
  .help { font-size: 12px; color: var(--muted); margin-top: 6px; }
  .actions { display:flex; gap:10px; margin-top: 18px; }
  .btn { border:1px solid var(--line); background:#fff; padding:10px 14px; border-radius: 10px; cursor:pointer; text-decoration:none; display:inline-block; }
  .btn.primary { background: var(--brand); color:#fff; border-color: transparent; }
  .errorlist { color: var(--danger); font-size: 12px; list-style: none; padding: 6px 0 0; margin: 0; }