:root{--border:#dfe6ee;--muted:#64748b;--bg:#f5f7fb;--valid-bg:#e6f6ea;--valid-fg:#116b36;--soon-bg:#fff7e6;--soon-fg:#8a5800;--future-bg:#e6f0ff;--future-fg:#1438a6;--expired-bg:#fdecea;--expired-fg:#a12622}body{background:#f5f7fb;background:var(--bg);color:#0f172a;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:0}.wrap{margin:16px auto;max-width:1100px;padding:8px}.topbar{align-items:center;background:#e9eef5;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.total{color:#1e293b;font-weight:600}.actions{align-items:center;display:flex;gap:8px}.search{padding:10px 12px;width:320px}.rows,.search{border:1px solid #dfe6ee;border:1px solid var(--border);border-radius:8px}.rows{padding:10px}.sortbar{align-items:center;color:#64748b;color:var(--muted);display:flex;gap:8px;padding:8px 2px}.chip{background:#fff;border:1px solid #dfe6ee;border:1px solid var(--border);border-radius:999px;cursor:pointer;padding:6px 10px}.chipActive{background:#eef2ff;border-color:#6366f1;color:#3730a3;font-weight:600}.cardList{display:flex;flex-direction:column;gap:12px;list-style:none;margin:8px 0;padding:0}.card{grid-gap:16px;background:#fff;border:1px solid #dfe6ee;border:1px solid var(--border);border-radius:10px;display:grid;gap:16px;grid-template-columns:120px 1fr 220px;padding:16px}.cardLeft{align-items:center;display:flex;flex-direction:column;justify-content:center}.smLabel{color:#64748b;color:var(--muted);font-weight:600}.smValue{color:#0f172a;font-size:28px;font-weight:700}.cardMain .row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:110px 1fr;margin:2px 0}.label{color:#111827;font-weight:700}.value{color:#0f172a}.productLink{color:#2563eb;cursor:default;font-weight:700}.sep{border:none;border-top:1px solid #dfe6ee;border-top:1px solid var(--border);margin:10px 0}.stdRef{color:#475569}.cardRight{align-items:flex-end;display:flex;flex-direction:column;gap:8px;justify-content:center}.status{font-size:22px;font-weight:800}.status.valid{color:#116b36;color:var(--valid-fg)}.status.soon{color:#8a5800;color:var(--soon-fg)}.status.future{color:#1438a6;color:var(--future-fg)}.status.expired{color:#a12622;color:var(--expired-fg)}.dates{color:#0f172a}.dates div{margin:2px 0}.footer{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.btn{background:#fff;border:1px solid #dfe6ee;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:8px 12px}.btn:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.btnActive{background:#eef2ff;border-color:#6366f1;font-weight:700}.fetching{color:#64748b;color:var(--muted);font-size:12px;margin-left:6px}.error{background:#fff1f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;padding:12px}.empty{background:#fafbff;border:1px dashed #dfe6ee;border:1px dashed var(--border);border-radius:8px;color:#64748b;color:var(--muted);padding:24px;text-align:center}.skeleton{opacity:.8}.sk{background:#e5e7eb;border-radius:6px}.sk-sm{height:18px;width:70px}.sk-line{height:14px;margin:6px 0}.sk-line.short{width:60%}.sk-badge{height:24px;width:80px}.sk-two{height:12px;margin-top:8px;width:120px}@media (max-width:900px){.card{grid-template-columns:100px 1fr}.cardRight{align-items:flex-start;grid-column:1/-1}}.siteHeader{grid-gap:12px;align-items:center;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);background:#fffc;border-bottom:1px solid #dfe6ee;border-bottom:1px solid var(--border);display:grid;gap:12px;grid-template-columns:1fr auto;margin:0 0 12px;padding:10px 16px;position:-webkit-sticky;position:sticky;top:0;transition:box-shadow .18s ease,background .18s ease,border-color .18s ease;z-index:50}.siteHeader.isScrolled{background:#ffffffe6;border-color:#d7dee8;box-shadow:0 6px 16px #0000000f}.headLeft{align-items:center;display:flex;flex-wrap:wrap;gap:14px;min-width:0}.brandMark{background:#2563eb;border-radius:10px;box-shadow:0 2px 8px #2563eb59;color:#fff;display:grid;font-size:18px;font-weight:800;height:36px;place-items:center;width:36px}.titles{display:flex;flex-direction:column;gap:2px;min-width:0}.appTitle{color:#0f172a;font-size:18px;font-weight:800;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subtitle{color:#64748b;color:var(--muted);font-size:12px}.totalPill{background:#fff;border:1px solid #dfe6ee;border:1px solid var(--border);border-radius:999px;color:#334155;font-size:12px;font-weight:600;margin-left:8px;padding:6px 10px}.headRight{gap:10px;justify-content:flex-end}.headRight,.searchWrap{align-items:center;display:flex}.searchWrap{background:#fff;border:1px solid #dfe6ee;border:1px solid var(--border);border-radius:10px;max-width:420px;min-width:280px;padding:6px 10px 6px 36px;position:relative;width:32vw}.searchIcon{color:#64748b;font-size:14px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.searchField{border:none;color:#0f172a;font-size:14px;outline:none;width:100%}.searchField::placeholder{color:#9aa5b1}.clearBtn{background:#f1f5f9;border:none;border-radius:6px;color:#334155;cursor:pointer;display:grid;height:24px;margin-left:8px;place-items:center;width:24px}.clearBtn:hover{background:#e2e8f0}@media (max-width:700px){.siteHeader{gap:10px;grid-template-columns:1fr}.totalPill{margin-left:0;order:3}.searchWrap{min-width:0;width:100%}}
/*# sourceMappingURL=main.c0326f80.css.map*/