:root{--app-bg:#f8fafc;--surface:#fff;--surface-subtle:#f1f5f9;--ink:#1e293b;--ink-soft:#64748b;--ink-faint:#94a3b8;--line:#e2e8f0;--line-strong:#cbd5e1;--primary:#3b82f6;--primary-hover:#2563eb;--purple:#8b5cf6;--mark:#10b981;--pen:#3b82f6;--pen-deep:#2563eb;--danger:#ef4444;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-control:12px;--radius-card:16px;--shadow-card:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;--dur-fast:.15s;--ease-out:cubic-bezier(.2, .6, .3, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--app-bg);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.ink-loader{color:currentColor;align-items:center;gap:5px;display:inline-flex}.ink-loader span{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite both ink-blink}.ink-loader span:first-child{animation-delay:-.32s}.ink-loader span:nth-child(2){animation-delay:-.16s}.ink-loader--sm span{width:5px;height:5px}.ink-loader--lg span{width:9px;height:9px}.ink-loader--page{color:var(--primary)}@keyframes ink-blink{0%,80%,to{opacity:.35;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.authsync-container{background:var(--app-bg);min-height:100vh;color:var(--ink);font-family:var(--font-body);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.authsync-card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid #ef444459;max-width:420px;padding:2rem}.authsync-title{font-family:var(--font-display);color:var(--danger);margin:0 0 .75rem;font-size:1.3rem;font-weight:600}.authsync-text{color:var(--ink-soft);margin:0;font-size:.95rem}.dashboard-container{background:var(--app-bg);min-height:100vh;color:var(--ink);padding:24px}.center{place-items:center;min-height:100vh;display:grid}.dashboard-header{justify-content:space-between;align-items:center;max-width:720px;margin:0 auto 28px;display:flex}.dashboard-header--start{justify-content:flex-start;gap:12px}.brand{align-items:center;gap:10px;display:inline-flex}.brand-logo{object-fit:contain;width:34px;height:34px}.brand-wordmark{color:var(--ink);font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:24px;font-weight:700}.btn-icon{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink-soft);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;padding:0;display:grid}.btn-icon:hover{border-color:var(--line-strong);background:var(--surface-subtle);color:var(--ink)}.dashboard-main{gap:16px;max-width:720px;margin:0 auto;display:grid}.card,.glass-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card)}.balance-card{text-align:center;padding:28px}.balance-card h2{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:600}.balance-amount{color:var(--ink);font-family:var(--font-mono);letter-spacing:-.07em;margin-bottom:26px;font-size:clamp(40px,10vw,52px);font-weight:600;line-height:1}.balance-amount span{color:var(--ink-soft);font-family:var(--font-body);letter-spacing:0;margin-left:5px;font-size:16px;font-weight:600}.balance-breakdown{border-top:1px solid var(--line);justify-content:space-around;gap:12px;padding-top:20px;display:flex}.breakdown-item{gap:5px;display:grid}.breakdown-item .label{color:var(--ink-faint);font-size:12px}.breakdown-item .value{color:var(--ink);font-family:var(--font-mono);font-size:19px;font-weight:600}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.action-card{min-height:166px;color:var(--ink);font:inherit;text-align:left;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);flex-direction:column;align-items:flex-start;padding:22px;display:flex}.action-card:hover:not(:disabled){border-color:var(--line-strong);transform:translateY(-2px)}.action-card:disabled{cursor:default}.action-card h3{letter-spacing:-.015em;margin:16px 0 5px;font-size:17px}.action-card p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.45}.action-card svg{color:var(--primary)}.action-card--primary{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#3b82f652}.action-card--primary:hover:not(:disabled){border-color:var(--primary)}.action-card--disabled{background:var(--surface-subtle);opacity:.78}.action-stamp{background:#dbeafe;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.action-icon{margin:8px 0 7px}.mono-countdown{color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ledger-amount{font-family:var(--font-mono);white-space:nowrap;font-weight:600}.modal-title{color:var(--ink);letter-spacing:-.02em;margin:0 0 8px;font-size:22px}@media (width<=520px){.dashboard-container{padding:16px}.dashboard-header{margin-bottom:20px}.balance-card{padding:24px 16px}.action-grid{grid-template-columns:1fr}.action-card{min-height:0}}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);width:min(100%,420px);box-shadow:var(--shadow-card);padding:32px}.login-header{text-align:center;margin-bottom:28px}.login-brand{align-items:center;gap:10px;margin-bottom:10px;display:inline-flex}.login-logo{object-fit:contain;width:34px;height:34px}.login-wordmark{color:var(--ink);font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:24px;font-weight:700}.login-header p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.5}.login-form{gap:18px;display:grid}.input-group{gap:7px;display:grid}.input-group label{color:var(--ink);font-size:14px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--ink-faint);pointer-events:none;position:absolute;left:14px}.input-wrapper input{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);width:100%;min-height:48px;color:var(--ink);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:12px 14px 12px 42px}.input-wrapper--plain input{padding-left:14px}.input-wrapper input::placeholder{color:var(--ink-faint)}.input-wrapper input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f624}.btn-primary,.btn-secondary{border-radius:var(--radius-control);width:100%;min-height:48px;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.btn-primary{border:1px solid var(--primary);background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft)}.btn-secondary:hover{background:var(--surface-subtle);color:var(--ink)}.login-footer{color:var(--ink-faint);text-align:center;margin:2px 0 0;font-size:13px;line-height:1.5}.success-state{text-align:center;justify-items:center;gap:12px;display:grid}.success-icon{color:var(--mark)}.success-state h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:22px}.success-state p{color:var(--ink-soft);margin:0;line-height:1.5}.success-state strong{color:var(--ink)}.error-message{color:#b91c1c;background:#fef2f2;border:1px solid #ef444447;border-radius:10px;padding:10px 12px;font-size:14px}@media (width<=420px){.login-page{padding:16px}.login-card{padding:24px}}.section-title{font-family:var(--font-display);color:var(--ink-soft);margin:0 0 1rem;font-size:1.15rem;font-weight:600}.ledger-card{padding:1.5rem}.ledger-list{flex-direction:column;display:flex}.ledger-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 0;display:flex}.ledger-row:first-child{padding-top:0}.ledger-row:last-child{border-bottom:none;padding-bottom:0}.ledger-desc{font-family:var(--font-body);color:var(--ink);font-weight:500}.ledger-date{font-family:var(--font-mono);color:var(--ink-faint);margin-top:.25rem;font-size:.78rem}.ledger-amount{font-family:var(--font-mono);white-space:nowrap;text-align:right;font-weight:500}.ledger-amount--positive{color:var(--mark)}.ledger-amount--negative{color:var(--pen)}.ledger-empty{text-align:center;color:var(--ink-faint);padding:2rem 1rem}.ledger-empty-icon{opacity:.6;color:var(--ink-faint);margin-bottom:1rem}.ledger-empty h3{font-family:var(--font-display);color:var(--ink-soft);margin:0 0 .4rem;font-size:1.05rem;font-weight:600}.ledger-empty p{color:var(--ink-faint);margin:0;font-size:.9rem}