:root{color:#f7f7f5;font-synthesis:none;background:#e7e8e7;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.app-shell{background:#e7e8e7;place-items:center;min-height:100vh;padding:8px;display:grid}.dashboard{background:#1f2022;width:min(100%,430px);min-height:min(785px,100vh - 16px);overflow:hidden;box-shadow:0 16px 35px #0000002e}.login-screen{color:#f7f7f5;background:#1f2022;grid-template-rows:37% 1fr;width:min(100%,430px);min-height:min(785px,100vh - 16px);display:grid;overflow:hidden;box-shadow:0 16px 35px #0000002e}.login-brand{background:#1d6a71;align-content:center;justify-items:start;gap:14px;padding:48px 34px;display:grid}.login-brand-icon{aspect-ratio:1;border:2px solid #f7f7f5;border-radius:50%;place-items:center;width:68px;display:grid}.login-brand p{margin:0;font-size:22px;font-weight:700}.login-form{align-self:center;gap:10px;padding:42px 34px;display:grid}.login-heading{margin-bottom:20px}.login-heading h1{margin:0 0 8px;font-size:25px}.login-heading p{color:#c9cdcd;margin:0;font-size:14px}.field-label{margin-top:8px;font-size:14px;font-weight:700}.login-form input{color:#f7f7f5;background:#292a2c;border:1px solid #777b7c;border-radius:4px;width:100%;height:48px;padding:0 14px;font-size:16px}.login-form input::placeholder{color:#a9aeae}.login-form input:focus{outline-offset:2px;border-color:#59a8a8;outline:2px solid #59a8a8}.login-button{color:#f7f7f5;cursor:pointer;background:#1d6a71;border:0;border-radius:4px;height:48px;margin-top:24px;font-size:16px;font-weight:700}.login-button:hover{background:#258087}.login-button:disabled{cursor:wait;opacity:.7}.login-error{color:#ffaaa1;margin:10px 0 0;font-size:14px;font-weight:700}.topbar{background:#1d6a71;justify-content:space-between;align-items:flex-start;min-height:140px;padding:33px 28px 13px 25px;display:flex}.topbar-actions{align-items:center;gap:4px;display:flex}.profile{gap:9px;display:grid}.profile p{margin:0;font-size:16px;font-weight:700}.profile-avatar{color:#4c4c4c;background:#fafafa;border-radius:50%;place-items:center;width:62px;height:62px;display:grid}.icon-button{color:#fafafa;cursor:pointer;background:0 0;border:0;place-items:center;width:42px;height:42px;padding:0;display:grid}.icon-button:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #f4cd4d}.content{padding:31px 25px 20px}.balance{gap:16px;display:grid}.balance-item{gap:5px;display:grid}.balance-link{color:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;padding:0;font-size:16px;font-weight:700;display:flex}.balance-link span:last-child{font-size:25px;line-height:14px}.balance-item>strong{font-size:22px}.balance-item--secondary .balance-link{font-size:14px}.balance-item--secondary .balance-link span:last-child{font-size:21px}.balance-item--secondary>strong{font-size:18px}.account-list{flex-wrap:wrap;gap:10px;margin-top:38px;display:flex}.account-chip{color:#f5f5f5;cursor:pointer;background:#1d6a71;border:0;border-radius:999px;align-items:center;gap:9px;min-height:37px;padding:5px 16px 5px 6px;font-size:14px;font-weight:700;display:inline-flex}.account-chip span{color:#292929;background:#fff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.shortcuts{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px;display:grid}.shortcut{color:#f5f5f5;cursor:pointer;background:0 0;border:0;justify-items:center;gap:8px;min-width:0;padding:0;font-size:13px;display:grid}.shortcut-mark{aspect-ratio:1;color:#f4f4f4;background:#1d6a71;border-radius:50%;place-items:center;width:62px;font-size:29px;font-weight:700;display:grid}.history{margin-top:48px}.history h1{margin:0 0 15px;font-size:16px}.day-group h2{margin:0 0 8px;font-size:13px;font-weight:400}.transaction{border-bottom:1px solid #545456;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;min-height:57px;display:grid}.transaction-avatar{aspect-ratio:1;color:#f5f5f5;background:#313131;border-radius:50%;place-items:center;width:25px;font-size:12px;font-weight:700;display:grid}.transaction-details{gap:2px;min-width:0;display:grid}.transaction-details strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.transaction-details span{font-size:10px}.transaction-amount{white-space:nowrap;font-size:15px}.previous-day{margin-top:21px}.previous-day .transaction{border-bottom:0}.entry-screen{min-height:min(785px,100vh - 16px)}.entry-header{background:#1d6a71;align-items:center;gap:13px;min-height:104px;padding:26px 24px;display:flex}.entry-header h1{margin:0;font-size:20px}.entry-header .icon-button{width:36px;height:36px}.entry-form{gap:29px;padding:30px 25px;display:grid}.entry-section{gap:12px;display:grid}.entry-section h2,.entry-field{margin:0;font-size:15px;font-weight:700}.choice-cloud{flex-wrap:wrap;gap:9px;display:flex}.choice-chip{color:#f5f5f5;cursor:pointer;background:#292a2c;border:1px solid #5a6061;border-radius:999px;min-height:36px;padding:7px 14px;font-size:14px;font-weight:700}.choice-chip small{color:#c9cdcd;font-size:10px;font-weight:400}.choice-chip.is-selected{color:#fff;background:#1d6a71;border-color:#58a9a9}.choice-chip.is-selected small{color:#e7f3f3}.entry-field{gap:8px;display:grid}.entry-field input{color:#f7f7f5;width:100%;height:47px;font:inherit;background:#292a2c;border:1px solid #777b7c;border-radius:4px;padding:0 13px;font-size:16px}.entry-field input:focus{outline-offset:2px;border-color:#59a8a8;outline:2px solid #59a8a8}.entry-status{color:#c9cdcd;margin:-10px 0 0;font-size:13px}.entry-submit{width:100%;margin-top:-5px}@media (width<=390px){.app-shell{min-height:100dvh;padding:0}.dashboard,.login-screen{width:100%;min-height:100dvh;box-shadow:none}.login-form{padding-inline:28px}.content{padding-inline:24px}.shortcut-mark{width:59px}.shortcuts{gap:10px}}