.brand{display:grid;gap:3px;align-items:center}.brand img{display:block;width:184px;max-width:58vw;height:auto}.brand small{margin:0;color:#fff;font-size:.68rem;font-weight:600}.menu-button{width:46px;height:46px;display:grid;align-content:center;gap:5px;padding:8px}.menu-button i{display:block;height:4px;border-radius:3px;background:#fff}.subpage-heading{margin:4px 0 20px}.subpage-heading>a{display:inline-block;margin-bottom:14px;color:#1b61bd;text-decoration:none;font-weight:700}.subpage-heading h1{margin-bottom:7px;font-size:1.75rem}.subpage-heading p{margin-bottom:4px;color:#5b6f8f}.detail-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.detail-summary>div{padding:16px;border-radius:15px;background:#eaf4ff}.detail-summary span,.detail-summary strong{display:block}.detail-summary span{color:#5b6f8f;font-size:.78rem}.detail-summary strong{margin-top:6px;font-size:1.25rem}.subpage-card{margin:16px 0;padding:18px;border:1px solid #d2dce9;border-radius:18px;background:#fff}.subpage-card h2{font-size:1.05rem}.responsive-table{overflow-x:auto}.responsive-table table{width:100%;border-collapse:collapse;white-space:nowrap}.responsive-table th,.responsive-table td{padding:10px 8px;border-bottom:1px solid #e2e8f1;text-align:left;font-size:.78rem}.responsive-table th{color:#5b6f8f}.formula{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:13px 0;padding:14px;border-radius:12px;background:#eaf4ff}.gas-detail .formula{background:#fff0e4}.formula span{font-size:.82rem}.formula strong{text-align:right;color:#164f9d}.gas-detail .formula strong{color:#d95c00}.money-list{margin:0}.money-list>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid #e6ebf2}.money-list dt,.money-list dd{margin:0}.money-list dd{font-weight:750}.money-list .total-row{margin-top:5px;border:0;color:#164f9d;font-size:1rem}.timeline{display:grid;gap:16px}.history-entry{padding:18px;border:1px solid #d2dce9;border-radius:18px}.history-entry>header{display:flex;align-items:center;justify-content:space-between;gap:15px}.history-entry>header span{color:#5b6f8f;font-size:.73rem}.history-entry h2{margin:3px 0 0;font-size:1.25rem;text-transform:capitalize}.history-entry>header>strong{font-size:1.15rem}.history-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:14px 0}.history-services>div{display:grid;gap:4px;padding:11px;border-radius:11px;background:#f2f6fb;font-size:.78rem}.history-services a{margin-top:3px;color:#1b61bd;font-weight:700}.history-entry details{margin:12px 0}.history-entry summary{color:#1b61bd;font-size:.82rem;font-weight:700;cursor:pointer}.history-download{display:flex;justify-content:center;padding:11px;border-radius:10px;background:#215fc3;color:#fff;text-decoration:none;font-weight:750}.account-data{margin:0}.account-data>div{padding:10px 0;border-bottom:1px solid #e6ebf2}.account-data dt{color:#5b6f8f;font-size:.76rem}.account-data dd{margin:4px 0 0;font-weight:700}.alert.success{background:#edf9f1;border:1px solid #aed9bd;color:#176a37}.notification-list{display:grid;gap:12px}.notification-item{padding:17px;border:1px solid #d2dce9;border-radius:16px}.notification-item.unread{border-left:5px solid #2867c8;background:#f7fbff}.notification-item header{display:flex;justify-content:space-between;gap:12px}.notification-item h2{font-size:.95rem}.notification-item time,.notification-item>span{color:#6a7c96;font-size:.7rem}.notification-item p{font-size:.85rem;line-height:1.5}.more-list{display:grid;gap:9px}.more-list>a{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:11px;padding:15px;border:1px solid #d2dce9;border-radius:14px;color:#102653;text-decoration:none}.more-list span{color:#1d63c6;font-size:1.2rem}.more-list b,.more-list small{display:block}.more-list small{margin-top:3px;color:#5b6f8f}.more-list i{font-size:1.5rem;font-style:normal}.institutional{scroll-margin-top:15px}.logout-action{width:100%;min-height:48px;margin-top:12px;border:1px solid #d75757;border-radius:12px;background:#fff;color:#a92b2b;font:inherit;font-weight:750}.bottom-nav a{font-size:.69rem}.bottom-nav a:nth-child(3) span{font-size:1.05rem}@media(max-width:560px){.brand img{width:155px}.brand small{font-size:.6rem}.detail-summary{grid-template-columns:1fr}.formula{align-items:flex-start;flex-direction:column}.formula strong{text-align:left}.subpage-card{padding:15px}.notification-item header{display:block}.notification-item time{display:block;margin-top:-5px;margin-bottom:10px}}