/* panel/assets/app.css */
:root{--bg:#f6f7fb;--card:#fff}
body{background:var(--bg)}
.cardx{background:var(--card);border:none;border-radius:18px;box-shadow:0 10px 28px rgba(0,0,0,.07)}
.mono{font-variant-numeric:tabular-nums}
.badge-pill{border-radius:999px;padding:.35rem .7rem}
.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid rgba(0,0,0,.08);padding:8px 10px}
.bottom-nav a{text-decoration:none;color:#111;opacity:.75;font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:2px}
.bottom-nav a.active{opacity:1;font-weight:800}
.bottom-spacer{height:74px}
.soft{color:#6b7280}
.dot{width:10px;height:10px;border-radius:999px;display:inline-block;margin-right:7px}
.kpi{display:flex;align-items:center;justify-content:space-between}
.kpi .v{font-weight:800;font-size:1.15rem}