body[data-view="dashboard"] main{padding:0;background:#f4f1ee}
body[data-view="dashboard"] main>header{display:none}
.balance-board{min-height:100vh;background:#fffaf6;border:1px solid #efd3c3;border-radius:26px 26px 0 0;overflow:hidden}
.balance-board-header{display:block;margin:0;padding:22px;border-bottom:1px solid #ecd2c3;background:transparent}
.balance-board-header h2{margin:0;color:#082b50;font-size:22px;font-weight:800;letter-spacing:-.3px}
.balance-groups{display:grid;gap:14px;padding:22px}
.balance-group{padding:16px;border:1px solid #efcfbe;border-radius:20px;background:#fffdfb}
.balance-group-head{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;align-items:start;gap:12px;margin-bottom:14px}
.balance-group-head h3{margin:0 0 2px;color:#1e5da4;font-size:18px;font-weight:800}
.balance-group-head strong{color:#496481;font-size:12px}
.balance-group-head p,.balance-item p{margin:10px 0 0;color:#526a82;font-size:11px;font-weight:750}
.balance-group-head p span,.balance-item p span{margin-left:12px}
.balance-total{color:#1e5da4;font-size:30px;font-weight:850;line-height:1.2}
.collapse-balance{width:34px;height:34px;padding:0;border:1px solid #cbdcf2;border-radius:50%;background:#fff;color:#1e5da4;font-size:18px;line-height:1}
.collapse-balance:hover{background:#eef5ff}
.balance-items{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px}
.balance-item{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px;padding:15px 16px;border:1px solid #bcd4ff;border-radius:17px;background:#eaf1ff}
.balance-item h4{margin:0;color:#486581;font-size:15px;font-weight:800}
.balance-item>strong{color:#1e5da4;font-size:29px;font-weight:850}
.balance-item.tone-1{border-color:#ffc09f;background:#ffe3d4}
.balance-item.tone-2{border-color:#f4d18b;background:#fff1d5}
.balance-item.tone-3{border-color:#e9d4c6;background:#fbf5f1}
@media(max-width:1250px){.balance-items{grid-template-columns:repeat(3,minmax(180px,1fr))}}
@media(max-width:900px){.balance-items{grid-template-columns:repeat(2,minmax(160px,1fr))}}
@media(max-width:600px){body[data-view="dashboard"] main{padding:0}.balance-board{border-radius:20px 20px 0 0}.balance-board-header,.balance-groups{padding:16px}.balance-items{grid-template-columns:1fr}.balance-group{padding:14px}.balance-group-head{grid-template-columns:minmax(0,1fr) auto 34px}.balance-total{font-size:26px}}