[hidden]{display:none!important}
.punch-button.disabled{cursor:not-allowed;background:#4b4f53;color:#aeb2b5;transform:none}
.app-nav{position:sticky;top:0;z-index:20;display:flex;gap:6px;margin:18px 0 0;padding:6px;border:1px solid var(--line);border-radius:14px;background:rgba(25,28,31,.94);backdrop-filter:blur(14px)}
.nav-item{flex:1;border:0;border-radius:9px;padding:11px 12px;background:transparent;color:var(--muted);cursor:pointer;font-weight:700}
.nav-item.active{background:var(--surface2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.page-title{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:42px 0 8px}.page-title h1{margin-bottom:7px}.page-title .lead{margin:0}
.report-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.report-bar strong,.report-bar span{display:block}.report-bar span{margin-top:5px;color:var(--muted);font-size:12px}
@media(max-width:720px){.app-nav{overflow-x:auto}.nav-item{flex:0 0 auto;white-space:nowrap}.page-title,.report-bar{align-items:stretch;flex-direction:column}.page-title .primary,.report-bar .primary{width:100%}}