:root{--bg:#f4f7fb;--card:#fff;--accent:#0ea5e9;--muted:#6b7280;--nav:#1e293b;--nav-text:#f8fafc;--shadow:0 2px 8px #00000014}*{box-sizing:border-box}body{background:#f4f7fb;background:var(--bg);color:#111;font-family:Inter,system-ui,Arial,sans-serif;margin:0}.app{display:flex;height:100vh;overflow:hidden}.main{flex:1 1}.main,.sidebar{display:flex;flex-direction:column}.sidebar{background:#1e293b;background:var(--nav);color:#f8fafc;color:var(--nav-text);gap:12px;padding:20px 10px;width:220px}.sidebar h2{color:#0ea5e9;color:var(--accent);margin-bottom:20px;text-align:center}.sidebar button{background:#0000;border:none;border-radius:6px;color:#f8fafc;color:var(--nav-text);cursor:pointer;font-size:15px;padding:10px 12px;text-align:left;transition:.2s}.sidebar button:hover{background:#ffffff1a}.sidebar button.active{background:#0ea5e9;background:var(--accent);color:#fff}.header{align-items:center;background:#fff;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow);display:flex;justify-content:space-between;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand{font-size:20px;font-weight:700}.status{border-radius:4px;font-size:13px;font-weight:600;padding:4px 8px}.status.ok{background:#dcfce7;color:#166534}.status.fail{background:#fee2e2;color:#991b1b}.content{overflow-y:auto;padding:20px}.card{background:#fff;background:var(--card);border-radius:10px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow);margin-bottom:20px;padding:16px;transition:transform .2s ease}.card:hover{transform:translateY(-3px)}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.summary-card{background:#fff;background:var(--card);border-radius:10px;box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;padding:20px;position:relative;text-align:center}.summary-card h2{color:#0ea5e9;color:var(--accent);font-size:28px;margin:0}.summary-card p{color:#6b7280;color:var(--muted);font-size:14px;margin-top:6px}.summary-card:after{background:linear-gradient(45deg,#0000,#0ea5e933);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.summary-card:hover:after{opacity:1}table{border-collapse:collapse;margin-top:10px;width:100%}td,th{border-bottom:1px solid #eef2f6;font-size:13px;padding:8px;text-align:left}th{background:#f1f5f9;font-size:12px;text-transform:uppercase}.small{color:#6b7280;color:var(--muted);font-size:13px}details summary{cursor:pointer;font-weight:600}details.card{margin-top:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:10px}.img-thumb{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;height:180px;object-fit:contain;width:100%}@media (max-width:900px){.sidebar{display:none}}.snapshot-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:6px;text-align:center}.snapshot-img{border-radius:6px;cursor:pointer;height:120px;object-fit:cover;width:100%}.snapshot-img:hover{transform:scale(1.03);transition:.2s ease}.snapshot-time{color:#6b7280;font-size:11px;margin-top:4px}.snapshot-missing{align-items:center;color:#9ca3af;display:flex;font-size:12px;height:120px;justify-content:center}.inner-section{border-left:3px solid #e5e7eb;margin-top:12px;padding-left:12px}.inner-section summary{cursor:pointer;font-weight:600;margin-bottom:8px}.snapshot-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:10px}.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.table-card{padding:0}.table-header{align-items:center;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;padding:16px}.table-header h3{font-size:18px;margin:0}.table-count{background:#e5e7eb;border-radius:12px;font-size:13px;font-weight:600;padding:4px 10px}.table-wrapper{border-radius:12px;max-height:70vh;overflow-x:auto}.styled-table{background:#fff;border-collapse:initial;border-spacing:0;font-size:14px;width:100%}.styled-table thead th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;color:#475569;font-size:12px;font-weight:600;letter-spacing:.05em;padding:14px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:2}.styled-table thead th:first-child{border-top-left-radius:12px}.styled-table thead th:last-child{border-top-right-radius:12px}.styled-table tbody td{border-bottom:1px solid #f1f5f9;color:#1f2937;padding:14px 12px;vertical-align:middle;white-space:nowrap}.styled-table tbody tr:nth-child(2n){background:#fafafa}.styled-table tbody tr:hover{background:#0ea5e914;transition:background .2s ease}.styled-table tbody tr{transition:box-shadow .15s ease,transform .15s ease}.styled-table tbody tr:hover{box-shadow:inset 4px 0 0 #0ea5e9}.table-wrapper::-webkit-scrollbar{height:8px;width:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dashboard-grid.compact{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(12,1fr)}.dashboard-card{background:#fff;border-radius:10px;box-shadow:0 1px 6px #0000000d;display:flex;flex-direction:column;padding:12px}.dashboard-card.small{grid-column:span 4}.dashboard-card.wide{grid-column:span 8}.dashboard-card h4{color:#1e293b;font-size:13px;font-weight:600;margin:0 0 6px}.muted{color:#94a3b8;font-size:12px}.hint{color:#64748b;font-size:11px;margin-top:4px;text-align:center}.dashboard-card canvas{max-height:180px}@media (max-width:1024px){.dashboard-card.small,.dashboard-card.wide{grid-column:span 12}}
/*# sourceMappingURL=main.5aab5632.css.map*/