body{background-color:#f7f8fa;margin:0;font-family:-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.main-body{padding:10px 0}.custom-nav-container{background:#fff;padding:10px 16px;border-bottom:1px solid #ebedf0;margin-bottom:10px}.nav-button-group{display:flex;background:#f2f3f5;border-radius:8px;padding:3px}.nav-item{flex:1;text-align:center;padding:8px 0;font-size:14px;color:#646566;border-radius:6px;transition:all .2s}.nav-item.active{background:#fff;color:#1989fa;font-weight:700;box-shadow:0 2px 4px #0000000d}.nav-item.admin{color:#ed6a0c}.loading,.error{text-align:center;padding:50px 20px}.filters-top{background:#fff;margin-bottom:10px}.week-selector-plain{padding:12px 16px;background:#fff}.selector-title{font-size:13px;color:#969799;margin-bottom:10px}.button-grid{display:flex;flex-wrap:wrap;gap:8px}.button-grid button{border:1px solid #ebedf0;background:#fff;color:#646566;padding:6px 12px;border-radius:4px;font-size:13px;outline:none}.button-grid button.active{background:#1989fa;color:#fff;border-color:#1989fa}.month-picker{padding:0}.admin-panel{background:#fff;min-height:300px}.admin-actions{display:flex;align-items:center}.user-id-label{font-size:11px;color:#c8c9cc}.admin-view-header{margin-bottom:10px}.hours-text{font-weight:700;color:#323233}.ot-highlight{color:#ee0a24;font-weight:700}.ot-tag{color:#ee0a24;font-size:12px;margin-top:2px}.punch-tag{color:#07c160;font-size:12px;margin-top:2px}.warn{color:#ee0a24;font-weight:700}.time-tag{display:inline-flex;align-items:center;margin-bottom:2px}.time-label{background:#1989fa;color:#fff;font-size:10px;padding:1px 4px;border-radius:3px;margin-right:4px}.time-value{color:#323233;font-size:12px;font-weight:500}.punch-lines{display:flex;flex-direction:column;gap:4px;margin-bottom:2px}.punch-line{display:flex;align-items:baseline;gap:8px;line-height:1.2}.punch-badge{flex:0 0 auto;font-size:10px;padding:2px 6px;border-radius:999px;color:#fff;letter-spacing:.2px}.punch-badge--in{background:linear-gradient(135deg,#1989fa,#2aa1ff)}.punch-badge--out{background:linear-gradient(135deg,#3a7afe,#5b8cff)}.punch-time{flex:0 0 auto;font-size:13px;font-weight:600;color:#323233}.punch-loc{flex:1 1 auto;min-width:0;font-size:11px;color:#969799;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}