*{box-sizing:border-box}html,body,#root{height:100%;margin:0}:root{--bg: #f5f6f8;--fg: #0f172a;--muted: #64748b;--card-bg: #ffffff;--card-shadow: 0 6px 20px rgba(2, 6, 23, .08);--radius: 16px;--container: 1100px;--gap: 16px}.app{min-height:100%;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(1200px 800px at 50% -10%,#e9eefb 0%,transparent 60%) var(--bg);color:var(--fg)}.app__header{display:flex;justify-content:center;padding:28px 16px 8px}.app__title{font-size:28px;font-weight:700;letter-spacing:.2px;margin:0}.app__content{display:flex;justify-content:center;padding:16px}.loading{opacity:.7}.cards{width:100%;max-width:var(--container);display:grid;gap:var(--gap);grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:560px){.cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.cards{grid-template-columns:repeat(5,1fr)}}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:18px 20px;max-height:105px;transition:transform .12s ease,box-shadow .12s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0206171f}.card__title{font-size:13px;color:var(--muted);letter-spacing:.4px;text-transform:uppercase;margin-bottom:8px}.card__value{font-size:28px;font-weight:800;line-height:1.2}.app__footer{display:flex;justify-content:center;padding:18px 16px 28px;color:var(--muted);font-size:13px}.app__footer a{color:inherit;text-decoration:none}.app__footer a:hover{text-decoration:underline}