*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;margin:0;color:#1f2937;background:#f8fafc}
.container{max-width:1100px;margin:0 auto;padding:16px}
.topbar{background:#111827;color:#e5e7eb}
.topbar a{color:#e5e7eb;text-decoration:none}
.topbar nav a{margin-right:12px}
h1,h2,h3{margin:16px 0}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08)}
th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}
thead th{background:#f3f4f6;font-weight:600}
.btn{display:inline-block;padding:8px 12px;border-radius:8px;background:#111827;color:#fff;text-decoration:none;border:none}
.btn.secondary{background:#6b7280}
.btn.danger{background:#b91c1c}
label{display:block;margin:10px 0}
input,textarea,select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;background:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.footer{margin-top:40px;background:#111827;color:#9ca3af}
small{color:#6b7280}