*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial;background:#0d0101;color:#fff}a{color:inherit}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.side{padding:24px;background:#160303;border-right:1px solid #381010}.side h2{margin-top:0}.nav button{width:100%;padding:12px;margin:4px 0;text-align:left;border:0;border-radius:10px;background:transparent;color:#ddd}.nav button.active,.nav button:hover{background:#3a0a0a;color:#fff}.main{padding:28px}.card{background:rgba(40,4,4,.72);border:1px solid #4c1414;border-radius:16px;padding:20px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric{font-size:28px;font-weight:700}.muted{color:#aaa}.row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #2d0b0b}.btn{padding:10px 14px;border-radius:10px;border:1px solid #7c1b1b;background:#b51f1f;color:#fff;cursor:pointer}.btn.secondary{background:#281010}.login{max-width:420px;margin:10vh auto}.field{display:grid;gap:6px;margin:12px 0}.field input,.field select{padding:12px;border-radius:10px;border:1px solid #5b1717;background:#180404;color:#fff}.hidden{display:none!important}@media(max-width:800px){.app{grid-template-columns:1fr}.side{position:sticky;top:0;z-index:5;padding:10px}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap}.main{padding:16px}.grid{grid-template-columns:1fr}}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #351010;text-align:left}.actions{display:flex;gap:8px;flex-wrap:wrap}.tabs{display:flex;gap:8px;flex-wrap:wrap}