.bottom-nav,.customer-back{display:none}.brand>span:last-child{min-width:0;overflow-wrap:anywhere}.account-person{display:flex;align-items:center;gap:14px;margin:24px 0}.account-person .avatar{width:56px;height:56px;font-size:24px}.account-person h3{margin:0;overflow-wrap:anywhere;font-size:19px}.account-person p{margin:5px 0 0}.account-logout{margin-top:24px}.profile-details{padding:16px;background:var(--surface-soft);border-radius:12px;margin-bottom:22px}.profile-details dt{font-size:11px;color:var(--muted);margin-top:12px}.profile-details dt:first-child{margin:0}.profile-details dd{margin:5px 0 0;overflow-wrap:anywhere}.profile-options{display:grid;gap:10px;margin-bottom:26px}.profile-options button{justify-content:space-between;width:100%;padding:13px}#accountDialog section[hidden]{display:none}.detailpanel:focus{outline:none}
@media(max-width:1024px){
 .sidebar{display:none}.workspace{margin-left:0}.desktop{display:none}
 :root{--bottom-height:66px}body{padding-bottom:calc(var(--bottom-height) + env(safe-area-inset-bottom))}body:has(.login){padding-bottom:0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border-top:1px solid var(--line);padding:7px 8px calc(7px + env(safe-area-inset-bottom));min-height:calc(var(--bottom-height) + env(safe-area-inset-bottom));box-shadow:0 -4px 24px #00000005}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:10px;min-height:50px;padding:5px 2px;text-align:center}.bottom-nav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.bottom-nav .bottom-home{color:var(--green);background:var(--selected)}.bottom-nav button:hover,.bottom-nav a:hover{background:var(--surface-hover)}
 header{height:66px;min-height:66px;flex-wrap:nowrap;padding:10px 16px;gap:12px}.headeractions{display:none}.mobilebrand{display:flex;align-items:center;gap:10px;width:100%;font-size:18px;min-width:0}.mobilebrand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-logo{display:grid;place-items:center;background:var(--button);color:var(--on-button);width:37px;height:39px;border-radius:11px;flex-shrink:0;font-size:23px}.content{padding:24px 16px 0}.heading h1{font-size:27px}.heading .primary{display:none}.heading .muted{font-size:12px}.heading .eyebrow{font-size:9px}.stats{grid-template-columns:1fr 1fr;gap:12px}.stats article{padding:18px 14px;gap:10px}.stats article:last-child{grid-column:1/-1;padding:13px 16px}.stats article:last-child>div{display:flex;align-items:center;gap:14px;flex:1}.stats article:last-child h2{order:-1;margin:0;font-size:23px}.stats article:last-child small:last-child{margin-left:auto}.stats h2{font-size:25px;overflow-wrap:anywhere}.stats small{font-size:11px}.stats .stat-icon{width:30px;height:30px;flex-shrink:0}.ledger{display:block;min-height:0;border-radius:15px;overflow:visible}.customerpanel{border:0;border-radius:15px;overflow:hidden}.paneltitle{padding:20px 17px 0}.searchwrap{padding:0 16px 16px}.searchwrap input{font-size:14px;min-height:47px}.customerlist{max-height:none;overflow:visible}.customer{padding:18px 16px;min-height:85px;gap:12px}.customer .avatar{width:43px;height:43px;font-size:18px}.customername b{font-size:15px}.customer small{font-size:11px}.balance b{font-size:14px}.detailpanel{display:none}footer{padding:24px 8px;font-size:10px}
 .customer-open .heading,.customer-open .stats,.customer-open .customerpanel,.customer-open footer{display:none}.customer-open .content{padding:0}.customer-open .ledger{border:0;border-radius:0;background:var(--surface);box-shadow:none}.customer-open .detailpanel{display:flex;min-height:calc(100dvh - 66px - var(--bottom-height) - env(safe-area-inset-bottom));padding-bottom:90px}.customer-open .detailhead{padding:17px 16px;gap:10px;align-items:center}.customer-back{display:grid;place-items:center;font-size:25px;width:38px;min-width:38px;height:42px;border-radius:10px;background:var(--surface-soft);color:var(--green)}.detailhead .person{flex:1;min-width:0;gap:10px}.person .avatar{width:37px;height:37px}.person h2{font-size:18px;line-height:1.25;word-break:break-word}.person small{font-size:11px}.detailhead .outline{padding:9px;font-size:11px;flex-shrink:0}.netbalance{margin:18px 16px;padding:17px}.netbalance strong{font-size:27px}.entries{max-height:none;overflow:visible}.entry{padding:18px 16px;gap:10px}.entry-label-row{gap:8px}.entry .entry-label-row .view-entry{margin:0 0 0 auto;width:32px;height:32px;min-height:32px}.entryamount>b{font-size:15px}.entrybody p{font-size:14px}.historytitle{padding:4px 16px 0}.entryactions{position:fixed;bottom:calc(var(--bottom-height) + env(safe-area-inset-bottom));left:0;right:0;z-index:15;padding:13px 16px;background:var(--surface);box-shadow:0 -6px 20px #00000008}.entryactions button{min-height:48px;font-size:14px}.customer-status:not(:empty){padding:10px 16px;margin:0;background:var(--surface-soft)}
 dialog{width:calc(100% - 24px);max-width:480px;max-height:90dvh;padding:22px;border-radius:20px}dialog input,dialog textarea{font-size:16px}.detail-actions{bottom:-22px;margin:22px -22px -22px;padding:15px 22px;padding-bottom:max(15px,env(safe-area-inset-bottom))}.login{padding-bottom:35px}html{scroll-padding-bottom:160px}
}
@media(max-width:1024px){.stats{gap:9px;margin-bottom:15px}.stats article{padding:12px 11px;gap:8px;border-radius:12px}.stats h2{font-size:23px;margin:7px 0;line-height:1.1}.stats small{font-size:10px}.stats .stat-icon{width:25px;height:25px;font-size:15px;border-radius:8px}.stats article>div>small:last-child{display:none}.stats article:last-child{padding:9px 13px}.stats article:last-child h2{font-size:20px}.heading{margin-bottom:17px}}
@media(max-width:370px){.content{padding-left:11px;padding-right:11px}.stats article{padding:11px 9px;gap:7px}.stats h2{font-size:21px}.stats small{font-size:9px}.stats article:last-child small:last-child{display:none}.mobilebrand{font-size:16px}.customer-open .detailhead{padding:15px 10px;gap:7px}.person .avatar{display:none}.entry{padding:16px 11px;gap:7px}.entryamount>b{font-size:13px}.entry-label-row>b{font-size:12px}}