@media(min-width:1550px){.main{padding-inline:60px}.overview-grid{grid-template-columns:1.7fr 1fr}}@media(max-width:1150px){.app{grid-template-columns:196px minmax(0,1fr)}.sidebar{width:196px;padding:28px 17px}.main{padding:25px 26px 60px}.hero{padding:24px}.hero-value{font-size:44px}.lower-grid{grid-template-columns:1.2fr 1fr}.overview-grid{grid-template-columns:1.4fr 1fr}.request-amount{font-size:16px}}@media(max-width:920px){.overview-grid,.lower-grid{grid-template-columns:minmax(0,1fr)}.overview-grid>*,.lower-grid>*,.section-head>div{min-width:0}.health{display:none}.side-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat{padding:16px}.stat-value{font-size:22px}.stat .symbol{display:none}.section-grid{grid-template-columns:1fr}.login-story{padding:50px}.login-story h1{font-size:44px}.request-body{gap:9px}}@media(max-width:680px){.app{display:block}.sidebar{display:none}.main{padding:calc(18px + env(safe-area-inset-top)) 19px calc(103px + env(safe-area-inset-bottom));max-width:560px;margin:auto}.topbar{margin-bottom:23px;gap:10px}.crumb{display:none}.mobile-brand{display:flex;align-items:center;gap:8px}.mobile-brand .brand-mark{height:34px;width:34px;border-radius:10px;font-size:27px;padding-bottom:4px}.mobile-brand .brand-name{font-size:18px}.mobile-brand .brand-name span{font-size:7px;letter-spacing:2px}.top-actions{gap:7px}.top-actions .icon-btn{height:40px;width:40px}.top-actions .icon-btn svg{height:18px;width:18px}.top-actions .avatar{display:none}.greeting{align-items:flex-start;margin-bottom:20px}.greeting h1{font-size:28px;letter-spacing:-1px}.greeting p{font-size:11px;max-width:290px;line-height:1.7}.greeting>.btn{display:none}.eyebrow{font-size:9px;letter-spacing:1.1px}.hero{padding:23px 22px;min-height:233px;border-radius:22px}.hero-value{font-size:44px;margin-top:16px;letter-spacing:-2px}.hero-label{font-size:11px}.hero-label svg{width:18px;height:18px}.live{font-size:8px;padding:4px 7px}.hero-hint{font-size:10px;max-width:260px;line-height:1.7}.hero-bottom{margin-top:20px;padding-top:13px;font-size:9px}.hero-bottom strong{font-size:17px}.stat-grid{gap:9px;margin:14px 0 25px}.stat{padding:13px 11px;border-radius:14px;min-height:104px}.stat-label{font-size:9px;line-height:1.5}.stat-value{font-size:19px;letter-spacing:-.6px;margin-top:10px}.stat-foot{font-size:8px;line-height:1.5}.section-head h2{font-size:17px}.section-head p{font-size:9px}.panel{padding:17px;border-radius:20px}.lower-grid{gap:23px}.request-card{padding:14px;border-radius:14px}.request-card:last-child{margin-bottom:0}.request-title{font-size:12px}.request-sub{font-size:9px}.request-amount{font-size:16px}.request-icon{height:36px;width:36px;border-radius:10px}.request-icon svg{height:21px;width:21px}.request-footer{font-size:9px;gap:6px}.request-body{margin:12px 0;gap:9px}.pill{font-size:9px;padding:4px 7px}.side-column{display:block}.quick{min-height:92px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);z-index:40;display:flex;justify-content:space-around;padding:10px 10px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -6px 30px #233a2005}.bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:47px;width:59px;font-size:8px;color:var(--muted)}.bottom-nav button.active{color:var(--green);font-weight:750}.bottom-nav .add-button{background:var(--green);color:#fff;width:49px;height:49px;border-radius:16px;margin-top:-7px;box-shadow:0 5px 16px #163f3822}.banner{font-size:10px;padding:10px 12px;line-height:1.7;align-items:flex-start}.banner.demo{align-items:center;gap:8px;flex-wrap:wrap}.banner.demo .demo-copy{max-width:170px}.demo-switch{font-size:10px;max-width:157px;padding:6px 7px;min-height:35px}.section-grid{gap:15px}.list-card{padding:14px;gap:10px;border-radius:14px;flex-wrap:wrap}.list-card h3{font-size:12px}.list-card p{font-size:10px}.list-card .request-icon{height:33px;width:33px}.list-card .btn{padding-inline:10px;font-size:10px}.table th,.table td{padding:11px 8px;font-size:10px}.tabs{gap:6px}.tab{font-size:10px;padding:10px 12px}.modal-backdrop{padding:0;align-items:flex-end}.modal{position:relative;width:100%;max-height:94dvh;border-radius:25px 25px 0 0;padding-bottom:env(safe-area-inset-bottom)}.modal-head{padding:23px 21px 17px}.modal-head h2{font-size:22px}.modal-body{padding:20px 21px 27px}.modal:before{content:"";width:35px;height:4px;background:var(--line);border-radius:4px;position:absolute;top:7px;left:calc(50% - 17px);z-index:3}.form-field input,.form-field select,.form-field textarea{font-size:16px}.form-field>span{font-size:11px}.money-field input{font-size:28px}.report-line{font-size:11px}.check-label{font-size:11px}.search{width:100%}.with-search{flex-direction:column;align-items:stretch}.login-wrap{display:block}.login-story{padding:33px 28px 36px}.login-story .brand{margin-bottom:14px}.login-story h1{font-size:39px;letter-spacing:-1.8px;margin:15px 0}.login-story>p{font-size:12px}.story-chip{display:none}.login-panel{padding:30px 28px}.login-form{width:100%}.login-form>h2{font-size:25px}.login-form>p{margin-bottom:23px}#toast{bottom:99px}.footnote{font-size:10px}.modal-value{font-size:38px}}@media(max-width:360px){.main{padding-inline:14px}.hero-value{font-size:39px}.stat-value{font-size:17px}.request-icon{display:none}.top-actions{gap:4px}.top-actions .icon-btn{width:38px}.demo-switch{max-width:145px}.banner.demo .demo-copy{max-width:143px}.form-row{grid-template-columns:1fr}}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .brand-name{letter-spacing:0}[dir=rtl] .hero-value{direction:ltr;text-align:right}[dir=rtl] .request-amount,[dir=rtl] .mono{unicode-bidi:plaintext}[dir=rtl] .activity-ref{direction:ltr;text-align:right}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.sidebar,.topbar,.bottom-nav,.btn,.banner.demo{display:none!important}.app{display:block}.main{padding:0;max-width:none}.panel{box-shadow:none;break-inside:avoid}}

/* Keep landscape sign-in columns within the native viewport. */
.login-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.login-story,.login-panel,.login-form{min-width:0}.login-form>.row{flex-wrap:wrap}