:root{--bg:#081426;--card:#fff;--accent:#ffd43b;--ink:#14263d;--muted:#6d7e8f;--line:#dde6ef;--ok:#2fbf71}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#eef3f8;color:var(--ink)}
.top{background:var(--bg);color:#fff;padding:16px 20px}.nav{max-width:1000px;margin:auto;display:flex;gap:14px;align-items:center}.nav a{color:#fff;text-decoration:none}.brand{font-weight:900;font-size:22px;margin-right:auto}
.wrap{max-width:1000px;margin:28px auto;padding:0 16px}.card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(19,38,61,.08);margin-bottom:18px}
.hero{background:linear-gradient(135deg,#10233d,#173556);color:#fff}.hero h1{font-size:38px;margin:0 0 10px}.hero p{color:#cbd6e2}
.btn{display:inline-block;border:0;border-radius:12px;background:var(--accent);color:#111;padding:12px 16px;font-weight:800;text-decoration:none;cursor:pointer}.btn.secondary{background:#edf3f8;color:#18304e}.btn.danger{background:#ffe5e5;color:#8a1d1d}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.field{margin-bottom:15px}label{font-weight:700;display:block;margin-bottom:7px}input,select,textarea{width:100%;padding:12px;border:1px solid #ccd7e2;border-radius:10px;font:inherit}textarea{min-height:100px}
.muted{color:var(--muted)}.badge{display:inline-block;padding:5px 9px;border-radius:99px;background:#eef3f8;font-size:12px}.ok{background:#e9f9f0;color:#1f6b42}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5edf4}
@media(max-width:700px){.grid{grid-template-columns:1fr}.hero h1{font-size:30px}.nav{flex-wrap:wrap}}