body{margin:0;background:#08090c;color:#f4f4f5;font-family:Arial,system-ui,sans-serif}
.wrap{max-width:1680px;margin:0 auto;padding:24px}
.badge{display:inline-block;padding:5px 10px;border-radius:999px;border:1px solid #2b3040;margin-right:8px;font-size:12px}
.greenbg{background:#14532d;color:#dcfce7}.bluebg{background:#0c4a6e;color:#e0f2fe}
h1{font-size:34px;margin:10px 0}.note{color:#a1a1aa;line-height:1.45}
.nav{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.nav a{padding:10px 14px;border:1px solid #2b3040;border-radius:12px;background:#11131a;color:#fff;text-decoration:none}.nav a.active{background:#263044;border-color:#60a5fa}
.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:16px}.card{background:#11131a;border:1px solid #2b3040;border-radius:18px;box-shadow:0 16px 50px rgba(0,0,0,.25)}.p{padding:16px}
.small{font-size:12px;color:#a1a1aa;text-transform:uppercase;letter-spacing:.15em}.big{font-size:30px;font-weight:800}
.rowgrid{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media(max-width:1100px){.rowgrid{grid-template-columns:1fr}}
.tablewrap{overflow:auto;border-radius:0 0 18px 18px}table{width:100%;min-width:1450px;border-collapse:collapse}th,td{padding:11px 12px;border-bottom:1px solid #2b3040;text-align:left;vertical-align:top}th{position:sticky;top:0;background:#0f1219;color:#e5e7eb;z-index:3}tr:hover{background:#1a2030}.reason{white-space:normal;min-width:250px;line-height:1.35}
.green{color:#4ade80}.blue{color:#38bdf8}.amber{color:#facc15}.red{color:#f87171}.mono{font-family:ui-monospace,monospace}
.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.group{background:#11131a;border:1px solid #2b3040;border-radius:14px;padding:10px 12px}.select,.input{background:#0b0d12;color:#fff;border:1px solid #475569;border-radius:10px;padding:8px 10px}.range{width:170px}.btn{border:0;border-radius:10px;padding:9px 12px;background:#2563eb;color:white;cursor:pointer}.btn.gray{background:#3f3f46}.btn.red{background:#b91c1c}.btn.green{background:#15803d}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.progress{height:12px;border-radius:999px;background:#27272a;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#22c55e,#38bdf8)}.footer{color:#a1a1aa;font-size:13px;margin-top:24px}
input.cell{width:115px}.input.name{min-width:210px}.input.wide{min-width:180px}