*{box-sizing:border-box}html{background:#f4f6f8}body{color:#182033;background:#f4f6f8;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.auth-page,.app-page{width:min(1120px,100% - 24px);margin:0 auto}.auth-page{place-items:center;min-height:100vh;padding:24px 0;display:grid}.auth-card{background:#fff;border:1px solid #dfe4ea;border-radius:8px;width:100%;max-width:420px;padding:24px;box-shadow:0 12px 30px #18203314}.auth-card h1,.page-heading h1,.section-title h2,.empty-state h2{letter-spacing:0;margin:0}.auth-card h1{font-size:30px;line-height:1.15}.auth-card p,.page-heading p,.section-title span,.topbar span{color:#687386}.field-label,.date-control{color:#3f4b5f;margin-top:18px;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.input{color:#182033;background:#fff;border:1px solid #cfd7e2;border-radius:8px;outline:none;width:100%;min-height:48px;padding:12px 14px;font-size:16px}.input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.btn,.nav-button{cursor:pointer;border:0;border-radius:8px;min-height:44px;font-weight:800}.btn{justify-content:center;align-items:center;padding:12px 18px;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.65}.btn-primary{color:#fff;background:#182033}.btn-full{width:100%;margin-top:18px}.btn-large{width:100%;min-height:56px;font-size:18px}.text-link{color:#1d4ed8;text-align:center;margin-top:16px;font-weight:800;display:block}.app-page{padding:18px 0 40px}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:14px 0 18px;display:flex}.topbar>div{gap:2px;display:grid}.topbar strong{font-size:22px}.topbar nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav-link,.nav-button{color:#344256;background:#fff;border:1px solid #dfe4ea;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:9px 12px;font-weight:800;display:inline-flex}.nav-link.active{color:#fff;background:#182033;border-color:#182033}.nav-button{background:#eef2f7}.page-heading{justify-content:space-between;align-items:end;gap:18px;margin:8px 0 18px;display:flex}.page-heading h1{font-size:34px;line-height:1.1}.page-heading p{max-width:520px;margin:8px 0 0;line-height:1.45}.date-control{width:min(100%,260px);margin-top:0}.stats-grid,.totals-strip{gap:10px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.stat-box,.totals-strip,.entry-section,.empty-state,.history-table{background:#fff;border:1px solid #dfe4ea;border-radius:8px;box-shadow:0 8px 22px #1820330d}.stat-box{padding:16px}.stat-box span,.totals-strip span{color:#687386;font-size:13px;font-weight:800;display:block}.stat-box strong{margin-top:8px;font-size:24px;line-height:1.15;display:block}.totals-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px;padding:14px}.totals-strip strong{margin-top:4px;font-size:20px;display:block}.entry-section{margin-top:12px;overflow:hidden}.section-title{background:#f9fafb;border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.section-title h2{font-size:22px}.entry-row{border-bottom:1px solid #edf1f5;grid-template-columns:minmax(150px,1fr) minmax(110px,150px) minmax(180px,1.4fr);align-items:center;gap:10px;padding:10px 16px;display:grid}.entry-row:last-child{border-bottom:0}.entry-name{font-weight:800}.amount-input{text-align:right}.save-bar{background:linear-gradient(#f4f6f800,#f4f6f8 28%);margin-top:12px;padding:12px 0 0;position:sticky;bottom:0}.message{color:#166534;background:#edf7ee;border:1px solid #b7e1bf;border-radius:8px;margin:10px 0;padding:12px 14px;font-weight:800}.message.error,.message.error,.error{color:#be123c;background:#fff1f2;border-color:#fecdd3}.message.success,.positive{color:#15803d}.negative{color:#be123c}.history-table{overflow:hidden}.history-header,.history-row{grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;gap:12px;padding:14px 16px;display:grid}.history-header{color:#687386;background:#f9fafb;font-size:13px;font-weight:900}.history-row{border-top:1px solid #edf1f5;font-weight:700}.history-row:hover,.history-row:focus{background:#f7fbff}.empty-state{padding:24px}.empty-state h2{margin-bottom:16px;font-size:22px}@media (max-width:860px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.totals-strip{grid-template-columns:1fr}.entry-row{grid-template-columns:1fr;gap:8px;padding:14px}.amount-input{text-align:left}}@media (max-width:640px){.auth-page,.app-page{width:min(100% - 20px,1120px)}.topbar,.page-heading,.section-title{flex-direction:column;align-items:stretch}.topbar nav{justify-content:stretch}.nav-link,.nav-button{flex:1}.page-heading h1{font-size:30px}.date-control{width:100%}.stats-grid{grid-template-columns:1fr}.history-header{display:none}.history-row{grid-template-columns:1fr;gap:6px}}