@media(max-width:760px){
 html,body{width:100%;max-width:100vw;overflow-x:hidden!important;overscroll-behavior-x:none}
 body{position:relative}.shell{width:100%;overflow-x:hidden}.app-topbar{width:100%;max-width:100vw;overflow:hidden}
 .shell,.workspace,.workspace>*,.panel,form,.form-grid,.row,label{min-width:0;max-width:100%}
 input,select,textarea,button,.button{max-width:100%;min-width:0}
 .workspace header,.workspace .page-header,.workspace header>div{min-width:0;max-width:100%}
 .workspace header{flex-wrap:wrap}.workspace header>.row,.workspace header>div:last-child{flex-wrap:wrap}
 .transaction-workspace{width:100%;max-width:100%;overflow:hidden}
 .transaction-form{width:100%;max-width:100%;margin-inline:0;overflow:hidden;padding:18px 14px}
 .transaction-form .form-grid{grid-template-columns:minmax(0,1fr)}
 .type-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .type-tabs span{padding:10px 6px;overflow-wrap:anywhere}
 .amount-field>div{min-width:0;gap:8px;padding:0 4px;border:1px solid #d7deea!important;border-radius:13px;background:#fff;transition:border-color .18s,box-shadow .18s}
 .amount-field>div:focus-within{border-color:#84adff!important;box-shadow:0 0 0 3px #eef4ff}
 .amount-field b{flex:0 0 auto;font-size:24px}
 .amount-field input{min-width:0;min-height:54px;padding:0;border:0!important;border-radius:0;font-size:clamp(28px,9vw,36px);outline:0!important;box-shadow:none!important}
 .transaction-form select{min-height:52px;height:52px;padding:0 38px 0 13px;font-size:15px}
 .frequent-category-pills{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;width:100%;padding-bottom:0!important}
 .frequent-category-pills button{flex:0 1 auto!important;max-width:100%;white-space:normal;text-align:left}
 .filter-actions,.transaction-header-actions,.hero-actions,.card-actions,.budget-foot{max-width:100%;flex-wrap:wrap}
 .bottom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;width:100%;height:72px;overflow:visible;padding:7px 8px calc(7px + env(safe-area-inset-bottom));gap:2px;box-shadow:0 -8px 28px rgba(16,33,58,.08)}
 .bottom a{display:flex;width:100%;min-width:0;height:52px;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin:0!important;border-radius:12px;text-align:center;font-size:10px;font-weight:700}
 .bottom a:not(.fab)::before{font-size:18px;line-height:1}
 .bottom a:nth-child(1)::before{content:'⌂'}.bottom a:nth-child(2)::before{content:'◷'}.bottom a:nth-child(4)::before{content:'▣'}.bottom a:nth-child(5)::before{content:'•••'}
 .bottom a.active{background:#eef4ff;color:var(--blue)}
 .bottom .fab{position:relative;z-index:95;justify-self:center;width:58px;height:58px;margin-top:-31px!important;border:5px solid #fff;border-radius:50%;box-shadow:0 10px 24px rgba(21,94,239,.35);font-size:30px;line-height:1}
 .sync-refresh{position:fixed;z-index:86;right:12px;bottom:88px;display:flex;align-items:center;gap:6px;height:44px;padding:0 13px;border:1px solid #b2ccff;border-radius:999px;background:#fff;color:var(--blue);box-shadow:0 8px 24px rgba(16,33,58,.16);font-weight:800}.sync-refresh span{font-size:21px}.sync-refresh.has-update{background:#155eef;color:#fff;animation:sync-pulse 1.8s infinite}.sync-refresh:not(.has-update) b{font-size:11px}@keyframes sync-pulse{50%{box-shadow:0 8px 28px rgba(21,94,239,.45)}}
 .pwa-install,.pwa-update{bottom:88px!important;z-index:85!important;max-width:calc(100vw - 24px)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .pwa-install{left:12px!important;right:auto!important;background:#fff}.pwa-update{right:12px!important;left:auto!important}
 .pwa-update{width:44px;height:44px;padding:0!important;border-radius:50%!important;font-size:0!important}
 .pwa-update::before{content:'↻';font-size:21px;font-weight:800;line-height:1}
 .pwa-guide{position:fixed;z-index:300;inset:0;display:grid;align-items:end}
 .pwa-guide-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(16,33,58,.58)}
 .pwa-guide>section{position:relative;z-index:1;width:min(100%,520px);margin:0 auto;padding:26px 22px calc(26px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -20px 60px rgba(16,33,58,.22)}
 .pwa-guide-close{position:absolute;top:15px;right:16px;width:36px;height:36px;border:0;border-radius:50%;background:#f2f4f7;color:var(--ink);font-size:24px}
 .pwa-guide-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#155eef;color:#fff;font-weight:850}
 .pwa-guide h2{margin:14px 0 4px}.pwa-guide p{margin:0;color:var(--muted)}.pwa-guide ol{display:grid;gap:10px;margin:20px 0;padding-left:22px}.pwa-guide li{padding-left:5px}.pwa-guide small{display:block;padding:12px;border-radius:10px;background:#f5f8ff;color:#475467}.share-symbol{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #b2ccff;border-radius:7px;color:#155eef}
}
@media(max-width:420px){
 .stats{grid-template-columns:1fr;overflow:visible}.stats article{min-width:0}
 .topbar-location{display:none}
}