.card { border: 1px solid rgba(255,255,255,.1); border-radius: 1.5rem; background: rgba(15,23,42,.72); padding: 1.5rem; box-shadow: 0 20px 60px rgba(0,0,0,.25); backdrop-filter: blur(14px); }
.card h2 { margin-bottom: 1rem; font-size: 1.15rem; font-weight: 800; color: #f8fafc; }
.stat { border: 1px solid rgba(255,255,255,.1); border-radius: 1.25rem; background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)); padding: 1.25rem; }
.stat p { color: #94a3b8; font-size: .85rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.stat strong { display: block; margin-top: .45rem; font-size: 2.25rem; line-height: 1; color: white; }
.stat span { display: block; margin-top: .65rem; color: #cbd5e1; font-size: .9rem; }
.input { width: 100%; border-radius: .9rem; border: 1px solid rgba(255,255,255,.12); background: rgba(2,6,23,.75); padding: .8rem 1rem; color: #f8fafc; outline: none; }
.input:focus { border-color: #38bdf8; box-shadow: 0 0 0 3px rgba(56,189,248,.16); }
th { padding: .8rem .7rem; font-weight: 800; }
td { padding: .85rem .7rem; color: #cbd5e1; }
a { color: #7dd3fc; }
a:hover { color: #bae6fd; text-decoration: underline; }
.badge { display: inline-flex; white-space: nowrap; border-radius: 999px; padding: .25rem .65rem; font-size: .78rem; font-weight: 800; }
.fresh { background: rgba(34,197,94,.15); color: #86efac; }
.aging { background: rgba(245,158,11,.15); color: #fcd34d; }
.stale { background: rgba(251,113,133,.15); color: #fda4af; }
.outdated { background: rgba(239,68,68,.18); color: #fca5a5; }
.rec { border-radius: 1rem; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.05); padding: 1rem; }
.rec strong { color: #e0f2fe; }
.rec p { margin-top: .4rem; color: #cbd5e1; font-size: .92rem; }
.export-btn { border-radius: .9rem; border: 1px solid rgba(56,189,248,.35); background: rgba(14,165,233,.14); padding: .65rem 1rem; color: #bae6fd; font-size: .9rem; font-weight: 800; transition: .18s ease; }
.export-btn:hover { border-color: rgba(56,189,248,.75); background: rgba(14,165,233,.28); color: #f0f9ff; transform: translateY(-1px); }
canvas { max-height: 320px; }