*{box-sizing:border-box}
:root{
  --bg:#0b1020;
  --panel:#0f162e;
  --panel-2:#0c1426;
  --border:#1b2b4b;
  --text:#e5ebff;
  --muted:#95a3c2;
  --accent:#2563eb;
  --accent-2:#1d4ed8;
  --pill:#13213f;
  --danger:#ef4444;
}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif;background:linear-gradient(180deg,#09122a 0%,#0b1020 100%);color:var(--text)}
a{color:#9ec5ff;text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:18px}
.site-header{background:linear-gradient(180deg,#0d1530 0%,#0a1024 100%);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.header-flex{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}
.brand-link{display:inline-block;color:#dbe7ff;font-weight:700}
.pro{background:var(--accent);padding:2px 6px;border-radius:999px;margin-left:6px;font-size:12px}
.filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.right{display:flex;justify-content:flex-end}
.pill{display:inline-block;background:var(--pill);border:1px solid var(--border);border-radius:999px;padding:8px 12px;color:#dbe7ff}
.pill:hover{background:#0f1d3b}
.pill.admin{background:var(--accent);border-color:var(--accent-2);color:white}
.searchbar{display:flex;gap:10px;margin:14px 0}
input[type=text],input[type=password],input[type=file],select{background:#0b1224;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px;width:100%}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;background:var(--accent);border:1px solid var(--accent-2);color:#fff}
.btn.secondary{background:#1e2b4f;border-color:#263a6b}
.btn.warn{background:var(--danger);border-color:#b91c1c}
.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;margin:14px 0;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.grid{grid-template-columns:1fr}}
.filecard{background:var(--panel-2);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:transform .15s ease, box-shadow .15s ease}
.filecard:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.35)}
.file-head{display:flex;gap:12px;align-items:center}
.file-icon{width:40px;height:40px;flex:0 0 40px}
.file-title{font-weight:600;line-height:1.3;color:#eaf1ff}
.muted{color:var(--muted);font-size:13px}
.kpi{display:flex;gap:8px}
.badge{background:#0c1a36;border:1px solid var(--border);border-radius:999px;padding:2px 8px;color:#c7d8ff;font-size:12px}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid var(--border);text-align:left;color:#d8e3ff}
.site-footer{border-top:1px solid var(--border);background:#0a1024;color:#a9b9e6}
.small{font-size:12px}