html{background:#f5f7fb;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh}.offline-banner{position:fixed;z-index:1000;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:10px 14px;border-radius:9px;background:#b45309;color:white;font-size:12px;box-shadow:0 8px 30px #0003}.standalone body{padding-top:env(safe-area-inset-top)}button{touch-action:manipulation}.nav span{display:inline-block;width:20px}.aside-bottom .link{margin-right:12px}
@media(max-width:900px){.app{display:block!important}.app.hidden{display:none!important}aside{position:sticky;top:0;z-index:50;width:100%;height:auto;min-height:68px;padding:12px max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left));display:grid;grid-template-columns:auto 1fr auto;gap:12px;box-shadow:0 4px 18px #10233f22}.brand{margin:0}.brand>div:last-child{display:none}aside nav{display:flex;justify-content:center;gap:5px}.nav{width:auto;padding:10px 12px;margin:0;white-space:nowrap}.aside-bottom{display:flex!important;align-items:center;margin:0}.aside-bottom p,.aside-bottom b{display:none}.aside-bottom .link{margin:0 0 0 9px;font-size:11px}.aside-bottom #logout{color:#dbe7ff}main{padding:0 max(14px,env(safe-area-inset-right)) calc(90px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}header{height:auto;min-height:132px;padding:20px 0;display:block}.actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:16px}.actions button{width:100%;padding:11px 7px;font-size:12px}.actions #saveState{position:absolute;margin-top:-25px;right:16px}.grid{grid-template-columns:1fr;gap:0}.panel{padding:18px;border-radius:12px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}input,textarea,select{font-size:16px}.table-head{display:none}.item-row{display:grid;grid-template-columns:1fr 1fr 36px;gap:8px;padding:14px 0}.item-row .desc{grid-column:1/-1}.item-row .qty,.item-row .rate{min-width:0}.item-row .amount{grid-column:1/3;text-align:left;padding:4px 2px}.item-row .remove{grid-column:3;grid-row:2}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pricing label{width:auto}.pricing>div{grid-column:1/-1;width:100%}.custom-row{grid-template-columns:1fr 32px}.custom-row .field-value{grid-column:1}.custom-row .remove{grid-column:2;grid-row:1/3}.list-head{gap:12px}.list-head h3{font-size:15px}.quote-card{grid-template-columns:1fr auto;gap:10px;padding:16px 2px}.quote-card>*:nth-child(2){text-align:right}.quote-card>*:nth-child(3),.quote-card>*:nth-child(4){display:none}.quote-card button{text-align:right}.login{align-items:start;padding:max(20px,env(safe-area-inset-top)) 0}.login-card{width:100%;max-width:480px;min-height:calc(100dvh - max(20px,env(safe-area-inset-top)));border-radius:22px 22px 0 0;padding:28px 24px;box-shadow:none}}
@media(max-width:430px){aside{grid-template-columns:auto 1fr}.brand .mark{width:34px;height:34px}.nav{padding:9px 8px;font-size:11px}.aside-bottom{grid-column:1/-1;position:absolute;right:8px;top:11px}.aside-bottom #installApp{display:none!important}.actions{grid-template-columns:1fr 1fr}.actions #send{grid-column:1/-1}.section-title{align-items:flex-start}.section-title p{line-height:1.4}.auth-tabs button{font-size:12px}}
@media(min-width:901px) and (max-width:1180px){main{padding-left:28px;padding-right:28px}.table-head,.item-row{grid-template-columns:1fr 60px 105px 115px 34px}}
@media(display-mode:standalone){aside{padding-top:max(12px,env(safe-area-inset-top))}.offline-banner{bottom:max(18px,env(safe-area-inset-bottom))}}