.pad-has-navigation{padding-top:56px;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
.pad-topbar{position:fixed;inset:0 0 auto;height:56px;z-index:40;background:#fff;border-bottom:1px solid #dfe3e9;display:flex;align-items:center;gap:16px;padding:0 24px;color:#475569;box-shadow:0 1px 6px #1f293708}
.pad-brand{display:flex;align-items:center;gap:8px;flex-shrink:0;color:#1f2937;text-decoration:none}
.pad-brand img{width:34px;height:34px;object-fit:contain;border-radius:6px}.pad-brand strong{font-size:14px;display:block;line-height:1.3}.pad-brand small{display:block;font-size:8px;color:#6b7280;letter-spacing:.03em}
.pad-topnav{display:flex;align-items:center;gap:3px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin}
.pad-topnav a,.pad-topnav button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;text-decoration:none;color:#475569;font:500 12px Inter,sans-serif;border:1px solid transparent;border-radius:8px;background:transparent;padding:9px 8px;flex-shrink:0}
.pad-topnav a:hover,.pad-topnav button:hover{background:#eaf2fa;color:#356fae;border-color:#d7e7f8}
.pad-topbar svg,.pad-bottom-nav svg{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.pad-nav-user{font-size:11px;color:#6b7280;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.pad-nav-logout{font-size:11px;padding:7px 10px;flex-shrink:0}
.pad-bottom-nav{position:fixed;inset:auto 0 0;z-index:40;display:flex;background:#fff;border-top:1px solid #dfe3e9;min-height:48px;padding-bottom:env(safe-area-inset-bottom,0px);overflow-x:auto;scrollbar-width:thin}
.pad-bottom-nav a{flex:1 0 auto;display:flex;gap:10px;align-items:center;justify-content:center;min-height:47px;padding:8px 16px;color:#356fae;text-decoration:none;font-size:12px;white-space:nowrap}.pad-bottom-nav a:hover{background:#eaf2fa}.pad-bottom-nav svg{height:19px;width:19px}
.pad-topbar [hidden]{display:none!important}.pad-has-navigation .app{min-height:calc(100vh - 120px)}.pad-has-navigation .app>aside{top:56px;height:calc(100vh - 120px - env(safe-area-inset-bottom,0px));overflow-y:auto}
.pad-has-navigation .toast{bottom:calc(64px + env(safe-area-inset-bottom,0px))}
@media(max-width:1100px){.pad-nav-user{display:none}.pad-topbar{gap:10px;padding:0 14px}}
@media(max-width:860px){.pad-topbar{height:96px;flex-wrap:wrap;align-content:center;gap:3px 10px}.pad-brand{margin-right:auto}.pad-topnav{order:3;flex-basis:100%;height:40px}.pad-has-navigation{padding-top:96px}.pad-has-navigation .app>aside{position:relative;top:auto;height:auto;overflow:visible}.pad-bottom-nav a{padding:8px 13px;font-size:11px;gap:6px}.pad-has-navigation .app{min-height:calc(100vh - 160px)}}