body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f5f7fb;color:#172033}header{background:#07172f;color:white;padding:18px 28px;display:flex;justify-content:space-between;align-items:center}header h1{font-size:22px;margin:0}header a{color:#fff}.card{background:white;margin:32px auto;padding:28px;max-width:980px;border-radius:14px;box-shadow:0 6px 24px rgba(10,20,40,.09)}.narrow{max-width:420px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}label{display:flex;flex-direction:column;font-weight:700;gap:8px}input{padding:10px;border:1px solid #cbd5e1;border-radius:8px}button{padding:11px 18px;border:0;border-radius:8px;background:#1f6feb;color:white;font-weight:700;cursor:pointer}.primary{margin-top:24px;font-size:16px}.warning{background:#fff3cd;border:1px solid #ffe69c;padding:12px;border-radius:8px;margin-bottom:16px}.error{background:#ffe4e6;border:1px solid #fb7185;padding:12px;border-radius:8px;margin-bottom:16px}.note{color:#64748b}pre{background:#0f172a;color:#e2e8f0;padding:16px;border-radius:8px;overflow:auto}@media(max-width:800px){.grid{grid-template-columns:1fr}.card{margin:16px}}
.onecol{grid-template-columns:1fr;max-width:620px}table{width:100%;border-collapse:collapse;margin-top:12px}td,th{border-bottom:1px solid #e2e8f0;padding:10px;text-align:left}th{color:#475569;background:#f8fafc}