:root{--pk-canvas:#f5f5f7;--pk-paper:#fff;--pk-ink:#1d1d1f;--pk-body:#3a3a3c;--pk-muted:#6e6e73;--pk-faint:#a1a1a6;--pk-line:#00000012;--pk-green:#2f8a63;--pk-red:#b3261e;--pk-amber:#bf8b25;--pk-gold:#007ea3;--pk-brand:#079dc5;--pk-brand-hi:#0ab2de;--pk-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--pk-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--pk-canvas);color:var(--pk-body);letter-spacing:-.01em;font-synthesis:none;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}button{font:inherit;color:inherit}h2,h3,p{margin:0}.punch-viewport{justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.punch-shell{background:var(--pk-paper);flex-direction:column;width:100%;max-width:440px;height:100%;max-height:940px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 120px -40px #00000080}.punch-brand{text-align:center;border-bottom:1px solid #0000000f;flex:none;padding:18px 20px 13px}.punch-brand-logo{height:30px;margin:0 auto;display:block}.punch-brand-sub{color:var(--pk-muted);font-family:var(--pk-mono);letter-spacing:.22em;margin-top:7px;font-size:10px}.punch-loading{color:var(--pk-faint);font-family:var(--pk-mono);letter-spacing:.2em;flex:1;justify-content:center;align-items:center;font-size:12px;display:flex}.punch-title{font-family:var(--pk-display);color:var(--pk-ink);font-size:20px;font-weight:600}.punch-sub{color:#6e6e73;margin:4px 0 16px;font-size:12px}.punch-section{color:var(--pk-muted);font-family:var(--pk-mono);letter-spacing:.14em;margin:20px 0 10px;font-size:11px;font-weight:400}.punch-note{color:var(--pk-faint);margin-top:12px;font-size:10px}.punch-empty{color:var(--pk-faint);text-align:center;border:1px dashed #0000001f;border-radius:12px;padding:18px;font-size:13px}.punch-empty.is-plain{border:none;padding:14px}.is-ok{color:var(--pk-green)}.is-warn{color:var(--pk-amber)}.is-bad{color:var(--pk-red)}.punch-login{flex:1;padding:26px 24px;overflow-y:auto}.punch-login .punch-title{font-size:22px}.punch-login .punch-sub{color:#6e6e73;margin-bottom:20px;font-size:13px}.punch-field{margin-bottom:14px;display:block}.punch-field>span{color:var(--pk-muted);margin-bottom:6px;font-size:12px;display:block}.punch-field input,.punch-field textarea,.punch-field select{width:100%;color:var(--pk-body);background:#fff;border:1px solid #00000024;border-radius:12px;outline:none;padding:13px 14px;font-family:inherit;font-size:16px}.punch-field input:focus,.punch-field textarea:focus,.punch-field select:focus{border-color:var(--pk-brand);box-shadow:0 0 0 4px #079dc526}.punch-field textarea{resize:vertical}.punch-remember{color:#4c6570;cursor:pointer;align-items:center;gap:9px;margin:16px 0 0;font-size:13px;display:flex}.punch-remember input{width:17px;height:17px;accent-color:var(--pk-green)}.punch-cta{background:var(--pk-brand);color:#fff;cursor:pointer;border:none;border-radius:980px;padding:14px;font-size:15px;font-weight:500;transition:all .22s}.punch-cta:hover:not(:disabled){background:var(--pk-brand-hi)}.punch-cta.is-block{width:100%;margin-top:18px;font-size:16px}.punch-cta.is-danger{background:#c0392b}.punch-cta.is-danger:hover:not(:disabled){background:#a93226}.punch-cta:disabled{opacity:.55;cursor:default}.punch-quiet{color:#48484a;cursor:pointer;background:#fff;border:1px solid #d2d2d7;border-radius:980px;padding:12px 18px;font-size:14px}.punch-req-warning{color:#c0392b;background:#fbeff1;border:1px solid #f0ccd1;border-radius:10px;margin:10px 0 0;padding:10px 12px;font-size:13px;line-height:1.5}.punch-app{flex-direction:column;flex:1;min-height:0;display:flex}.punch-scroll{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.punch-page{padding:20px}.punch-clock{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.punch-emp-row{align-items:center;gap:10px;margin-bottom:24px;display:flex}.punch-avatar{background:var(--pk-brand);color:#fff;width:40px;height:40px;font-family:var(--pk-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:16px;display:flex}.punch-avatar.is-large{background:#ffffff1f;width:52px;height:52px;font-size:22px}.punch-emp-name{font-family:var(--pk-display);color:var(--pk-ink);font-size:17px;font-weight:600}.punch-emp-meta{color:var(--pk-gold);font-family:var(--pk-mono);font-size:11px}.punch-bigclock{letter-spacing:-.02em;color:#1d1d1f;font-family:Helvetica Neue,sans-serif;font-size:52px;font-weight:700}.punch-today-shift{color:#4c6570;margin:2px 0 6px;font-size:13px}.punch-today-shift strong{color:var(--pk-ink);font-weight:600}.punch-today-log{flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:12px;display:flex}.punch-today-log-item{color:#4c6570;font-family:var(--pk-mono);align-items:center;gap:5px;font-size:12px;display:inline-flex}.punch-today-log-item i{border-radius:50%;width:7px;height:7px}.punch-today-log-item i.is-in{background:var(--pk-green)}.punch-today-log-item i.is-out{background:#b0736e}.punch-prompt-note{margin-top:10px}.punch-inat{color:var(--pk-muted);font-family:var(--pk-mono);margin-top:4px;font-size:12px}.punch-noqr{max-width:300px;color:var(--pk-gold);text-align:center;background:#faf3e2;border:1px solid #079dc540;border-radius:10px;margin-top:12px;padding:9px 12px;font-size:12px;line-height:1.5}.punch-button{color:#fff;cursor:pointer;border:none;border-radius:50%;width:180px;height:180px;margin-top:28px;font-family:inherit;font-size:19px;font-weight:600;transition:transform .12s;box-shadow:0 16px 40px -12px #00000080}.punch-button:active{transform:scale(.97)}.punch-button:disabled{opacity:.75;cursor:default}.punch-button.is-in{background:radial-gradient(circle at 50% 35%,#6bbd9b,#2f8a63)}.punch-button.is-out{background:radial-gradient(circle at 50% 35%,#dd9199,#c9515f)}.punch-done{color:var(--pk-green);margin-top:20px;font-size:15px;font-weight:600}.punch-err{max-width:290px;color:var(--pk-red);text-align:center;margin-top:14px;font-size:13px;line-height:1.5}.punch-login .punch-err{text-align:left;max-width:none}.punch-hint{color:var(--pk-faint);text-align:center;margin-top:18px;font-size:11px;line-height:1.6}.punch-nav{background:var(--pk-paper);border-top:1px solid #00000014;flex:none;display:flex}.punch-nav-item{color:#86868b;text-align:center;cursor:pointer;background:0 0;border:none;flex:1;padding:9px 0 11px}.punch-nav-item.is-active{color:var(--pk-brand);font-weight:600}.punch-nav-icon{font-size:19px;font-style:normal;display:inline-block;position:relative}.punch-nav-badge{background:var(--pk-red);color:#fff;text-align:center;border-radius:999px;min-width:14px;height:14px;padding:0 3px;font-size:9px;line-height:14px;position:absolute;top:-4px;right:-11px}.punch-nav-label{margin-top:1px;font-size:10px;display:block}.punch-shift{border:1px solid var(--pk-line);background:#fff;border-radius:14px;align-items:center;gap:14px;margin-bottom:10px;padding:13px 16px;display:flex}.punch-shift.is-new{background:#fdf4e7}.punch-shift.is-today{background:#eef3ef}.punch-shift-date{text-align:center;flex:none;width:52px}.punch-shift-day{color:var(--pk-ink);font-family:Helvetica Neue,sans-serif;font-size:19px;font-weight:700}.punch-shift-wd{color:var(--pk-muted);font-size:10px}.punch-shift-main{flex:1;min-width:0}.punch-shift-time{font-family:var(--pk-mono);color:var(--pk-ink);font-size:15px;font-weight:600}.punch-shift-sub{color:var(--pk-muted);margin-top:2px;font-size:11px}.punch-tag{font-family:var(--pk-mono);flex:none;font-size:11px}.punch-msg{border:1px solid var(--pk-line);text-align:left;cursor:pointer;background:#fff;border-radius:14px;width:100%;margin-bottom:10px;padding:14px 16px;display:block}.punch-msg.is-unread{background:#fdf4e7}.punch-msg-head{align-items:flex-start;gap:8px;display:flex}.punch-msg-dot{background:0 0;border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.punch-msg-dot.is-unread{background:var(--pk-red)}.punch-msg-title{min-width:0;color:var(--pk-ink);flex:1;font-size:14px;font-weight:600}.punch-msg-when{color:var(--pk-faint);font-family:var(--pk-mono);flex:none;font-size:10px}.punch-msg-body{color:#4c6570;white-space:pre-wrap;margin:6px 0 0 16px;font-size:12.5px;line-height:1.6;display:block}.punch-msg-from{color:var(--pk-gold);margin:8px 0 0 16px;font-size:10px;display:block}.punch-my-card{color:#fff;background:linear-gradient(135deg,#1d1d1f,#33432c);border-radius:18px;align-items:center;gap:14px;margin-bottom:18px;padding:20px 18px;display:flex}.punch-my-name{font-family:var(--pk-display);font-size:19px;font-weight:600}.punch-my-meta{color:#a9c3b2;font-family:var(--pk-mono);margin-top:3px;font-size:11px}.punch-menu-item{border:1px solid var(--pk-line);cursor:pointer;text-align:left;background:#fff;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:15px 16px;display:flex}.punch-menu-icon{font-size:19px}.punch-menu-label{color:var(--pk-ink);flex:1;font-size:14.5px;font-weight:600}.punch-menu-arrow{color:var(--pk-faint);font-size:15px}.punch-logout{width:100%;color:var(--pk-red);cursor:pointer;background:#fff;border:1px solid #b3261e4d;border-radius:14px;margin-top:14px;padding:13px;font-size:14px}.punch-back{color:var(--pk-muted);cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-size:13px;display:block}.punch-stat-row{gap:10px;margin-top:10px;display:flex}.punch-stat{text-align:center;background:#faf8f4;border-radius:12px;flex:1;padding:14px 6px}.punch-stat.is-compact{padding:11px 6px}.punch-stat strong{color:var(--pk-ink);font-family:Helvetica Neue,sans-serif;font-size:22px;font-weight:700;display:block}.punch-stat.is-compact strong{font-size:17px}.punch-stat span{color:var(--pk-muted);margin-top:2px;font-size:10px;display:block}.punch-cap28{margin-top:14px}.punch-cap28-head{color:var(--pk-muted);justify-content:space-between;margin-bottom:5px;font-size:11px;display:flex}.punch-cap28-head .is-ok,.punch-cap28-head .is-bad{font-family:var(--pk-mono)}.punch-cap28-track{background:#eee;border-radius:4px;height:7px}.punch-cap28-fill{border-radius:4px;height:100%}.punch-cap28-fill.is-ok{background:var(--pk-green)}.punch-cap28-fill.is-bad{background:var(--pk-red)}.punch-day-row{border-bottom:1px solid #0000000d;align-items:center;gap:10px;padding:9px 2px;font-size:13px;display:flex}.punch-day-date{width:44px;font-family:var(--pk-mono);color:#48484a;flex:none}.punch-day-io{font-family:var(--pk-mono);color:var(--pk-muted);flex:1}.punch-day-work{font-family:var(--pk-mono);color:var(--pk-ink)}.punch-day-status{font-family:var(--pk-mono);font-size:11px}.punch-att-link{cursor:pointer;width:100%;color:var(--pk-ink);background:#fff;border:1px solid #0000001a;border-radius:12px;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 14px;font-size:13px;display:flex}.punch-att-link-sub{color:var(--pk-faint);font-size:11px}.punch-att-total{color:var(--pk-muted);background:#ececee;border-radius:12px;gap:18px;margin:10px 0;padding:10px 14px;font-size:12px;display:flex}.punch-att-total strong{font-family:var(--pk-mono);color:var(--pk-ink)}.punch-att-row{border-bottom:1px solid #0000000d;padding:10px 2px}.punch-att-row-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.punch-att-date{font-family:var(--pk-mono);color:#48484a;font-size:13px}.punch-att-line{color:var(--pk-muted);align-items:baseline;gap:8px;padding:1px 0;font-size:12px;display:flex}.punch-att-line>span:nth-child(2){font-family:var(--pk-mono);flex:1}.punch-att-line strong{font-family:var(--pk-mono);color:var(--pk-ink);font-weight:600}.punch-att-tag{width:44px;color:var(--pk-faint);flex:none;font-size:11px}.punch-quick-row{gap:8px;margin-bottom:16px;display:flex}.punch-quick{cursor:pointer;color:#48484a;background:#fff;border:1px solid #0000001a;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:12px 4px;font-size:11px;display:flex}.punch-quick-icon{font-size:20px}.punch-quick.is-on{border-color:var(--pk-brand);color:var(--pk-brand);background:#079dc514}.punch-sub-row{margin-top:4px}.punch-sub-hint{color:var(--pk-muted);font-size:10px}.punch-quick.is-on .punch-sub-hint{color:var(--pk-brand)}.punch-req-row{border:1px solid var(--pk-line);background:#fff;border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;display:flex}.punch-req-main{flex:1;min-width:0}.punch-req-kind{color:var(--pk-ink);font-size:14px;font-weight:600}.punch-req-meta{color:var(--pk-muted);font-family:var(--pk-mono);font-size:11px}.punch-profile-row{border-bottom:1px solid #0000000d;justify-content:space-between;gap:12px;padding:12px 2px;font-size:13.5px;display:flex}.punch-profile-key{color:var(--pk-muted)}.punch-profile-value{color:var(--pk-ink);text-align:right;font-weight:600}.punch-sheet-backdrop{z-index:25;background:#140e0a73;align-items:flex-end;display:flex;position:absolute;inset:0}.punch-sheet{background:#fff;border-radius:20px 20px 0 0;width:100%;padding:24px 22px 30px;animation:.22s ease-out punchSheetIn}@keyframes punchSheetIn{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.punch-sheet-grip{background:#e0dccf;border-radius:2px;width:40px;height:4px;margin:0 auto 16px}.punch-sheet-title{font-family:var(--pk-display);color:var(--pk-ink);margin-bottom:16px;font-size:18px;font-weight:600}.punch-sheet-title.is-center{text-align:center;margin:8px 0 0;font-size:19px}.punch-sheet-actions{gap:10px;margin-top:6px;display:flex}.punch-sheet-actions .punch-cta{flex:1}.punch-sheet-actions.is-column{flex-direction:column;margin-top:20px}.punch-prompt-icon{text-align:center;font-size:34px}.punch-prompt-body{color:#6e6e73;text-align:center;margin:10px 0 0;font-size:13px;line-height:1.7}.punch-scan{z-index:31;background:#000;position:absolute;inset:0}.punch-scan video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.punch-scan-frame{border:2px solid #ffffffe6;border-radius:18px;width:210px;height:210px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2000px #00000059}.punch-scan-hint{color:#fff;text-align:center;text-shadow:0 1px 4px #000c;font-size:13px;position:absolute;bottom:96px;left:0;right:0}.punch-scan-err{color:#fff;text-align:center;background:#b3261eeb;border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.5;position:absolute;top:24px;left:20px;right:20px}.punch-scan-cancel{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #ffffff80;border-radius:999px;padding:11px 30px;font-size:14px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.punch-toast{z-index:40;color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#000000eb;border-radius:999px;max-width:84%;padding:10px 18px;font-size:13px;position:absolute;bottom:84px;left:50%;overflow:hidden;transform:translate(-50%)}.punch-home-month{margin-top:18px}.punch-sched-bar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.punch-sched-bar .punch-sub{margin:0}.punch-toggle{color:var(--pk-muted);cursor:pointer;flex:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.punch-toggle input{width:15px;height:15px;accent-color:var(--pk-green)}.punch-sched-day{margin-bottom:14px}.punch-sched-date{color:var(--pk-muted);font-family:var(--pk-mono);letter-spacing:.1em;margin:0 0 6px;font-size:11px;font-weight:400}.punch-sched-date.is-today{color:var(--pk-green);font-weight:700}.punch-sched-row{border:1px solid var(--pk-line);background:#fff;border-radius:11px;align-items:center;gap:9px;margin-bottom:5px;padding:9px 12px;display:flex}.punch-sched-row.is-mine{background:#f4faf7;border-color:#2e7d5b73}.punch-sched-dot{border-radius:50%;flex:none;width:8px;height:8px}.punch-sched-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;overflow:hidden}.punch-sched-row.is-mine .punch-sched-name{font-weight:700}.punch-sched-time{font-family:var(--pk-mono);flex:none;font-size:13px}.punch-commute-edit{text-align:center;width:100%;margin-top:14px;display:block}.punch-commute-form{border:1px solid var(--pk-line);background:#fff;border-radius:12px;margin-top:14px;padding:14px}.punch-payslip-row{border:1px solid var(--pk-line);cursor:pointer;text-align:left;width:100%;font:inherit;background:#fff;border-radius:11px;align-items:center;gap:10px;margin-bottom:6px;padding:12px;display:flex}.punch-payslip-month{font-family:var(--pk-mono);font-size:14px;font-weight:700}.punch-payslip-net{color:var(--pk-gold);font-family:var(--pk-mono);flex:1;font-size:13px}.punch-payslip-open{color:var(--pk-muted);font-size:12px}.punch-sched-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.punch-sched-head .punch-title{margin-bottom:0}.punch-mode-toggle{background:#ececee;border:0;border-radius:999px;padding:3px;display:inline-flex}.punch-mode-toggle button{cursor:pointer;min-width:40px;color:var(--pk-muted);background:0 0;border:0;border-radius:999px;padding:4px 12px;font-size:13px}.punch-mode-toggle button.is-active{color:var(--pk-ink);background:#fff;font-weight:600;box-shadow:0 1px 4px #0000001f}.punch-day-nav{align-items:center;gap:8px;display:inline-flex}.punch-day-nav button{border:1px solid var(--pk-line);cursor:pointer;background:#fff;border-radius:9px;width:30px;height:30px;font-size:16px;line-height:1}.punch-day-nav span{font-family:var(--pk-mono);font-size:13px}.punch-day-nav span.is-today{color:var(--pk-green);font-weight:700}.punch-gantt{gap:6px;margin-top:10px;display:flex}.punch-gantt-axis{flex:none;width:26px;height:480px;margin-top:34px;position:relative}.punch-gantt-axis span{color:var(--pk-muted);font-family:var(--pk-mono);font-size:10px;position:absolute;right:2px;transform:translateY(-50%)}.punch-gantt-cols{flex:1;gap:6px;display:flex;overflow-x:auto}.punch-gantt-col{flex:1;min-width:72px}.punch-gantt-colhead{white-space:nowrap;justify-content:center;align-items:center;gap:4px;height:28px;margin-bottom:6px;font-size:11.5px;display:flex;overflow:hidden}.punch-gantt-colhead i{border-radius:50%;flex:none;width:7px;height:7px}.punch-gantt-col.is-mine .punch-gantt-colhead{font-weight:700}.punch-gantt-lane{border:1px solid var(--pk-line);background:#fff;border-radius:10px;height:480px;position:relative;overflow:hidden}.punch-gantt-col.is-mine .punch-gantt-lane{border-color:#2e7d5b73}.punch-gantt-line{border-top:1px solid #0000000d;position:absolute;left:0;right:0}.punch-gantt-bar{font-family:var(--pk-mono);border:1px solid;border-radius:7px;flex-direction:column;justify-content:space-between;align-items:center;padding:3px 2px;font-size:9.5px;display:flex;position:absolute;left:4px;right:4px;overflow:hidden}.punch-gantt-area{font-family:inherit;font-size:10px;font-weight:700}.punch-req-row{width:100%;font:inherit;cursor:pointer;text-align:left}.punch-req-fresh{vertical-align:2px;background:#c0392b;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.punch-req-detail-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.punch-req-detail-head .punch-sheet-title{margin:0}.punch-req-reason{border:1px solid var(--pk-line);background:#fff;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:13px;line-height:1.6}.punch-req-reason.is-bad{color:#a8402c;background:#fbeff1;border-color:#f0ccd1}.punch-legend{flex-wrap:wrap;gap:6px 12px;margin:8px 0 4px;display:flex}.punch-legend-item{color:var(--pk-muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.punch-legend-item i{border-radius:50%;width:8px;height:8px}.punch-gantt--week .punch-gantt-axis{margin-top:40px}.punch-gantt-col--day{min-width:0}.punch-gantt-dayhead{cursor:pointer;width:100%;height:34px;font:inherit;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:1px;margin-bottom:6px;padding:2px 0;display:flex}.punch-gantt-dayhead span{color:var(--pk-muted);font-size:10px}.punch-gantt-dayhead strong{font-family:var(--pk-mono);font-size:13px;line-height:1}.punch-gantt-dayhead.is-today{background:#eaf3ee}.punch-gantt-dayhead.is-today strong{color:var(--pk-green)}.punch-gantt-wbar{text-align:center;font-family:var(--pk-mono);border:1px solid;border-radius:5px;place-items:center;font-size:8.5px;line-height:1.3;display:grid;position:absolute;overflow:hidden}.punch-gantt-wbar.is-mine{box-shadow:0 0 0 1.5px #2e7d5b8c}.punch-wbar-text{font-family:var(--pk-mono);white-space:nowrap;font-size:9.5px}.punch-week-list{flex-direction:column;gap:8px;display:flex}.punch-week-day{border:1px solid var(--pk-line);background:#fff;border-radius:12px;padding:8px 10px}.punch-week-day.is-today{border-color:var(--pk-brand);box-shadow:0 0 0 2px #079dc51f}.punch-week-dayhead{cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0 0 6px;display:flex}.punch-week-date{color:var(--pk-ink);font-family:var(--pk-mono);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.punch-week-date em{color:var(--pk-muted);font-size:12px;font-style:normal;font-weight:400}.punch-week-date b{color:var(--pk-brand);background:#eaf7fb;border-radius:999px;padding:0 6px;font-size:10px}.punch-week-heads{color:var(--pk-faint);font-family:var(--pk-mono);font-size:10.5px}.punch-week-off{color:var(--pk-faint);padding:4px 2px 2px;font-size:12px}.punch-week-rows{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.punch-week-row{border-left:3px solid;border-radius:8px;align-items:center;gap:8px;padding:6px 9px;display:flex}.punch-week-row strong{font-family:var(--pk-mono);flex:none;font-size:13px;font-weight:600}.punch-week-row.is-mine{box-shadow:inset 0 0 0 1.5px #2f8a6380}.punch-week-who{text-overflow:ellipsis;white-space:nowrap;color:#4c6570;flex:1;align-items:center;gap:5px;min-width:0;font-size:12px;display:inline-flex;overflow:hidden}.punch-week-who i{border-radius:50%;flex:none;width:7px;height:7px}.punch-week-tag{flex:none;font-size:10px;font-style:normal}