:root{--bg:#0b1020;--panel:#111827;--card:#172033;--card2:#0f172a;--text:#e5e7eb;--muted:#94a3b8;--line:#273449;--blue:#2563eb;--green:#16a34a;--yellow:#ca8a04;--red:#dc2626}
*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#0b1020,#111827 55%,#0f172a);margin:0;color:var(--text);min-height:100vh}.topbar{position:sticky;top:0;z-index:50;background:rgba(17,24,39,.94);backdrop-filter:blur(10px);padding:16px 24px;border-bottom:1px solid var(--line);box-shadow:0 8px 28px rgba(0,0,0,.25)}.brand{display:flex;align-items:center;gap:12px}.brand img{height:42px;max-width:160px;object-fit:contain}.brand strong{font-size:20px;display:block}.brand span{color:var(--muted);font-size:13px}.wrap{max-width:1260px;margin:0 auto;padding:24px}.nav{max-width:1260px;margin:14px auto 0;padding:0 24px;display:flex;flex-wrap:wrap;gap:10px}.nav a{background:#1f2937;color:#fff;text-decoration:none;padding:10px 13px;border-radius:12px;border:1px solid #334155;font-weight:700}.nav a:hover{background:#2563eb}.nav .logout{margin-left:auto;background:#3b1118}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:rgba(23,32,51,.96);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 16px 36px rgba(0,0,0,.22)}.card h2,.card h3{margin-top:0}.kpi{font-size:34px;font-weight:900}.muted{color:var(--muted)}a.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;padding:11px 15px;border-radius:12px;text-decoration:none;border:none;cursor:pointer;font-weight:800;min-height:42px}a.btn.secondary,button.btn.secondary{background:#334155}.btn.danger{background:var(--red)}.btn.green{background:var(--green)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}label{display:block;font-weight:800;margin:10px 0 6px;color:#dbeafe}input,textarea,select{width:100%;padding:12px;border:1px solid #334155;border-radius:12px;background:#0b1220;color:#fff}textarea{min-height:110px}table{width:100%;border-collapse:collapse;background:rgba(23,32,51,.98);border-radius:16px;overflow:hidden;border:1px solid var(--line)}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#0f172a;color:#cbd5e1}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}.badge.ok{background:rgba(22,163,74,.18);color:#86efac;border:1px solid rgba(22,163,74,.35)}.badge.warn{background:rgba(202,138,4,.18);color:#fde68a;border:1px solid rgba(202,138,4,.35)}.badge.bad{background:rgba(220,38,38,.18);color:#fecaca;border:1px solid rgba(220,38,38,.35)}.row-new{box-shadow:inset 5px 0 0 var(--red)}.row-modified{box-shadow:inset 5px 0 0 var(--yellow)}.row-uploaded{box-shadow:inset 5px 0 0 var(--green)}.notice{background:#10233f;border:1px solid #2563eb;padding:12px;border-radius:12px;margin-bottom:16px}.footer-note{color:#64748b;font-size:12px;margin-top:28px}.thumbs{display:flex;flex-wrap:wrap;gap:8px}.thumbs img{height:70px;width:90px;object-fit:cover;border-radius:10px;border:1px solid #334155}.login{max-width:420px;margin:9vh auto}.actions{display:flex;gap:8px;flex-wrap:wrap}.pill{background:#0b1220;border:1px solid #334155;border-radius:999px;padding:6px 10px;display:inline-block;margin:3px;color:#cbd5e1}@media(max-width:800px){.wrap{padding:14px}.nav{padding:0 14px}.grid-2,.grid-3{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.nav .logout{margin-left:0}table,thead,tbody,th,td,tr{display:block}thead{display:none}tr{background:#172033;border:1px solid var(--line);border-radius:16px;margin-bottom:12px;padding:10px}td{border:none;padding:8px 0}td:before{content:attr(data-label);display:block;color:#94a3b8;font-size:11px;text-transform:uppercase;font-weight:900}.actions .btn{width:100%}}