body{font-family:Arial,sans-serif;background:#f5f7fb;color:#1f2937;margin:0}
a{color:#2563eb;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:24px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb}
.nav .links a{margin-left:16px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.grid{display:grid;gap:16px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.btn{display:inline-block;padding:10px 16px;border-radius:10px;border:0;background:#2563eb;color:#fff;cursor:pointer}
.btn.secondary{background:#fff;color:#1f2937;border:1px solid #d1d5db}
.btn.danger{background:#dc2626}
input,select,textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box}
label{display:block;font-size:14px;margin-bottom:6px;font-weight:600}
form .row{margin-bottom:14px}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px;vertical-align:top}
h1,h2,h3{margin-top:0}
.small{font-size:12px;color:#6b7280}
.flex{display:flex;gap:12px;align-items:center}
.justify-between{justify-content:space-between}
.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}
.tag{display:inline-block;padding:3px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px}
.error{color:#b91c1c;background:#fee2e2;padding:10px;border-radius:10px}
.success{color:#166534;background:#dcfce7;padding:10px;border-radius:10px}
pre.preview{overflow:auto;background:#0f172a;color:#e2e8f0;padding:14px;border-radius:10px}