:root{--ink:#183b37;--muted:#546861;--line:#dce1d7;--indigo:#103f40;--lavender:#e1eee8;background:#faf8f2;color:var(--ink)}
html{overscroll-behavior-x:contain}body:has(.date-form){overflow-x:clip}main:has(.date-form){touch-action:pan-y pinch-zoom}
.topbar{background:#103b3e}.nav .brand,.nav nav a{color:#fff}.brand img,.auth-logo{border-radius:11px}.nav nav{border-color:#527270}.nav nav a[aria-current]{background:#f7f5e9;color:#173d39}
.ico{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.nav nav a,.upload-button,.export{display:inline-flex;align-items:center;gap:8px}
.auth-shell{max-width:940px;margin:4vh auto;display:grid;grid-template-columns:1fr 1fr;background:#fffefa;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 14px 50px #163d3410}
.auth-art{background:#073a3b url('/static/ledger.jpg') center/cover no-repeat;min-height:420px}
.auth-shell .auth{width:100%;margin:0;border:0;box-shadow:none;background:transparent;padding:clamp(22px,4vw,48px);gap:15px}.auth-shell h1{font-size:36px}.auth-shell .auth a{text-align:center}.auth input{min-height:46px}.auth-logo{width:48px;height:48px}.google-wrap{min-height:40px;overflow:hidden}
.or{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}.or:before,.or:after{content:'';height:1px;background:var(--line);flex:1}
.panel,.card,.record,.metric{border-radius:15px}.metric.balance{background:#e1eee8;color:#123f38}.upload-button{background:#103f40}.upload-button+ .upload-button{background:#e3eee8;color:#103f40}
.page-head h1,.auth h1{color:#123733}.page-head h1 .ico,.auth h1 .ico{width:27px;height:27px;margin-right:9px}.date-form button{background:#e3eee8;color:#103f40}
.cards .card{overflow:hidden;background:#fffefa}.auth a{color:#16544d}
.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr))}
.cards .card{padding:0;display:flex;flex-direction:column;align-items:stretch;gap:0}
.cards .card img{width:100%;height:135px;border-radius:0;object-fit:cover;background:#ecece3}
.cards .card>div{padding:12px}.cards .card b{overflow-wrap:anywhere}.review .preview{border-radius:14px;background:#edece5}
@media(max-width:480px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards .card img{height:110px}.cards .card b{font-size:14px}.cards .card p{font-size:12px}}
@media(max-width:760px){.nav nav a{display:flex;flex-direction:column;gap:3px;color:#51665f;font-size:12px;padding:6px}.nav nav a[aria-current]{color:#103f40;background:#e2eee7}.nav .export{font-size:12px}
.auth-shell{margin:0 auto;max-width:440px;display:block;border-radius:18px}.auth-art{min-height:0;height:clamp(112px,19vh,165px);background-position:center 55%}.auth-shell .auth{padding:20px;gap:12px}.auth-shell .auth h1{font-size:29px}.auth-shell .auth-logo{display:none}
.date-form input{flex:1}.date-form button{min-height:44px}.nav .brand img{width:34px;height:34px}.nav .brand{font-size:23px}}