:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#e5e7eb;background:#0b1020;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}a{color:#93c5fd}.container{max-width:1120px;margin:0 auto;padding:20px}.card{background:#121a2c;border:1px solid #26324f;border-radius:12px;padding:16px}.row{align-items:center;gap:12px;display:flex}.grid{gap:12px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #2b395a;padding:10px}.input,.button{color:#e5e7eb;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:8px 10px}.button{cursor:pointer}.button:disabled{opacity:.5;cursor:not-allowed}.kpi{font-size:28px;font-weight:700}.muted{color:#94a3b8}.skeleton{background:linear-gradient(90deg,#1e293b,#334155,#1e293b) 0 0/200% 100%;border-radius:6px;height:18px;animation:1.2s infinite pulse}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.imageWrap{border:1px dashed #334155;border-radius:10px;place-items:center;min-height:280px;display:grid}.image{border-radius:10px;max-width:100%;max-height:480px}.badge{border:1px solid #334155;border-radius:999px;padding:4px 8px;font-size:12px}.badge.online{color:#86efac;border-color:#166534}.badge.offline{color:#fca5a5;border-color:#7f1d1d}.galleryGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;width:100%;display:grid}.galleryItem{text-align:left;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:10px;gap:8px;width:100%;padding:8px;display:grid}.galleryItem:disabled{opacity:.7;cursor:wait}.galleryImage{object-fit:cover;border-radius:8px;width:100%;height:120px;display:block}.galleryCaption{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.modalBackdrop{z-index:1000;background:#020617d9;place-items:center;display:grid;position:fixed;inset:0}.modalContent{background:#0b1020;border:1px solid #334155;border-radius:12px;gap:10px;width:min(96vw,1400px);max-height:96vh;padding:12px;display:grid}.modalToolbar{flex-wrap:wrap;justify-content:flex-start}.modalImageWrap{touch-action:none;cursor:grab;background:#020617;border:1px solid #26324f;border-radius:10px;place-items:center;max-height:80vh;display:grid;overflow:hidden}.modalImageWrap.dragging{cursor:grabbing}.modalImage{transform-origin:50%;border-radius:8px;max-width:90vw;max-height:80vh}