*{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
body{margin:0;background:#0b0f19;color:#e9eefc}
a{color:#a9c7ff;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:22px}
h1{margin:10px 0 18px}
h2{margin:0 0 10px}
.topbar{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:10px}
.nav a{margin-right:12px}
.card, .panel, .item, .box{background:#121a2a;border:1px solid #23304a;border-radius:16px}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.card{display:block;padding:18px}
.card:hover{border-color:#3b5aa3}

.form label{display:block;margin:10px 0}
input,select,textarea,button{width:100%;padding:10px;border-radius:10px;border:1px solid #2a3550;background:#0f1626;color:#e9eefc}
button{margin-top:12px;font-weight:700;cursor:pointer}
button:hover{border-color:#3b5aa3}
.hint{opacity:.75;font-size:.92rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.box{padding:12px}
.ok{background:#0e2a17;border:1px solid #1f6b3b;padding:10px;border-radius:12px;margin:10px 0}
.err{background:#2a1010;border:1px solid #7a2f2f;padding:10px;border-radius:12px;margin:10px 0}

.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto auto auto;gap:10px;align-items:end;margin:14px 0}
.btnlite{display:inline-block;padding:10px 12px;border-radius:10px;border:1px solid #2a3550;background:#0f1626}
.btnwarn{display:inline-block;padding:10px 12px;border-radius:10px;border:1px solid #7a2f2f;background:#2a1010}
.btngood{display:inline-block;padding:10px 12px;border-radius:10px;border:1px solid #1f6b3b;background:#0e2a17}

.grid2{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}
.panel{padding:14px}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid #23304a;text-align:left;vertical-align:top}
tfoot th{border-bottom:none}

.list{display:flex;flex-direction:column;gap:10px;max-height:70vh;overflow:auto;padding-right:4px}
.item{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:10px;background:#0f1626}
.thumb{display:flex;align-items:center;justify-content:center}
.thumb img{width:78px;height:78px;object-fit:cover;border-radius:10px;border:1px solid #23304a}
.muted{opacity:.7}
.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#1b2741;border:1px solid #2a3550;font-size:.85rem}
.line1{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.line2{opacity:.85;margin-top:4px}
.note{opacity:.9;margin-top:6px}
.actions{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}
hr{border:0;border-top:1px solid #23304a;margin:14px 0}

@media (max-width: 900px){
  .cards,.split,.grid2{grid-template-columns:1fr}
  .filters{grid-template-columns:1fr 1fr;gap:10px}
}