:root{--app-bg:#fffdf7;--app-fg:#282828;--app-muted:#5f5f5f;--movement-line:#80808059;--panel-bg:#fffdf724;--line:#fffdf761;--dark-line:#28282829;color:var(--app-fg);background:var(--app-bg);font-family:Playfair Display,serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;color:var(--app-fg);background:var(--app-bg)}button,input,select,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100vw,430px);height:100dvh;min-height:560px;padding:max(22px, env(safe-area-inset-top)) 24px max(22px, env(safe-area-inset-bottom));color:var(--app-fg);background:var(--app-bg);margin:0 auto;position:relative;overflow:hidden}.splash,.centered,.login-view,.dashboard{width:100%;height:100%}.splash,.centered{text-align:center;justify-content:center;align-items:center;display:flex}.login-view{flex-direction:column;justify-content:center;align-items:center;gap:34px;display:flex}.logo{letter-spacing:0;flex-direction:column;align-items:center;font-size:clamp(52px,15vw,76px);font-weight:700;line-height:.92;display:flex}.dashboard-header .logo{font-size:42px}.login-form,.modal form{flex-direction:column;gap:14px;width:100%;display:flex}.login-form{max-width:310px}label{flex-direction:column;gap:7px;font-size:18px;display:flex}input,select,textarea{color:#282828;background:#fffdf7;border:1px solid;border-radius:6px;outline:none;width:100%;padding:11px 12px}textarea{resize:none}.primary-button,.secondary-button{cursor:pointer;border:1px solid;border-radius:6px;width:100%;padding:12px 14px}.primary-button{color:var(--app-bg);background:var(--app-fg)}.secondary-button{color:var(--app-fg);background:0 0}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.62}.link-button{color:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.logout-button{font-size:15px}.dashboard-footer{text-align:center;flex:none}.color-selector{z-index:20;position:absolute;top:0;right:0}.color-trigger,.color-swatch{cursor:pointer;border:1px solid #fffdf7;border-radius:50%;width:30px;height:30px;padding:0;display:block;box-shadow:0 0 0 1px #28282824}.color-trigger{border-color:var(--app-fg)}.color-grid{background:#282828db;border:1px solid #2828281f;border-radius:8px;grid-template-columns:repeat(3,30px);gap:10px;padding:12px;display:grid;position:absolute;top:40px;right:0;box-shadow:0 18px 40px #0000003d}.color-swatch.is-selected{outline-offset:3px;outline:2px solid #fffdf7}.dashboard{text-align:center;flex-direction:column;justify-content:space-between;align-items:stretch;gap:42px;display:flex}.dashboard-header{justify-content:center;align-items:center;min-height:82px;padding-top:32px;display:flex;position:relative}.balance-block,.greeting,.accounts-section,.movements-section{flex:none}.balance-block{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.balance-block .block{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.balance-block p,.greeting p{margin:0;font-size:22px}.balance-block strong{font-size:64px;line-height:.5}h2{margin:0 0 10px;font-size:23px;line-height:1.1}.accounts-list,.movement-list{flex-direction:column;gap:7px;display:flex}.account-row{text-align:left;grid-template-columns:1fr auto;align-items:baseline;gap:12px;font-size:22px;display:grid}.account-amount{text-align:right;justify-content:flex-end;align-items:baseline;gap:6px;display:inline-flex}.account-currency{font-size:.66em;font-weight:600;line-height:1}.account-amount strong{font-size:32px;line-height:1}.movement-row{border:0;border-bottom:1px solid var(--movement-line);width:100%;min-height:38px;color:inherit;cursor:pointer;text-align:left;background:0 0;flex-direction:column;align-items:stretch;gap:7px;padding:7px 0 9px;display:flex}.movement-row span{font-size:18px;line-height:1.18}.movement-row small{color:var(--app-muted);font-size:16px;line-height:1.2}.movements-section.compact{min-height:238px}.movements-section.scrollable{flex:auto;min-height:0;overflow:hidden}.scrollable .movement-list{max-height:100%;padding-right:4px;overflow-y:auto}.empty-state,.error{margin:0;font-size:17px}.error{color:#ff8c00;opacity:.94}.action-row{flex-direction:column;flex:none;gap:10px;display:flex}.modal-backdrop{z-index:30;background:#00000094;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.modal{color:#282828;background:#fffdf7;border-radius:8px;width:100%;max-width:346px;padding:22px;box-shadow:0 24px 80px #0000005c}.modal h2{text-align:center;margin-bottom:16px}.modal .primary-button{color:#fffdf7;background:#282828}.modal .secondary-button{color:#282828;background:0 0}.modal .error{color:#b00020}@media (height<=680px){.app-shell{min-height:0;padding-top:16px;padding-bottom:16px}.dashboard{gap:9px}.dashboard-header{min-height:64px;padding-top:8px}.dashboard-header .logo,.balance-block strong{font-size:34px}.balance-block p,.greeting p,.account-row{font-size:19px}h2{margin-bottom:6px;font-size:20px}.movement-row span{font-size:16px}.movements-section.compact{min-height:180px}}