body{background:#0b0f16;color:#e7effa;font-family:system-ui,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;margin:0}
.container{max-width:1100px;margin:0 auto;padding:24px}
.header{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.brand{font-weight:700}
.card{background:#0f1827;border:1px solid #1d2b3c;border-radius:14px;margin:16px 0}
.card .body{padding:16px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-top:1px solid #1d2b3c}
.nav a{margin-right:14px;color:#8aa2ff;text-decoration:none}
.btn{display:inline-block;padding:8px 12px;border:1px solid #2c3e55;border-radius:10px;background:#101c2b;color:#fff;text-decoration:none}
.btn-primary{background:#5f36f5;border-color:#5f36f5}
.btn-ok{background:#2ec27e;border-color:#2ec27e;color:#0b1118}
.btn-danger{background:#ef476f;border-color:#ef476f}
.notice{border:1px solid #2ec27e;padding:10px;border-radius:10px;background:#0f1827;margin-bottom:12px}
input,select,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #1d2b3c;background:#0d1420;color:#e7effa}
.grid{display:grid;gap:12px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.cols-2{grid-template-columns:1fr}}
.hidden{display:none}