:root{--pico-font-size:15px;--pico-spacing:.8rem}
body{background:#f6f7f9}
header.top{background:#fff;border-bottom:1px solid #e5e7eb;margin-bottom:1rem}
header.top nav{max-width:1400px;margin:0 auto}
main.container-fluid{max-width:1400px;margin:0 auto;padding-bottom:3rem}
.flash{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;padding:.5rem .8rem;border-radius:6px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;margin-bottom:1rem}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.6rem .8rem}
.card b{display:block;font-size:1.35rem;font-variant-numeric:tabular-nums}
.card span{color:#6b7280;font-size:.85rem}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end;margin-bottom:.6rem}
.filters select,.filters input{margin:0;padding:.35rem .5rem;height:auto;width:auto;min-width:7rem;font-size:.9rem}
.filters button{margin:0;padding:.35rem .9rem;width:auto;font-size:.9rem}
.tbl{overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-radius:8px}
table{margin:0;font-size:.88rem;white-space:nowrap}
th a{color:inherit;text-decoration:none}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.neg{color:#b91c1c}.pos{color:#047857}
.dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;background:#d1d5db;margin-right:.3rem}
.dot.on{background:#10b981}
.tag{display:inline-block;padding:.05rem .45rem;border-radius:4px;font-size:.78rem;background:#eef2ff;color:#3730a3}
.tag.active{background:#ecfdf5;color:#047857}.tag.trial{background:#eff6ff;color:#1d4ed8}
.tag.expired,.tag.revoked,.tag.mismatch{background:#fef2f2;color:#b91c1c}.tag.pending{background:#fffbeb;color:#b45309}
.muted{color:#6b7280;font-size:.85rem}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}
.panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:1rem}
.panel h3{font-size:1.05rem;margin-bottom:.6rem}
.kv{display:grid;grid-template-columns:7.5rem 1fr;gap:.25rem .6rem;font-size:.9rem}
.kv div:nth-child(odd){color:#6b7280}
.acts form{display:flex;gap:.4rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap}
.acts input,.acts button,.acts select{margin:0;width:auto;padding:.35rem .6rem;height:auto;font-size:.9rem}
.acts input[type=text]{min-width:12rem;flex:1}
svg.chart{width:100%;height:auto;background:#fff}
svg.chart text{font-size:11px;fill:#6b7280}
svg.chart .g{stroke:#eef0f3}
svg.chart polyline{fill:none;stroke-width:1.6}
svg.chart .eq{stroke:#2563eb}svg.chart .bal{stroke:#9ca3af;stroke-dasharray:4 3}
.legend span{margin-right:1rem;font-size:.85rem}
.rng a{margin-right:.6rem}.rng a.cur{font-weight:700;text-decoration:none;color:#111}
@media (max-width:640px){header.top nav ul:first-child{display:none}.kv{grid-template-columns:6rem 1fr}}