@media screen{
:root{--admin-header-height:132px;--admin-sidebar-width:200px}
#app.app{margin:0!important;max-width:none!important;width:100%;display:grid;grid-template-columns:var(--admin-sidebar-width) minmax(0,1fr);align-items:start}
#app>.top{grid-column:1/-1;position:sticky;top:0;z-index:30;width:100%;padding:20px 28px;background:#176b35;box-sizing:border-box}
#app>.top .row{align-items:center;flex-wrap:nowrap}
#app .peiqi-admin-brand{display:flex;align-items:center;gap:18px;min-width:0}
#app .peiqi-admin-brand img{width:88px!important;height:88px!important;object-fit:contain;border-radius:20px;flex-shrink:0}
#app .peiqi-admin-brand h1{font-size:28px!important;line-height:1.3;margin:0;overflow-wrap:anywhere}
#app>.top .sub{font-size:13px;margin-top:10px}
#app>main{grid-column:2;width:100%;max-width:1440px;min-width:0;margin:0 auto;padding:24px 28px 32px}
#app>nav{top:var(--admin-header-height)!important;bottom:0!important;height:calc(100dvh - var(--admin-header-height))!important;width:var(--admin-sidebar-width)!important;padding-top:18px}
#app>nav::before{display:none!important}
#app>#logoutBtn{flex-shrink:0}
}
@media screen and (max-width:850px){:root{--admin-header-height:112px;--admin-sidebar-width:100px}#app.app{margin:0!important;max-width:100%!important}#app>.top{padding:12px 14px}#app .peiqi-admin-brand{gap:10px}#app .peiqi-admin-brand img{width:62px!important;height:62px!important;border-radius:14px}#app .peiqi-admin-brand h1{font-size:18px!important;line-height:1.4}#app>.top .row{flex-wrap:wrap;gap:8px}#app #logoutBtn{font-size:12px;min-height:34px;padding:8px 10px}#app>.top .sub{font-size:11px;margin-top:7px;line-height:1.5}#app>main{padding:12px 10px 24px}#app>nav{padding:14px 6px calc(14px + env(safe-area-inset-bottom))}}
@media print{#app.app{display:block!important}#app>.top{position:static}}