*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;margin:0;background:#0a0a0a;color:#f1f5f9}
.header{background:#10b981;padding:14px 16px;color:#052e1a;font-weight:700}
.container{max-width:1100px;margin:20px auto;padding:16px;background:#0b1220;border:1px solid #1f2937;border-radius:16px}
.grid{display:grid;gap:12px}
.grid-2{grid-template-columns:1fr 1fr}
.card{background:#0f172a;border:1px solid #1f2937;border-radius:16px;padding:14px}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:none;background:#10b981;color:#04100b;text-decoration:none;font-weight:600}
.btn.warn{background:#f59e0b;color:#1a1200}
.btn.danger{background:#ef4444;color:#220606}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #1f2937;padding:8px;text-align:left}
.input,select{width:100%;padding:10px;border-radius:10px;border:1px solid #334155;background:#0b1220;color:#e2e8f0}
h1,h2,h3{margin:6px 0}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#334155;color:#e2e8f0;font-size:12px}
footer{opacity:.7;text-align:center;padding:16px}
a{color:#86efac}
.note{font-size:12px;opacity:.8}