body{margin:0;font-family:system-ui;background:#050812;color:#e8f1ff}
.bar{position:sticky;top:0;background:rgba(5,8,18,.85);backdrop-filter:blur(8px);padding:12px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,242,255,.15)}
.brand{font-weight:900} .brand span{color:#9bb0cf;font-weight:800;margin-left:8px}
nav a{color:#e8f1ff;text-decoration:none;margin-left:12px;font-weight:800}
.wrap{max-width:980px;margin:0 auto;padding:16px}
.card{background:rgba(11,18,32,.75);border:1px solid rgba(0,242,255,.15);border-radius:16px;padding:14px;margin:14px 0;box-shadow:0 12px 30px rgba(0,0,0,.35)}
h1{margin:0 0 8px} h2{margin:0 0 8px} h3{margin:14px 0 8px}
.muted{color:#9bb0cf} .foot{padding:10px 2px}
.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
label{flex:1;min-width:180px;font-weight:800}
input,select{width:100%;margin-top:6px;padding:10px;border-radius:12px;border:1px solid rgba(0,242,255,.18);background:rgba(5,8,18,.55);color:#e8f1ff}
.btn{padding:10px 12px;border-radius:12px;border:1px solid rgba(0,242,255,.25);background:rgba(0,242,255,.12);color:#e8f1ff;font-weight:900;cursor:pointer}
.btn.ghost{background:transparent}
.btn.danger{border-color:rgba(255,59,59,.45);background:rgba(255,59,59,.10)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kpi{padding:10px;border-radius:14px;border:1px solid rgba(0,242,255,.12);background:rgba(5,8,18,.35)}
.kpi b{display:block;font-size:1.2rem;margin-top:4px}
.tableWrap{overflow:auto;border-radius:14px;border:1px solid rgba(0,242,255,.12)}
table{width:100%;border-collapse:collapse;min-width:820px}
th,td{padding:10px;border-bottom:1px solid rgba(0,242,255,.10);text-align:left;vertical-align:top}
th{background:rgba(11,18,32,.95);position:sticky;top:0}