.pf-shell{max-width:var(--pf-max);margin:auto;padding:max(20px,env(safe-area-inset-top)) 18px 112px}
.pf-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px}
.pf-brand{display:flex;align-items:center;gap:12px;min-width:0}
.pf-logo{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(180deg,#303638,#15191b);color:#fff;font-weight:800;flex:0 0 auto}
.pf-brand-text{min-width:0}
.pf-brand-title{font-size:19px;font-weight:780;letter-spacing:-.02em;white-space:nowrap}
.pf-brand-sub{font-size:12px;color:var(--pf-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-header-actions{display:flex;align-items:center;gap:10px}
.pf-desktop-nav{display:flex;gap:5px;margin:0 0 24px;padding:4px;background:#e7ebe6;border-radius:14px;width:max-content}
.pf-desktop-nav button{border:0;background:transparent;border-radius:10px;padding:9px 13px;color:#697174;font-weight:680}
.pf-desktop-nav button.is-active{background:#fff;color:var(--pf-text);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.pf-view{min-height:52vh}
.pf-footer{display:flex;justify-content:space-between;gap:12px;margin-top:32px;padding:18px 2px 0;border-top:1px solid rgba(0,0,0,.06);font-size:12px;color:var(--pf-muted)}
.pf-bottom-nav{display:none}
@media(max-width:760px){
  .pf-shell{padding-left:16px;padding-right:16px;padding-bottom:calc(var(--pf-nav-h) + env(safe-area-inset-bottom) + 22px)}
  .pf-header{margin-bottom:24px}
  .pf-brand-sub{max-width:190px}
  .pf-user-label{display:none}
  .pf-desktop-nav{display:none}
  .pf-footer{display:none}
  .pf-bottom-nav{
    position:fixed;z-index:50;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);
    min-height:calc(var(--pf-nav-h) + env(safe-area-inset-bottom));
    padding:7px 8px calc(7px + env(safe-area-inset-bottom));
    background:rgba(250,251,249,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    border-top:1px solid rgba(30,35,35,.10)
  }
  .pf-bottom-nav button{border:0;background:transparent;border-radius:13px;padding:6px 2px;display:grid;place-items:center;gap:2px;color:#737b7e}
  .pf-bottom-nav .pf-nav-icon{font-size:20px;line-height:1}
  .pf-bottom-nav .pf-nav-label{font-size:10px;font-weight:650}
  .pf-bottom-nav button.is-active{color:#161a1d;background:#eef1ed}
}