*{box-sizing:border-box}
body{font-family:tahoma;margin:0;background:#f5f6fa}
a{text-decoration:none}
.container{max-width:1200px;margin:auto;padding:20px}
.card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 5px 20px rgba(0,0,0,.06)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
@media(max-width:900px){.row,.row3{grid-template-columns:1fr}}
input,select{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px;margin-top:6px}
button{padding:12px 16px;border:none;border-radius:10px;background:#1e88e5;color:#fff;cursor:pointer}
button:hover{opacity:.95}
.table{width:100%;border-collapse:collapse;margin-top:12px}
.table th,.table td{border:1px solid #eee;padding:10px;text-align:center}
.badge{padding:4px 10px;border-radius:99px;font-size:12px}
.badge.ok{background:#e8f5e9;color:#2e7d32}
.badge.bad{background:#ffebee;color:#c62828}
.nav{background:#111827;padding:14px}
.nav .container{display:flex;gap:12px;align-items:center;justify-content:space-between}
.nav a{color:#fff;padding:8px 12px;border-radius:10px}
.nav a:hover{background:rgba(255,255,255,.08)}
.title{font-size:20px;font-weight:bold;margin:0}
.muted{color:#666;font-size:13px}
.msg{padding:10px;border-radius:10px;background:#f3f4f6;margin:10px 0}