.shu-page{max-width:720px;min-height:calc(100vh - 68px);background:#fff;border-radius:27px;overflow:hidden;box-shadow:0 16px 40px rgba(24,79,38,.08)}
.shu-hero{background:linear-gradient(135deg,#3fa94b,#39a949 72%,#36a345);padding:0 16px 22px;color:#fff}
.shu-title-bar{height:63px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;border-bottom:1px solid rgba(255,255,255,.12)}
.shu-title-bar h1{text-align:center;font-size:16px;line-height:1.3;margin:0;font-weight:800}
.shu-back{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:16px}
.shu-back:hover{background:rgba(255,255,255,.14)}
.shu-back:focus-visible{outline:3px solid #fff;outline-offset:2px}
.shu-summary{margin-top:15px;padding:17px 19px 16px;min-height:137px;border-radius:17px;background:#fff3d6;color:#292b27;box-shadow:0 8px 19px rgba(46,100,45,.1)}
.shu-summary-top{display:flex;justify-content:space-between;gap:12px}
.shu-summary small{display:block;color:#777a6e;font-size:10px;font-weight:600}
.shu-summary h2{font-size:15px;margin:5px 0 0;line-height:1.3}
.shu-summary-status{text-align:right;flex-shrink:0}
.shu-summary-status small{font-size:9px;margin-top:6px}
.shu-badge{display:inline-block;border-radius:99px;padding:6px 10px;background:#f8d86e;color:#715513;font-size:9px;font-weight:800;white-space:nowrap}
.shu-badge.is-recorded{background:#daf2d2;color:#307b37}
.shu-summary-total{margin-top:17px}.shu-summary-total strong{display:block;margin-top:4px;font-size:21px;line-height:1.2}
.shu-history{padding:20px 20px 44px;background:#fff}
.shu-history-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:5px}
.shu-history-heading small{font-size:9px;color:#58a662;font-weight:800;letter-spacing:.1em}
.shu-history-heading h2{font-size:16px;line-height:1.3;margin:4px 0 0;color:#29302b}
.shu-history-heading>span{font-size:10px;color:#84948a;white-space:nowrap}
.shu-history-item{display:flex;gap:12px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #eef2ec}
.shu-history-item:last-child{border-bottom:0}
.shu-money-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:50%;background:#3ea94b;color:#fff;font-size:24px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.13)}
.shu-history-detail{min-width:0;flex:1}.shu-history-detail h3{font-size:12px;font-weight:700;margin:1px 0 3px;color:#354238}
.shu-history-detail time{display:block;color:#8e9a91;font-size:9px}
.shu-history-status{display:inline-block;margin-top:7px;padding:4px 8px;border-radius:99px;background:#fff3ce;border:1px solid #f6e2a2;color:#806728;font-size:8px;font-weight:700}
.shu-history-item>strong{margin-top:2px;white-space:nowrap;color:#43a552;font-size:12px}
.shu-empty{text-align:center;padding:58px 22px;color:#687b6d}.shu-empty .shu-money-icon{margin:0 auto 14px}.shu-empty h3{font-size:14px;color:#344a38;margin:0 0 5px}.shu-empty p{font-size:11px;line-height:1.6;margin:0 auto;max-width:300px}
.shu-card-link{margin-left:auto;white-space:nowrap;font-size:10px;font-weight:800;color:#188566}.shu-card-link .fi{font-size:10px;margin-left:3px}.shu-card-link:hover{text-decoration:underline}
@media(max-width:700px){.shu-page{min-height:calc(100dvh - 66px);max-width:none;border-radius:0;box-shadow:none}.shu-hero{padding:0 15px 20px}.shu-title-bar{height:57px}.shu-summary{padding:15px 16px;min-height:116px;border-radius:15px}.shu-summary h2{font-size:13px}.shu-summary-total{margin-top:13px}.shu-summary-total strong{font-size:18px}.shu-history{padding:18px 16px 42px}.shu-history-heading h2{font-size:14px}.shu-history-item{gap:10px;padding:13px 0}.shu-history-item>strong{font-size:11px}.shu-money-icon{width:39px;height:39px;flex-basis:39px;font-size:22px}}
@media(max-width:360px){.shu-summary{padding:13px}.shu-summary-status small{font-size:8px}.shu-badge{font-size:8px;padding:5px 7px}.shu-history-item>strong{font-size:10px}}