:root{color:#14231d;background:#f6f7f3;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.topbar{max-width:720px;margin:0 auto;padding:20px 20px 6px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;align-items:center;color:#18382c}.brand span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#1e4f3b;color:#fff;font-weight:800;font-size:13px}.page,.auth-shell{max-width:720px;margin:0 auto;padding:24px 20px 48px}.auth-shell{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:16px}h1{font-size:clamp(30px,8vw,44px);letter-spacing:-.045em;margin:0 0 18px}h2{font-size:19px;letter-spacing:-.025em;margin:0}p{line-height:1.5;color:#52635b}.eyebrow{font:600 12px ui-monospace,SFMono-Regular,monospace;letter-spacing:.04em;margin:16px 0 8px;color:#65746c}.balance-card{background:#123c2d;border-radius:24px;padding:26px;display:grid;gap:8px;color:#e3f2ea;box-shadow:0 14px 34px #173b2b29}.balance-card strong{font-size:clamp(40px,12vw,62px);letter-spacing:-.065em;line-height:1}.balance-card span{font-size:14px;color:#c4d9cd}.balance-card small{color:#8eafa0;font-size:12px}.sync-row{display:flex;align-items:center;gap:12px;margin-top:14px}.sync-row span{color:#63736a;font-size:12px}.sync-form{margin-top:12px;background:#e9f0eb;border-radius:14px;padding:14px}.sync-form label{display:grid;gap:6px;font-size:13px;color:#4c5f55}.sync-form input{width:100%;background:#fff;border:1px solid #cbd8cf;border-radius:10px;padding:12px;margin-bottom:12px}.sync-form p{font-size:14px;margin:0 0 12px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:36px 0 14px}.section-title p{margin:4px 0 0;font-size:13px}.history-title{margin-top:42px}.primary,.secondary{border:0;border-radius:12px;padding:12px 16px;font-weight:700}.primary{background:#1b533d;color:#fff}.secondary{background:#e2ebe5;color:#174331}.text-button{background:transparent;border:0;color:#266344;padding:8px 0;font-size:14px}.pending-row,.transaction-row{padding:15px 0;border-bottom:1px solid #dfe6e0;display:flex;justify-content:space-between;gap:14px}.pending-row div,.transaction-row div{display:grid;gap:3px}.pending-row span,.transaction-row span{color:#64736c;font-size:13px;overflow-wrap:anywhere}.pending-row>div:last-child{justify-items:end}.transaction-row time{color:#6a786f;font:12px ui-monospace,SFMono-Regular,monospace;padding-top:2px}.transaction-row>div{flex:1;min-width:0}.amount{white-space:nowrap}.negative{color:#a33e32}.positive{color:#1f6c48}.empty{border:1px dashed #cbd8cf;border-radius:14px;padding:16px;font-size:14px}.search{display:grid;gap:6px;color:#5e7067;font-size:13px}.search input,.pending-form input{width:100%;background:#fff;border:1px solid #cbd8cf;border-radius:10px;padding:12px;color:#182a21}.pending-form{background:#e9f0eb;border-radius:16px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.pending-form label{display:grid;gap:6px;font-size:13px;color:#4c5f55}.pending-form label:first-child,.pending-form label:last-of-type,.pending-form button{grid-column:1 / -1}details{color:#506058}details p{font-size:14px}details form{margin-top:12px;display:grid;gap:10px}details label{display:grid;gap:5px;font-size:13px}details input{border:1px solid #cbd8cf;border-radius:10px;padding:10px}.privacy{font-size:12px;margin-top:12px}.error{color:#aa342b;min-height:20px}@media(max-width:440px){.pending-form{grid-template-columns:1fr}.pending-form label,.pending-form button{grid-column:auto!important}.transaction-row time{display:none}}
