*{box-sizing:border-box}body{margin:0;background:#f4f6fb;color:#101828;font-family:Arial,sans-serif}.wrap{max-width:1220px;margin:0 auto;padding:28px}.small{max-width:720px}.nav{background:#111827;color:#fff;padding:16px 28px;display:flex;gap:18px;align-items:center}.nav a{color:#fff;text-decoration:none}.nav strong{margin-right:auto}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;margin:18px 0;box-shadow:0 8px 30px rgba(16,24,40,.06)}h1,h2,h3{margin-top:0}.button,button{display:inline-block;border:0;background:#2563eb;color:#fff;padding:11px 16px;border-radius:10px;text-decoration:none;font-weight:700;cursor:pointer}.button.light{background:#e5e7eb;color:#111}.button.danger{background:#dc2626}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.stat b{font-size:28px}table{width:100%;border-collapse:collapse;background:#fff}th,td{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left;vertical-align:top}input,select,textarea{width:100%;padding:11px;border:1px solid #d0d5dd;border-radius:10px;font:inherit}textarea{min-height:130px;font-family:Consolas,monospace}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.warn{background:#fff7ed;border:1px solid #fed7aa;padding:12px;border-radius:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.muted{color:#667085}.codehint{font-size:13px;background:#eef2ff;border-radius:10px;padding:10px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.tabbox{display:none}.tabbox.active{display:block}@media(max-width:800px){.grid,.row,.tabs{grid-template-columns:1fr}.wrap{padding:16px}.nav{padding:14px;flex-wrap:wrap}}