@media(max-width:900px){body{width:100%;overflow-x:hidden}.app{width:100%;min-height:100dvh}aside{position:sticky!important;top:0!important;z-index:90!important;width:100%!important;height:64px!important;min-height:64px!important;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left))!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.brand{display:flex!important;align-items:center!important;margin:0!important}.brand>div:last-child{display:block!important}.brand b{font-size:13px}.brand span{font-size:10px}aside nav{position:fixed!important;z-index:110;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));height:68px;display:grid!important;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;border:1px solid rgba(255,255,255,.94);border-radius:20px;background:rgba(248,253,255,.88);box-shadow:0 16px 45px rgba(7,89,133,.22),inset 0 1px rgba(255,255,255,.98);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);overflow:visible!important}.nav{width:100%!important;height:56px;margin:0!important;padding:5px 2px!important;border-radius:14px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;overflow:hidden}.nav:hover{transform:none!important}.nav.active{box-shadow:inset 0 -3px #0787d1,0 6px 16px rgba(7,116,177,.1)!important}.nav-icon{width:29px!important;height:29px!important;min-width:29px!important;border-radius:9px!important}.nav-icon svg{width:16px;height:16px}.nav-label{display:block!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:11px;font-weight:750}.aside-bottom{display:flex!important;align-items:center!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.aside-bottom p,.aside-bottom b,#installApp{display:none!important}.aside-bottom #logout{margin:0!important;padding:8px 10px!important;border:1px solid rgba(178,219,239,.7);border-radius:9px;background:rgba(255,255,255,.58);color:#087cc1;font-size:11px;font-weight:750;white-space:nowrap}main{width:100%!important;max-width:none!important;padding:0 max(14px,env(safe-area-inset-right)) calc(94px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important}header{top:64px!important;margin:0 -4px 16px!important;padding:16px 4px!important;border-radius:0 0 17px 17px!important}.offline-banner{bottom:calc(88px + env(safe-area-inset-bottom))}.standalone aside{padding-top:max(10px,env(safe-area-inset-top))!important;height:calc(64px + env(safe-area-inset-top))!important}.standalone header{top:calc(64px + env(safe-area-inset-top))!important}}
@media(max-width:430px){aside nav{left:7px;right:7px}.nav-label{font-size:8.5px}.brand .mark{width:36px;height:36px}.actions #save,.actions #download{min-height:42px}.actions #send{min-height:44px}.panel{padding-left:15px!important;padding-right:15px!important}}