body{background:#fff;color:#555}.topbar{height:62px;min-height:62px;background:#2196e5;padding:0 16px;justify-content:center;position:relative;border-radius:0}.topbar h1{font-family:'DM Sans',sans-serif;font-size:22px;margin:0}.eyebrow{display:none}.back-button,.icon-button{position:absolute;background:transparent;color:#fff;border:0;width:40px;height:40px}.back-button{left:12px;font-size:38px;font-weight:300;line-height:24px}.icon-button{right:12px;font-size:24px}.content{padding:0 0 92px;background:#fff}.total-row{display:flex;justify-content:space-between;align-items:center;padding:24px 16px;border-bottom:1px solid #ececec;font-size:22px;color:#666}.total-row strong{font-size:21px}.account-item{min-height:80px;padding:0 16px;border-bottom:1px solid #ececec;color:#606060;font-size:21px;font-weight:600}.account-item b{font-size:20px}.account-item i{font-style:normal;color:#aaa;font-size:32px;font-weight:400;margin-left:4px}.transaction-head{height:82px;background:#2196e5;color:#fff;display:flex;align-items:center;justify-content:center;gap:26px;font-size:20px;position:relative}.head-arrow{background:none;color:#fff;font-size:38px;font-weight:300}.head-actions{position:absolute;right:15px;top:22px;font-size:25px}.summary-strip{margin:-1px 16px 18px;background:#fff;display:grid;grid-template-columns:repeat(3,1fr);padding:22px 8px 18px;border-radius:5px;box-shadow:0 3px 12px #52677a30;text-align:center;position:relative}.summary-strip span{display:block;font-size:14px;color:#444;margin-bottom:10px}.summary-strip b{font-size:16px}.transaction-list{background:#fff}.transaction-item{min-height:68px;border-bottom:1px solid #ececec;padding:15px 22px;display:flex;align-items:center;gap:12px}.transaction-item div{flex:1}.transaction-item small{display:block;color:#999;font-size:14px;margin-top:4px}.transaction-item i{font-style:normal;color:#aaa;font-size:30px}.transaction-item strong{font-size:16px}.fab{position:fixed;z-index:5;right:22px;bottom:86px;width:62px;height:62px;border-radius:50%;background:#5b9fe0;color:#fff;font-size:34px;box-shadow:0 4px 10px #5557}.add-menu{position:fixed;z-index:6;right:22px;bottom:158px;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.add-menu button{background:#fff;border-radius:6px;box-shadow:0 2px 8px #5554;padding:10px 14px;color:#444}.add-menu button:first-letter{color:#2196e5}.close-fab{z-index:7}.full-form{padding:14px;background:#fff}.full-form input,.full-form select{width:100%;height:62px;padding:0 15px;margin-bottom:12px;background:#fff;border:1px solid #aaa;border-radius:4px;color:#555;font-size:19px}.date-time{display:grid;grid-template-columns:1fr 115px;gap:8px}.date-time input{min-width:0}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 14px}.chips button{background:#2196e5;color:#fff;border-radius:4px;padding:8px 10px}.save-button{float:right;background:#2196e5;color:#fff;border-radius:4px;padding:14px 26px;font-size:18px;box-shadow:0 2px 6px #5554}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #278ecb;margin:14px;border-radius:4px;overflow:hidden;background:#fff}.tabs button{padding:12px;background:#fff;color:#2784b5;border-right:1px solid #278ecb}.tabs button.active{background:#3197d4;color:#fff}.period{text-align:center;font-size:18px;margin:32px 0 18px}.report-card{padding:0 16px}.report-card div{display:flex;justify-content:space-between;padding:7px 0;font-size:19px}.category-list{padding:22px 16px}.category-line{display:flex;align-items:center;gap:12px;font-size:17px}.category-line b{background:#d65e46;color:#fff;padding:8px}.category-line span{flex:1}.bar{height:5px;background:#eee;margin:7px 0 15px}.bar i{display:block;height:100%;background:#d65e46}.debt-item{display:flex;justify-content:space-between;padding:18px 16px;border-bottom:1px solid #ececec}.debt-item small{display:block;color:#999;margin-top:5px}.settings-page{padding:25px 16px}.bottom-nav{padding-top:10px}.bottom-nav button{font-size:25px}.bottom-nav span{font-size:12px}@media(min-width:700px){#app{max-width:680px;margin:auto}.topbar{border-radius:0}}