.total-bills{color:#f7eed7;background:#07151b;min-height:100svh;padding:24px clamp(16px,4vw,64px);font-family:PingFang SC,sans-serif}.total-bills>header{grid-template-columns:180px 1fr auto;align-items:center;gap:24px;max-width:1200px;margin:auto;display:grid}.total-bills a{color:#f4d274;text-decoration:none}.total-bills h1{margin:4px 0;font:42px/1.1 serif}.total-bills header p,.total-bills header small{color:#91a9ad}.tb-summary{grid-template-columns:repeat(4,1fr);gap:12px;max-width:1200px;margin:28px auto 18px;display:grid}.tb-summary span{background:#102833;border:1px solid #b8964938;border-radius:14px;padding:18px}.tb-summary small,.tb-summary b{display:block}.tb-summary small{color:#90a4a7;margin-bottom:8px}.tb-summary b{font-size:20px}.pos{color:#74d6a6!important}.neg{color:#ff9888!important}.zero{color:#e8d39c!important}.total-bills>nav{gap:8px;max-width:1200px;margin:auto;padding-bottom:12px;display:flex;overflow:auto}.total-bills>nav button{white-space:nowrap;color:#d8e3df;background:#0d222b;border:1px solid #ad8e4866;border-radius:999px;padding:9px 14px}.total-bills>nav button[aria-pressed=true]{color:#14221f;background:#d0a845}.tb-list{gap:8px;max-width:1200px;margin:auto;display:grid}.tb-list>article{background:#0d222b;border:1px solid #52707955;border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:12px 16px;display:grid}.tb-list>article>i{color:#12251f;background:#d0a845;border-radius:50%;place-items:center;width:38px;height:38px;font-style:normal;font-weight:800;display:grid}.tb-list article small{color:#8fa3a7;margin-top:5px;display:block}.tb-list article>strong{text-align:right;font-size:17px}.tb-error{color:#ff9e8e;max-width:1200px;margin:0 auto 12px}@media (max-width:700px){.total-bills{padding:14px}.total-bills>header{grid-template-columns:1fr auto}.total-bills>header>a{grid-column:1/-1}.total-bills h1{font-size:30px}.tb-summary{grid-template-columns:1fr 1fr}.tb-list>article{grid-template-columns:36px 1fr}.tb-list article>strong{text-align:left;grid-column:2}.tb-list article small{overflow-wrap:anywhere}}