@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font:"Noto Sans",sans-serif;--primary:#d1503f;--primary-dark:#a83d30;--primary-light:#e07f72;--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--border:#e2e8f0;--border-light:#f1f5f9;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8;--radius:0.375rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--status-present:#268f00;--status-absent:#b30000;--status-break:#f0c816;--status-checkout:#e35700;--status-approved:#007c9e;--status-unmarked:#9c9c9c;--status-leave:#3a6e8e;--status-weekly-off:#6b5fa5}#root,body,html{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text);font-family:Noto Sans,sans-serif;font-family:var(--font);font-size:14px;height:100%;line-height:1.5}.app-shell{display:flex;flex-direction:column;min-height:100vh}.page{flex:1 1;margin:0 auto;max-width:1200px;padding:16px;width:100%}.topbar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.topbar-title{color:#0f172a;color:var(--text);font-size:15px;font-weight:600}.topbar-right{align-items:center;display:flex;gap:8px}.btn{align-items:center;border:none;border-radius:.375rem;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:Noto Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;gap:6px;line-height:1;padding:7px 14px;transition:opacity .15s,background .15s;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.45}.btn:not(:disabled):hover{opacity:.88}.btn-primary{background:#d1503f;background:var(--primary);color:#fff}.btn-green{background:#268f00;color:#fff}.btn-red{background:#b30000;color:#fff}.btn-yellow{background:#f0c816;color:#1a1a1a}.btn-orange{background:#e35700;color:#fff}.btn-teal{background:#007c9e;color:#fff}.btn-ghost{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);color:#475569;color:var(--text-2)}.btn-ghost:hover{background:#f1f5f9;background:var(--surface-2)}.btn-icon{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius);color:#475569;color:var(--text-2);cursor:pointer;display:inline-flex;justify-content:center;padding:7px}.btn-icon:hover{background:#f1f5f9;background:var(--surface-2)}.btn-sm{font-size:12px;padding:5px 10px}.status-pill{border-radius:25px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;text-transform:capitalize}.status-pill.present{background:#268f00;background:var(--status-present)}.status-pill.unmarked{background:#9c9c9c;background:var(--status-unmarked);color:#fff}.status-pill.absent{background:#b30000;background:var(--status-absent)}.status-pill.break{background:#f0c816;background:var(--status-break);color:#333}.status-pill.checkout{background:#e35700;background:var(--status-checkout)}.status-pill.approved{background:#007c9e;background:var(--status-approved)}.status-pill.leave{background:#3a6e8e;background:var(--status-leave)}.status-pill.weekly_off{background:#6b5fa5;background:var(--status-weekly-off)}.card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;padding:12px 16px}.worker-card{grid-gap:12px;align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);display:grid;gap:12px;grid-template-columns:40px 1fr auto;padding:12px 14px}.worker-avatar{align-items:center;background:#f1f5f9;background:var(--surface-2);border-radius:50%;color:#475569;color:var(--text-2);display:flex;flex-shrink:0;font-size:15px;font-weight:600;height:40px;justify-content:center;object-fit:cover;overflow:hidden;width:40px}.worker-avatar img{height:100%;object-fit:cover;width:100%}.worker-name{color:#0f172a;color:var(--text);font-size:14px;font-weight:600}.worker-balance{color:#475569;color:var(--text-2);font-size:12px}.worker-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.tabs{background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:0}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#475569;color:var(--text-2);cursor:pointer;font-family:Noto Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;padding:10px 16px;transition:color .15s,border-color .15s}.tab-btn.active{border-bottom-color:#d1503f;border-bottom-color:var(--primary)}.tab-btn.active,.tab-btn:hover:not(.active){color:#0f172a;color:var(--text)}.tab-content{padding:16px 0}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table th{background:#f1f5f9;background:var(--surface-2);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#475569;color:var(--text-2);font-size:12px;font-weight:600;padding:9px 12px;text-align:left;white-space:nowrap}.data-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);color:#0f172a;color:var(--text);padding:9px 12px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fafafa}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.form-label{color:#475569;color:var(--text-2);font-size:12px;font-weight:600}.form-input,.form-select{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius);color:#0f172a;color:var(--text);font-family:Noto Sans,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:8px 10px;transition:border-color .15s;width:100%}.form-input:focus,.form-select:focus{border-color:#d1503f;border-color:var(--primary);box-shadow:0 0 0 2px #71717a26}.form-grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal{background:#fff;background:var(--surface);border-radius:.375rem;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.modal-sm{max-width:380px}.modal-lg{max-width:680px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;font-size:14px;font-weight:600;justify-content:space-between;padding:14px 16px}.modal-body{flex:1 1;padding:16px}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:12px 16px}.date-nav{align-items:center;display:flex;gap:8px}.date-display{color:#0f172a;color:var(--text);font-size:13px;font-weight:600;min-width:120px;text-align:center}.search-wrap{position:relative}.search-wrap svg{color:#94a3b8;color:var(--text-3);left:9px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius);color:#0f172a;color:var(--text);font-family:Noto Sans,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:8px 10px 8px 32px;transition:border-color .15s;width:200px}.search-input:focus{border-color:#d1503f;border-color:var(--primary)}.worker-detail-header{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius);display:flex;gap:16px;margin-bottom:16px;padding:16px}.worker-detail-avatar{align-items:center;background:#f1f5f9;background:var(--surface-2);border-radius:50%;color:#475569;color:var(--text-2);display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:64px;justify-content:center;object-fit:cover;overflow:hidden;width:64px}.worker-detail-avatar img{height:100%;object-fit:cover;width:100%}.ws-dot{border-radius:50%;display:inline-block;height:8px;margin-right:4px;width:8px}.ws-dot.connected{background:#268f00}.ws-dot.disconnected{background:#b30000}.empty-state{color:#94a3b8;color:var(--text-3);font-size:13px;padding:32px;text-align:center}.alert{align-items:center;animation:toastIn .25s cubic-bezier(.22,1,.36,1);animation:toastIn .25s var(--ease-out);background:#262626;background:var(--color-neutral-900);border-radius:999px;bottom:28px;box-shadow:0 8px 24px -4px #26262652;color:#fef9f3;color:var(--color-neutral-50);display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:500;gap:8px;left:50%;max-width:calc(100vw - 32px);padding:10px 20px 10px 14px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:9999}.alert-icon{flex-shrink:0;font-size:20px}.alert.success .alert-icon{color:#8ab44a}.alert.error .alert-icon{color:#e07060}.alert.warning .alert-icon{color:#f0c816}.alert.info .alert-icon{color:#5bbcd6}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(14px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.loader{align-items:center;color:#94a3b8;color:var(--text-3);display:flex;font-size:13px;justify-content:center;padding:40px}.dropdown-menu{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);min-width:140px;overflow:hidden;position:fixed;z-index:500}.dropdown-item{align-items:center;color:#0f172a;color:var(--text);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:9px 14px;transition:background .1s}.dropdown-item:hover{background:#f1f5f9;background:var(--surface-2)}.dropdown-item.danger{color:#b30000}.dropdown-item.danger:hover{background:#fff5f5}.dropdown-trigger{position:relative}@media (max-width:600px){.form-grid-2{grid-template-columns:1fr}.modal{margin:8px;max-width:calc(100vw - 16px)}.search-input{width:140px}}:root{--color-neutral-50:#fef9f3;--color-neutral-100:#f4ebe4;--color-neutral-700:#414141;--color-neutral-900:#262626;--bg-surface:#fff;--fg:var(--color-neutral-900);--fg-muted:var(--color-neutral-700);--border-strong:color-mix(in srgb,var(--color-neutral-900) 20%,#0000);--font-body:"Inter",system-ui,-apple-system,sans-serif;--font-heading:"Inter",system-ui,-apple-system,sans-serif;--ease-out:cubic-bezier(0.22,1,0.36,1);--shadow-md:0 6px 24px -8px #2626261f;--color-primary:#d1503f;--color-primary-hover:#e9503b}.material-symbols-rounded{font-size:0;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1;-webkit-user-select:none;user-select:none}html.icons-loaded .material-symbols-rounded{font-size:inherit}.num{font-feature-settings:"tnum" 1,"tnum";font-variant-numeric:tabular-nums}.app{background:#fef9f3;background:var(--color-neutral-50);margin:0 auto;max-width:480px;min-height:100vh;padding:0 16px 96px}@media (min-width:720px){.app{max-width:720px;padding:0 28px 96px}}@media (min-width:1024px){.app{grid-column-gap:32px;align-items:start;column-gap:32px;display:grid;grid-template-columns:360px 1fr;max-width:1180px;padding:0 32px 96px}}.app-header{align-items:center;background:#fef9f3;background:var(--color-neutral-50);display:flex;justify-content:space-between;padding:18px 0 14px;position:-webkit-sticky;position:sticky;top:0;z-index:10}@media (min-width:1024px){.app-header{grid-column:1/-1;padding:24px 0 18px}}.greet{align-items:baseline;display:flex;gap:10px;min-width:0}.greet .wave{filter:saturate(.9);font-size:22px;line-height:1}.greet-text{min-width:0}.greet-text h1{color:#262626;color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:22px;font-weight:600;letter-spacing:-.018em;line-height:1.1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.greet-text small{color:#414141;color:var(--fg-muted);display:block;font-size:12px;font-weight:500;letter-spacing:.04em;margin-top:4px;text-transform:uppercase}.icon-btn{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:12px;color:#262626;color:var(--fg);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;text-decoration:none;transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s cubic-bezier(.22,1,.36,1);transition:transform .2s var(--ease-out),background .2s var(--ease-out);width:40px}.icon-btn:hover{background:#f4ebe4;background:var(--color-neutral-100);transform:translateY(-1px)}.icon-btn .material-symbols-rounded{font-size:22px}.icon-btn:disabled{cursor:default;opacity:.5;transform:none}.header-actions{align-items:center;display:flex;gap:8px}.notif-btn--on{background:color-mix(in srgb,#268f00 12%,#0000);background:color-mix(in srgb,var(--status-present) 12%,#0000);border-color:color-mix(in srgb,#268f00 35%,#0000);border-color:color-mix(in srgb,var(--status-present) 35%,#0000);color:#268f00;color:var(--status-present);cursor:default;position:relative}.notif-dot{background:#268f00;background:var(--status-present);border:1.5px solid #fef9f3;border:1.5px solid var(--color-neutral-50);border-radius:50%;height:7px;position:absolute;right:6px;top:6px;width:7px}.snapshot{background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:20px;overflow:hidden;padding:22px 22px 18px;position:relative}@media (min-width:1024px){.snapshot{position:-webkit-sticky;position:sticky;top:90px}}.snapshot-eyebrow{align-items:center;color:#414141;color:var(--fg-muted);display:flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:.08em;margin-bottom:18px;text-transform:uppercase}.live-dot{animation:dashPulse 2.4s cubic-bezier(.22,1,.36,1) infinite;animation:dashPulse 2.4s var(--ease-out) infinite;background:#6f8a3a;border-radius:999px;box-shadow:0 0 0 4px color-mix(in srgb,#6f8a3a 18%,#0000);flex-shrink:0;height:6px;width:6px}.live-dot.disconnected{animation:none;background:#9ca3af;background:var(--color-neutral-400,#9ca3af);box-shadow:none}@keyframes dashPulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,#6f8a3a 18%,#0000)}50%{box-shadow:0 0 0 7px color-mix(in srgb,#6f8a3a 6%,#0000)}}.reconnect-btn{align-items:center;background:none;border:none;border-radius:6px;color:#414141;color:var(--fg-muted);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:3px;padding:2px 6px;transition:background .15s,color .15s}.reconnect-btn:hover{background:#f4ebe4;background:var(--color-neutral-100);color:#262626;color:var(--fg)}.reconnect-btn .material-symbols-rounded{font-size:14px}.snapshot-stat{align-items:baseline;display:flex;gap:10px;margin-bottom:6px}.snapshot-num{color:#262626;color:var(--fg);font-size:76px;font-weight:500;letter-spacing:-.035em;line-height:.92}.snapshot-num,.snapshot-of{font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading)}.snapshot-of{font-size:26px;font-weight:400;letter-spacing:-.02em}.snapshot-label,.snapshot-of{color:#414141;color:var(--fg-muted)}.snapshot-label{font-size:14px;letter-spacing:-.005em;margin:0 0 18px}.snapshot-label strong{color:#262626;color:var(--fg);font-weight:600}.stack-bar{background:#f4ebe4;background:var(--color-neutral-100);border-radius:999px;display:flex;height:8px;margin-bottom:18px;overflow:hidden;width:100%}.stack-bar>span{display:block;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);transition:width .4s var(--ease-out)}.stack-bar>span+span{margin-left:2px}.chips{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.chip{background:#fef9f3;background:var(--color-neutral-50);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:12px;cursor:default;padding:10px 8px 9px;text-align:left;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1);transition:transform .2s var(--ease-out),border-color .2s var(--ease-out)}.chip:hover{border-color:color-mix(in srgb,#262626 20%,#0000);border-color:var(--border-strong);transform:translateY(-1px)}.chip-dot{border-radius:999px;height:8px;margin-bottom:8px;width:8px}.chip-num{color:#262626;color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1}.chip-label{color:#414141;color:var(--fg-muted);display:block;font-size:11px;font-weight:500;letter-spacing:.01em;margin-top:4px}.c-present{background:#6f8a3a}.c-break{background:#c79221}.c-absent{background:#b04025}.c-leave{background:#3a6e8e}.c-off{background:#6b5fa5}.c-ended{background:#6c6356}.c-pending{background:#c9bdb1}.dash-toolbar{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto;margin-top:22px}.dash-search{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:12px;display:flex;gap:10px;height:44px;padding:0 14px}.dash-search:focus-within{border-color:color-mix(in srgb,#d1503f 60%,#f4ebe4);border-color:color-mix(in srgb,var(--color-primary) 60%,var(--color-neutral-100));box-shadow:0 0 0 3px color-mix(in srgb,#d1503f 14%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 14%,#0000)}.dash-search .material-symbols-rounded{color:#414141;color:var(--fg-muted);font-size:20px}.dash-search input{background:#0000;border:0;color:#262626;color:var(--fg);flex:1 1;font:inherit;font-size:14px;min-width:0;outline:0}.dash-search input::placeholder{color:#414141;color:var(--fg-muted)}.sort-btn{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:12px;color:#262626;color:var(--fg);cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:500;gap:6px;height:44px;padding:0 14px;white-space:nowrap}.sort-btn .material-symbols-rounded{color:#414141;color:var(--fg-muted);font-size:18px}.sort-btn:hover{background:#f4ebe4;background:var(--color-neutral-100)}.dash-filters{display:flex;gap:6px;margin-top:14px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.dash-filters::-webkit-scrollbar{display:none}.dash-filter{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:999px;color:#414141;color:var(--fg-muted);cursor:pointer;display:inline-flex;flex-shrink:0;font:inherit;font-size:13px;font-weight:500;gap:6px;height:34px;padding:0 12px;transition:all .2s cubic-bezier(.22,1,.36,1);transition:all .2s var(--ease-out)}.dash-filter:hover{color:#262626;color:var(--fg)}.dash-filter[aria-pressed=true]{background:#262626;background:var(--fg);border-color:#262626;border-color:var(--fg);color:#fef9f3;color:var(--color-neutral-50)}.dash-filter .fcount{background:color-mix(in srgb,#262626 8%,#0000);background:color-mix(in srgb,var(--fg) 8%,#0000);border-radius:999px;color:inherit;font-size:11px;padding:1px 6px}.dash-filter[aria-pressed=true] .fcount{background:color-mix(in srgb,#fef9f3 22%,#0000);background:color-mix(in srgb,var(--color-neutral-50) 22%,#0000)}.list-meta{align-items:baseline;display:flex;justify-content:space-between;margin:18px 0 10px}.list-meta h2{color:#414141;color:var(--fg-muted);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:14px;font-weight:600;letter-spacing:.02em;margin:0;text-transform:uppercase}.list-meta .list-count{color:#414141;color:var(--fg-muted);font-size:12px}.worker-list{display:flex;flex-direction:column;gap:10px}.worker{background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:16px;overflow:hidden;transition:border-color .2s cubic-bezier(.22,1,.36,1);transition:border-color .2s var(--ease-out)}.worker:hover{border-color:color-mix(in srgb,#262626 20%,#0000);border-color:var(--border-strong)}.worker .worker-row{grid-column-gap:14px;grid-row-gap:6px;align-items:center;column-gap:14px;display:grid;grid-template-columns:56px 1fr auto;grid-template-rows:auto auto;padding:14px 14px 12px;row-gap:6px}.worker .worker-row .wk-avatar{grid-row:1/span 2}.worker .worker-row .worker-meta{align-self:center;grid-row:1/span 2;min-width:0}.worker .worker-row .row-pill{grid-column:3;grid-row:1;justify-self:end}.worker .worker-row .row-quick{grid-column:3;grid-row:2;justify-self:end}.wk-avatar{align-items:center;border-radius:999px;display:inline-flex;flex-shrink:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:18px;font-weight:600;height:56px;justify-content:center;letter-spacing:-.01em;overflow:hidden;position:relative;width:56px}.worker .worker-meta{min-width:0}.worker .worker-name{align-items:center;color:#262626;color:var(--fg);display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:16px;font-weight:600;gap:4px;letter-spacing:-.012em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wk-powerday-badge{flex-shrink:0;font-size:13px}.worker-sub{align-items:center;color:#414141;color:var(--fg-muted);display:flex;font-size:13px;gap:8px;margin-top:4px}.worker-sub .wk-balance{color:#262626;color:var(--fg);font-weight:500}.worker-sub .sep{background:currentColor;border-radius:999px;flex-shrink:0;height:3px;opacity:.4;width:3px}.pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;height:26px;letter-spacing:.005em;padding:0 10px 0 9px;white-space:nowrap}.pill .material-symbols-rounded{font-size:14px}.pill-present{background:color-mix(in srgb,#6f8a3a 14%,#fff);background:color-mix(in srgb,#6f8a3a 14%,var(--bg-surface));color:#4d6325}.pill-break{background:color-mix(in srgb,#c79221 18%,#fff);background:color-mix(in srgb,#c79221 18%,var(--bg-surface));color:#8a6312}.pill-absent{background:color-mix(in srgb,#b04025 14%,#fff);background:color-mix(in srgb,#b04025 14%,var(--bg-surface));color:#8a2f1a}.pill-ended{background:color-mix(in srgb,#262626 8%,#fff);background:color-mix(in srgb,#262626 8%,var(--bg-surface))}.pill-ended,.pill-pending{color:#414141;color:var(--fg-muted)}.pill-pending{background:#f4ebe4;background:var(--color-neutral-100)}.pill-leave{background:color-mix(in srgb,#3a6e8e 14%,#fff);background:color-mix(in srgb,#3a6e8e 14%,var(--bg-surface));color:#2a506a}.pill-off{background:color-mix(in srgb,#6b5fa5 14%,#fff);background:color-mix(in srgb,#6b5fa5 14%,var(--bg-surface));color:#4e4480}.row-actions{align-items:center;display:flex;gap:4px;position:relative}.row-actions .icon-btn{background:#0000;border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:10px;height:34px;width:34px}.row-actions .icon-btn .material-symbols-rounded{font-size:18px}.row-actions .icon-btn:hover{background:#f4ebe4;background:var(--color-neutral-100)}.worker-banner{background:color-mix(in srgb,#c79221 10%,#fff);background:color-mix(in srgb,#c79221 10%,var(--bg-surface));border-top:1px solid #f4ebe4;border-top:1px solid var(--color-neutral-100);color:#6e4f10;font-size:12px;gap:8px;justify-content:space-between;letter-spacing:.01em;padding:8px 14px}.banner-left,.worker-banner{align-items:center;display:flex}.banner-left{gap:6px;min-width:0}.banner-right{font-weight:600;opacity:.85;white-space:nowrap}.banner-secondary{font-weight:400;opacity:.6}.worker-banner.banner-break{background:color-mix(in srgb,#c79221 10%,#fff);background:color-mix(in srgb,#c79221 10%,var(--bg-surface));color:#6e4f10}.worker-banner.banner-absent{background:color-mix(in srgb,#b04025 8%,#fff);background:color-mix(in srgb,#b04025 8%,var(--bg-surface));color:#8a2f1a}.worker-banner.banner-present{background:color-mix(in srgb,#6f8a3a 10%,#fff);background:color-mix(in srgb,#6f8a3a 10%,var(--bg-surface));color:#4d6325}.worker-banner.banner-ended,.worker-banner.banner-pending{background:#fef9f3;background:var(--color-neutral-50);color:#414141;color:var(--fg-muted)}.worker-banner.banner-leave{background:color-mix(in srgb,#3a6e8e 8%,#fff);background:color-mix(in srgb,#3a6e8e 8%,var(--bg-surface));color:#2a506a}.worker-banner.banner-off{background:color-mix(in srgb,#6b5fa5 8%,#fff);background:color-mix(in srgb,#6b5fa5 8%,var(--bg-surface));color:#4e4480}.worker-banner .material-symbols-rounded{flex-shrink:0;font-size:16px}.dash-popover.psd-action-menu{left:auto;position:absolute;right:0;top:calc(100% + 6px)}.dash-popover.dd-status-menu{left:0;position:absolute;right:auto;top:calc(100% + 6px);z-index:200}.hold-btn{-webkit-touch-callout:none;overflow:hidden;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.hold-fill{background:#ffffff47;bottom:0;left:0;pointer-events:none;position:absolute;top:0;transition:none;width:0}.hold-btn.wa-green .hold-fill,.hold-btn.wa-quiet .hold-fill,.hold-btn.wa-warm .hold-fill{background:#0000001a}.hold-btn.holding .hold-fill{transition:width .5s linear;width:100%}.worker-actions.absent-picker{display:flex;flex-direction:column;gap:0}.absent-reason-select{background:#fff;background:var(--bg-surface);border:0;border-bottom:1px solid #f4ebe4;border-bottom:1px solid var(--color-neutral-100);color:#262626;color:var(--fg);cursor:pointer;font-size:13px;outline:none;padding:10px 14px;width:100%}.absent-picker-btns{display:grid;grid-template-columns:auto 1fr}.absent-picker-btns button{align-items:center;background:#0000;border:0;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 12px;transition:background .2s cubic-bezier(.22,1,.36,1);transition:background .2s var(--ease-out);white-space:nowrap}.absent-picker-btns button+button{border-left:1px solid #f4ebe4;border-left:1px solid var(--color-neutral-100)}.absent-picker-btns button:hover{background:#fef9f3;background:var(--color-neutral-50)}.absent-picker-btns .wa-quiet{color:#414141;color:var(--fg-muted)}.absent-picker-btns .wa-absent{background:#7b1e1e;color:#fff}.absent-picker-btns .wa-absent:not(:disabled):hover{background:#6a1919}.absent-picker-btns .wa-absent .material-symbols-rounded{color:#ffffffe6;font-size:16px}.worker .worker-actions{grid-gap:0;border-top:1px solid #f4ebe4;border-top:1px solid var(--color-neutral-100);display:grid;gap:0;grid-template-columns:1fr 1fr}.worker .worker-actions.single{grid-template-columns:1fr}.worker .worker-actions button{align-items:center;background:#0000;border:0;color:#262626;color:var(--fg);cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 14px;transition:background .2s cubic-bezier(.22,1,.36,1);transition:background .2s var(--ease-out)}.worker .worker-actions button:disabled{cursor:not-allowed;opacity:.45}.worker .worker-actions button+button{border-left:1px solid #f4ebe4;border-left:1px solid var(--color-neutral-100)}.worker .worker-actions button:not(:disabled):hover{background:#fef9f3;background:var(--color-neutral-50)}.worker .worker-actions button .material-symbols-rounded{color:#414141;color:var(--fg-muted);font-size:18px}.worker .worker-actions .wa-primary{background:#d1503f;background:var(--color-primary);color:#fff}.worker .worker-actions .wa-primary:not(:disabled):hover{background:#e9503b;background:var(--color-primary-hover)}.worker .worker-actions .wa-primary .material-symbols-rounded{color:#ffffffe6}.worker .worker-actions .wa-green{background:color-mix(in srgb,#268f00 42%,#fff);background:color-mix(in srgb,#268f00 42%,var(--bg-surface));color:#1e5200}.worker .worker-actions .wa-green:not(:disabled):hover{background:color-mix(in srgb,#268f00 54%,#fff);background:color-mix(in srgb,#268f00 54%,var(--bg-surface))}.worker .worker-actions .wa-green .material-symbols-rounded{color:#1e5200}.worker .worker-actions .wa-warm{background:color-mix(in srgb,#f0c816 55%,#fff);background:color-mix(in srgb,#f0c816 55%,var(--bg-surface));color:#6e4f10}.worker .worker-actions .wa-warm:not(:disabled):hover{background:color-mix(in srgb,#f0c816 68%,#fff);background:color-mix(in srgb,#f0c816 68%,var(--bg-surface))}.worker .worker-actions .wa-warm .material-symbols-rounded{color:#6e4f10}.worker .worker-actions .wa-quiet{color:#414141;color:var(--fg-muted)}.worker .worker-actions .wa-quiet:not(:disabled):hover{background:#fef9f3;background:var(--color-neutral-50);color:#262626;color:var(--fg)}.dash-popover{animation:popIn .18s cubic-bezier(.22,1,.36,1);animation:popIn .18s var(--ease-out);background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:12px;box-shadow:0 6px 24px -8px #2626261f;box-shadow:var(--shadow-md);min-width:180px;padding:6px;position:fixed;z-index:500}@keyframes popIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dash-popover a,.dash-popover button{align-items:center;background:#0000;border:0;border-radius:8px;color:#262626;color:var(--fg);cursor:pointer;display:flex;font:inherit;font-size:14px;gap:10px;padding:9px 10px;text-align:left;text-decoration:none;width:100%}.dash-popover a:hover,.dash-popover button:hover{background:#f4ebe4;background:var(--color-neutral-100)}.dash-popover button.pop-danger{color:#8a2f1a}.dash-popover button.pop-danger:hover{background:color-mix(in srgb,#b04025 10%,#fff);background:color-mix(in srgb,#b04025 10%,var(--bg-surface))}.dash-popover a .material-symbols-rounded,.dash-popover button .material-symbols-rounded{color:#414141;color:var(--fg-muted);font-size:18px}.dash-popover button.pop-danger .material-symbols-rounded{color:#8a2f1a}.dash-popover hr{border:0;border-top:1px solid #f4ebe4;border-top:1px solid var(--color-neutral-100);margin:4px 2px}.dash-popover button:disabled{cursor:not-allowed;opacity:.45}.dash-scrim{inset:0;position:fixed;z-index:40}.dash-empty{color:#414141;color:var(--fg-muted);padding:40px 20px;text-align:center}.dash-empty .material-symbols-rounded{font-size:32px;margin-bottom:8px;opacity:.5}.dash-empty p{font-size:14px;margin:0}.fade-up{animation:fadeUp .45s cubic-bezier(.22,1,.36,1) both;animation:fadeUp .45s var(--ease-out) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger>*{animation:fadeUp .45s cubic-bezier(.22,1,.36,1) both;animation:fadeUp .45s var(--ease-out) both}.stagger>:first-child{animation-delay:.02s}.stagger>:nth-child(2){animation-delay:.05s}.stagger>:nth-child(3){animation-delay:.08s}.stagger>:nth-child(4){animation-delay:.11s}.stagger>:nth-child(5){animation-delay:.14s}.stagger>:nth-child(6){animation-delay:.17s}.stagger>:nth-child(7){animation-delay:.2s}.stagger>:nth-child(8){animation-delay:.23s}.stagger>:nth-child(9){animation-delay:.26s}@media (min-width:1024px){.left-col{grid-column:1}.right-col{grid-column:2}}.pf-page{margin:0 auto;max-width:1200px;min-height:100vh;padding:0 16px 96px;width:100%}.pf-header,.pf-page{background:#fef9f3;background:var(--color-neutral-50)}.pf-header{justify-content:space-between;padding:16px 0 14px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.pf-back-row,.pf-header{align-items:center;display:flex}.pf-back-row{gap:8px}.pf-back-row h1{color:#262626;color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:18px;font-weight:600;letter-spacing:-.012em;margin:0}.pf-header-actions{align-items:center;display:flex;gap:8px}.pf-identity{grid-gap:18px;align-items:start;background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:20px;display:grid;gap:18px;grid-template-columns:88px 1fr;margin-top:8px;padding:22px 22px 26px}.pf-avatar-wrap{height:88px;position:relative;width:88px}.pf-identity .worker-avatar{border-radius:50%!important;font-size:30px!important;height:88px!important;width:88px!important}.pf-avatar-wrap .pf-status-pill{bottom:-13px;box-shadow:0 1px 4px #0000001a;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.pf-identity-meta{min-width:0;padding-top:2px}.pf-identity-name{color:#262626;color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:22px;font-weight:700;letter-spacing:-.018em;line-height:1.1;margin:0 0 8px}.pf-status-pill{border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 10px}.pf-status-pill.active{background:color-mix(in srgb,#268f00 14%,#fff);background:color-mix(in srgb,#268f00 14%,var(--bg-surface));color:#166534}.pf-status-pill.inactive{background:color-mix(in srgb,#b30000 12%,#fff);background:color-mix(in srgb,#b30000 12%,var(--bg-surface));color:#991b1b}.pf-meta-pills{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.pf-meta-pill{background:var(--bg-base);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:999px;color:#414141;color:var(--fg-muted);font-size:11.5px;font-weight:500;padding:3px 10px}.pf-meta-pill--rate{background:color-mix(in srgb,#d1503f 8%,#fff);background:color-mix(in srgb,var(--color-primary) 8%,var(--bg-surface));border-color:color-mix(in srgb,#d1503f 22%,#fff);border-color:color-mix(in srgb,var(--color-primary) 22%,var(--bg-surface));color:#d1503f;color:var(--color-primary)}.pf-identity-dates{display:flex;flex-direction:column;gap:5px}.pf-date-item{align-items:center;color:#414141;color:var(--fg-muted);display:inline-flex;font-size:12px;gap:5px}.pf-date-item .material-symbols-rounded{font-size:13px}.pf-date-item--exit{color:#b04025}.pf-balance-card{background:linear-gradient(155deg,#262626,#3a312a);background:linear-gradient(155deg,var(--color-neutral-900) 0,#3a312a 100%);border-radius:20px;color:#fef9f3;color:var(--color-neutral-50);margin-top:12px;overflow:hidden;padding:22px;position:relative}.pf-balance-card:after{background:color-mix(in srgb,#d1503f 24%,#0000);background:color-mix(in srgb,var(--color-primary) 24%,#0000);border-radius:50%;content:"";filter:blur(40px);height:200px;position:absolute;right:-60px;top:-60px;width:200px}.pf-balance-eyebrow{color:color-mix(in srgb,#fef9f3 65%,#0000);color:color-mix(in srgb,var(--color-neutral-50) 65%,#0000);font-size:11px;font-weight:600;letter-spacing:.1em;margin-bottom:8px;position:relative;text-transform:uppercase;z-index:1}.pf-balance-amount{color:#fef9f3;color:var(--color-neutral-50);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:42px;font-weight:500;letter-spacing:-.025em;line-height:1;position:relative;z-index:1}.pf-rupee{font-size:26px;margin-right:3px;opacity:.85}.pf-balance-meta{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-top:18px;position:relative;z-index:1}.pf-balance-meta div{color:color-mix(in srgb,#fef9f3 55%,#0000);color:color-mix(in srgb,var(--color-neutral-50) 55%,#0000);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.pf-balance-meta strong{color:#fef9f3;color:var(--color-neutral-50);display:block;font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:17px;font-weight:500;letter-spacing:-.015em;margin-top:4px;text-transform:none}.pf-qab{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-top:14px}.pf-qab a,.pf-qab button{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:14px;color:#262626;color:var(--fg);cursor:pointer;display:flex;flex-direction:column;font:inherit;font-size:11px;font-weight:500;gap:6px;padding:12px 6px 10px;text-decoration:none;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1);transition:transform .2s var(--ease-out),border-color .2s var(--ease-out)}.pf-qab a:hover,.pf-qab button:hover{border-color:color-mix(in srgb,#262626 20%,#0000);border-color:var(--border-strong);transform:translateY(-1px)}.pf-qab-ico{align-items:center;background:#fef9f3;background:var(--color-neutral-50);border-radius:12px;color:#262626;color:var(--fg);display:inline-flex;height:36px;justify-content:center;width:36px}.pf-qab-ico .material-symbols-rounded{font-size:20px}.pf-qab a.primary .pf-qab-ico,.pf-qab button.primary .pf-qab-ico{background:#d1503f;background:var(--color-primary);color:#fff}.pf-tabs{border-bottom:1px solid #f4ebe4;border-bottom:1px solid var(--color-neutral-100);display:flex;gap:4px;margin:22px 0 0;overflow-x:auto;scrollbar-width:none}.pf-tabs::-webkit-scrollbar{display:none}.pf-tab{background:#0000;border:0;color:#414141;color:var(--fg-muted);cursor:pointer;flex-shrink:0;font:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;padding:12px 14px 14px;position:relative;text-transform:uppercase;transition:color .2s cubic-bezier(.22,1,.36,1);transition:color .2s var(--ease-out)}.pf-tab[aria-selected=true]{color:#262626;color:var(--fg)}.pf-tab[aria-selected=true]:after{background:#d1503f;background:var(--color-primary);border-radius:2px;bottom:-1px;content:"";height:2px;left:14px;position:absolute;right:14px}.pf-tab-count{color:#414141;color:var(--fg-muted);font-size:11px;font-weight:500;margin-left:4px}.pf-tab[aria-selected=true] .pf-tab-count{color:#d1503f;color:var(--color-primary)}.pf-subtoggle{background:#fef9f3;background:var(--color-neutral-50);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:10px;display:inline-flex;gap:2px;padding:3px}.pf-subtoggle button{align-items:center;background:#0000;border:0;border-radius:7px;color:#414141;color:var(--fg-muted);cursor:pointer;display:inline-flex;font:inherit;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.pf-subtoggle button[aria-pressed=true]{background:#fff;background:var(--bg-surface);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#262626;color:var(--fg)}.pf-subtoggle .material-symbols-rounded{font-size:16px}.pf-section-head{align-items:center;display:flex;justify-content:space-between;margin:18px 0 10px}.pf-section-head h2{color:#414141;color:var(--fg-muted);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase}.pf-stats-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:14px}.pf-stat{background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:14px;padding:12px;text-align:left}.pf-stat-num{color:#262626;color:var(--fg);display:block;font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1}.pf-stat-label{color:#414141;color:var(--fg-muted);display:block;font-size:11px;letter-spacing:.01em;margin-top:6px}.pf-cal{background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:18px;padding:18px}.pf-cal-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.pf-cal-head h3{color:#262626;color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0}.pf-cal-nav{display:inline-flex;gap:4px}.pf-cal-nav button{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:10px;color:#262626;color:var(--fg);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:background .15s;width:32px}.pf-cal-nav button:hover{background:#f4ebe4;background:var(--color-neutral-100)}.pf-cal-nav .material-symbols-rounded{font-size:18px}.pf-cal-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.pf-cal-dow{color:#414141;color:var(--fg-muted);font-size:10px;font-weight:600;letter-spacing:.08em;padding:4px 0 8px;text-align:center;text-transform:uppercase}.pf-cal-cell{align-items:center;aspect-ratio:1;background:#0000;border:0;border-radius:50%;color:#262626;color:var(--fg);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;justify-content:center;transition:transform .15s cubic-bezier(.22,1,.36,1);transition:transform .15s var(--ease-out);width:100%}.pf-cal-cell:hover:not(.empty){transform:scale(1.08)}.pf-cal-cell.empty{cursor:default;pointer-events:none}.pf-cal-cell.today{outline:2px solid #d1503f;outline:2px solid var(--color-primary);outline-offset:-2px}.pf-cal-cell.s-present{background:color-mix(in srgb,#6f8a3a 22%,#fff);background:color-mix(in srgb,#6f8a3a 22%,var(--bg-surface));color:#3d5021}.pf-cal-cell.s-absent{background:color-mix(in srgb,#b04025 22%,#fff);background:color-mix(in srgb,#b04025 22%,var(--bg-surface));color:#7a2918}.pf-cal-cell.s-leave{background:color-mix(in srgb,#3a6e8e 22%,#fff);background:color-mix(in srgb,#3a6e8e 22%,var(--bg-surface));color:#1f4d6a}.pf-cal-cell.s-off{background:color-mix(in srgb,#6b5fa5 22%,#fff);background:color-mix(in srgb,#6b5fa5 22%,var(--bg-surface));color:#4a3f82}.pf-cal-cell.s-pending{outline:2px dashed #c79221;outline-offset:-2px}.pf-cal-cell.s-unmarked{background:color-mix(in srgb,#8a7a66 10%,#fff);background:color-mix(in srgb,#8a7a66 10%,var(--bg-surface));color:#414141;color:var(--fg-muted)}.pf-cal-cell.s-future{color:#414141;color:var(--fg-muted);opacity:.38;pointer-events:none}.pf-cal-legend{border-top:1px solid #f4ebe4;border-top:1px solid var(--color-neutral-100);color:#414141;color:var(--fg-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:10px 16px;margin-top:14px;padding-top:14px}.pf-cal-legend span{align-items:center;display:inline-flex;gap:6px}.pf-cal-legend i{border-radius:50%;display:inline-block;height:10px;width:10px}.pf-tx-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.pf-tx-filter-ico{color:#414141;color:var(--fg-muted);font-size:18px}.pf-tx-date-input{background:#fff;background:var(--bg-surface);border:1px solid var(--color-neutral-200);border-radius:10px;color:#262626;color:var(--fg);cursor:pointer;font:inherit;font-size:13px;padding:6px 10px}.pf-tx-date-input:focus{border-color:#d1503f;border-color:var(--color-primary);outline:none}.pf-tx-filter-sep{font-size:13px}.pf-tx-clear,.pf-tx-filter-sep{color:#414141;color:var(--fg-muted)}.pf-tx-clear{background:#0000;border:1px solid var(--color-neutral-200);border-radius:999px;cursor:pointer;font:inherit;font-size:12px;padding:4px 12px}.pf-tx-clear:hover{border-color:#d1503f;border-color:var(--color-primary);color:#d1503f;color:var(--color-primary)}.pf-ledger-day{margin-bottom:18px}.pf-ledger-day-head{align-items:baseline;color:#414141;color:var(--fg-muted);display:flex;font-size:11px;font-weight:600;justify-content:space-between;letter-spacing:.06em;padding:0 4px 8px;text-transform:uppercase}.pf-running-bal{color:#262626;color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:13px;font-weight:500;letter-spacing:-.01em}.pf-ledger-list{background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.pf-ledger-row{grid-gap:12px;align-items:center;background:#0000;border-bottom:1px solid #f4ebe4;border-bottom:1px solid var(--color-neutral-100);color:#262626;color:var(--fg);cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:36px 1fr auto;padding:14px 16px;text-align:left;transition:background .15s;width:100%}.pf-ledger-row:last-child{border-bottom:0}.pf-ledger-row:hover{background:#fef9f3;background:var(--color-neutral-50)}.pf-ledger-row.no-drill{cursor:default}.pf-ledger-row.no-drill:hover{background:#0000}.pf-ledger-ico{align-items:center;background:#f4ebe4;background:var(--color-neutral-100);border-radius:12px;color:#414141;color:var(--fg-muted);display:inline-flex;height:36px;justify-content:center;width:36px}.pf-ledger-ico .material-symbols-rounded{font-size:20px}.pf-att-row.t-present .pf-ledger-ico{background:color-mix(in srgb,#6f8a3a 16%,#fff);background:color-mix(in srgb,#6f8a3a 16%,var(--bg-surface));color:#4d6325}.pf-att-row.t-absent .pf-ledger-ico{background:color-mix(in srgb,#b04025 16%,#fff);background:color-mix(in srgb,#b04025 16%,var(--bg-surface));color:#8a2f1a}.pf-att-row.t-leave .pf-ledger-ico{background:color-mix(in srgb,#3a6e8e 16%,#fff);background:color-mix(in srgb,#3a6e8e 16%,var(--bg-surface));color:#2a506a}.pf-att-row.t-off .pf-ledger-ico{background:color-mix(in srgb,#6b5fa5 16%,#fff);background:color-mix(in srgb,#6b5fa5 16%,var(--bg-surface));color:#4e4480}.pf-ledger-row.t-earning .pf-ledger-ico{background:color-mix(in srgb,#6f8a3a 16%,#fff);background:color-mix(in srgb,#6f8a3a 16%,var(--bg-surface));color:#4d6325}.pf-ledger-row.t-payout .pf-ledger-ico{background:color-mix(in srgb,#d1503f 16%,#fff);background:color-mix(in srgb,var(--color-primary) 16%,var(--bg-surface));color:#d1503f;color:var(--color-primary)}.pf-ledger-meta{min-width:0}.pf-ledger-detail{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;margin-top:2px;overflow:hidden}.pf-detail-date{color:#262626;color:var(--fg);flex-shrink:0;font-size:12px;font-weight:600;min-width:46px;white-space:nowrap}.pf-detail-sep{flex-shrink:0;font-size:10px;opacity:.4}.pf-detail-chip,.pf-detail-sep{color:#414141;color:var(--fg-muted)}.pf-detail-chip{align-items:center;display:inline-flex;font-size:12px;gap:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-detail-chip .material-symbols-rounded{font-size:13px}.pf-ledger-kind{align-items:center;color:#262626;color:var(--fg);display:flex;font-size:14px;font-weight:500;gap:6px;margin:0;overflow:hidden}.pf-rate-pill{background:#f4ebe4;background:var(--color-neutral-100);border-radius:999px;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.03em;padding:1px 7px}.pf-ledger-ref,.pf-rate-pill{color:#414141;color:var(--fg-muted)}.pf-ledger-ref{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:12px;gap:4px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-ledger-amounts{flex-shrink:0;text-align:right}.pf-amt{font-feature-settings:"tnum";font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:15px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.01em}.pf-pos{color:#4d6325}.pf-payout{color:#d1503f;color:var(--color-primary)}.pf-deduction-amt{color:#8a2f1a}.pf-att-net{color:#262626;color:var(--fg)}.pf-att-absent{color:#8a2f1a}.pf-bal{font-feature-settings:"tnum";color:#414141;color:var(--fg-muted);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.01em;margin-top:2px}.pf-bal-neg{color:#8a2f1a}.pf-att-time{font-feature-settings:"tnum";align-items:center;color:#262626;color:var(--fg);display:inline-flex;font-variant-numeric:tabular-nums;font-weight:500;gap:3px}.pf-att-time .material-symbols-rounded{color:#414141;color:var(--fg-muted);font-size:12px}.pf-att-sep{color:#414141;color:var(--fg-muted);opacity:.6}.pf-running-mini{align-items:center;color:#4d6325;display:inline-flex;font-weight:600;gap:4px}.pf-running-mini:before{animation:dashPulse 2.4s cubic-bezier(.22,1,.36,1) infinite;animation:dashPulse 2.4s var(--ease-out) infinite;background:#6f8a3a;border-radius:999px;content:"";height:5px;width:5px}.pf-ledger-month{margin-bottom:20px}.pf-ledger-month-head{color:#414141;color:var(--fg-muted);font-size:11px;font-weight:700;letter-spacing:.08em;padding:0 4px 8px;text-transform:uppercase}.pf-ledger-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.pf-ledger-summary .pf-stat{flex:1 1;min-width:120px}.pf-earnings .pf-stat-num{color:#4d6325}.pf-payouts .pf-stat-num{color:#d1503f;color:var(--color-primary)}.pf-deductions .pf-stat-num{color:#8a2f1a}.pf-stat-alltime{color:#414141;color:var(--fg-muted);display:block;font-size:11px;margin-top:2px}.pf-note-card{grid-gap:12px;background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:14px;display:grid;gap:12px;grid-template-columns:32px 1fr;padding:14px 16px}.pf-note-icon{align-items:center;align-self:start;background:#f4ebe4;background:var(--color-neutral-100);border-radius:10px;color:#414141;color:var(--fg-muted);display:inline-flex;height:32px;justify-content:center;width:32px}.pf-note-icon .material-symbols-rounded{font-size:18px}.pf-note-card.k-praise .pf-note-icon{background:color-mix(in srgb,#6f8a3a 18%,#fff);background:color-mix(in srgb,#6f8a3a 18%,var(--bg-surface));color:#4d6325}.pf-note-card.k-warning .pf-note-icon{background:color-mix(in srgb,#c79221 22%,#fff);background:color-mix(in srgb,#c79221 22%,var(--bg-surface));color:#6e4f10}.pf-note-meta{align-items:center;color:#414141;color:var(--fg-muted);display:flex;font-size:12px;gap:8px;margin-bottom:4px}.pf-note-meta strong{color:#262626;color:var(--fg);font-weight:600}.pf-dot{background:currentColor;border-radius:999px;display:inline-block;height:3px;opacity:.5;width:3px}.pf-note-text{color:#262626;color:var(--fg);font-size:14px;line-height:1.5;margin:0}.pf-note-view-btn{align-items:center;background:var(--bg-page);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:999px;color:#414141;color:var(--fg-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;gap:4px;margin-left:auto;padding:3px 9px 3px 6px;white-space:nowrap}.pf-note-view-btn:hover{background:color-mix(in srgb,#d1503f 6%,var(--bg-page));background:color-mix(in srgb,var(--color-primary) 6%,var(--bg-page));border-color:#d1503f;border-color:var(--color-primary);color:#d1503f;color:var(--color-primary)}.pf-note-view-btn .material-symbols-rounded{font-size:14px}.pf-add-note{align-items:center;background:#fff;background:var(--bg-surface);border:1px dashed color-mix(in srgb,#262626 20%,#0000);border:1px dashed var(--border-strong);border-radius:14px;color:#414141;color:var(--fg-muted);cursor:pointer;display:flex;font:inherit;font-size:14px;gap:10px;padding:14px 16px;text-align:left;transition:border-color .2s,color .2s;width:100%}.pf-add-note:hover{border-color:#d1503f;border-color:var(--color-primary);color:#262626;color:var(--fg)}.pf-add-note .material-symbols-rounded{color:#d1503f;color:var(--color-primary);font-size:20px}.pf-payslip-placeholder{background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:18px;color:#414141;color:var(--fg-muted);padding:44px 20px;text-align:center}.pf-payslip-icon{align-items:center;background:#f4ebe4;background:var(--color-neutral-100);border-radius:18px;display:inline-flex;height:56px;justify-content:center;margin-bottom:16px;width:56px}.pf-payslip-icon .material-symbols-rounded{color:#414141;color:var(--fg-muted);font-size:28px}.pf-payslip-placeholder h3{color:#262626;color:var(--fg);font-size:16px;font-weight:600;margin-bottom:8px}.pf-payslip-placeholder p{font-size:13px;line-height:1.65;margin:0 auto;max-width:360px}.pf-pay-fab{align-items:center;background:#d1503f;background:var(--color-primary);border:0;border-radius:16px;bottom:16px;box-shadow:0 8px 24px -4px color-mix(in srgb,#d1503f 50%,#0000);box-shadow:0 8px 24px -4px color-mix(in srgb,var(--color-primary) 50%,#0000);color:#fff;cursor:pointer;display:flex;font:inherit;font-size:15px;font-weight:600;gap:8px;justify-content:center;left:16px;margin:0 auto;max-width:448px;padding:16px;position:fixed;right:16px;transition:background .2s,transform .2s;z-index:30}.pf-pay-fab:hover{background:#e9503b;background:var(--color-primary-hover);transform:translateY(-1px)}.pf-pay-fab .material-symbols-rounded{font-size:20px}@media (min-width:720px){.pf-pay-fab{display:none}}@media (min-width:1024px){.pf-page{grid-column-gap:32px;align-items:start;column-gap:32px;display:grid;grid-template-columns:360px 1fr;padding-left:32px;padding-right:32px}.pf-header{grid-column:1/-1;padding:24px 0 18px}.pf-left-col{grid-column:1;position:-webkit-sticky;position:sticky;top:80px}.pf-right-col{grid-column:2}}.drawer-scrim{animation:fadeIn .2s cubic-bezier(.22,1,.36,1);animation:fadeIn .2s var(--ease-out);background:color-mix(in srgb,#262626 32%,#0000);background:color-mix(in srgb,var(--color-neutral-900) 32%,#0000);inset:0;position:fixed;z-index:80}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{animation:drawerSlideUp .28s cubic-bezier(.22,1,.36,1);animation:drawerSlideUp .28s var(--ease-out);background:#fff;background:var(--bg-surface);border-radius:20px 20px 0 0;bottom:0;left:0;margin:0 auto;max-height:90vh;max-width:560px;overflow-y:auto;position:fixed;right:0;z-index:81}@keyframes drawerSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (min-width:720px){.drawer{border-radius:20px;bottom:50%;left:50%;margin-left:-280px;max-height:86vh;right:auto;transform:translateY(50%);width:560px}}.drawer-handle{background:#f4ebe4;background:var(--color-neutral-100);border-radius:999px;height:4px;margin:0 auto 14px;width:40px}.day-drawer{display:flex;flex-direction:column;padding:14px 0 0}.day-drawer .drawer-handle{margin-top:0}.dd-head{grid-gap:12px;align-items:center;border-bottom:1px solid #f4ebe4;border-bottom:1px solid var(--color-neutral-100);display:grid;gap:12px;grid-template-columns:auto 1fr auto auto;padding:6px 18px 14px}.dd-head .worker-avatar{border-radius:50%!important;flex-shrink:0;font-size:17px!important;height:48px!important;width:48px!important}.dd-id{min-width:0}.dd-name{color:#262626;color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:-.015em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd-date{color:#414141;color:var(--fg-muted);font-size:12px;margin:2px 0 0}.dd-status-row{align-items:center;display:flex;flex-shrink:0;gap:6px}.dd-badge{border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.015em;padding:4px 9px;white-space:nowrap}.dd-approval-icon{align-items:center;display:flex;line-height:1}.dd-approval-icon .material-symbols-rounded{font-size:18px}.dd-approval-icon--approved .material-symbols-rounded{color:#4d6325}.dd-approval-icon--pending .material-symbols-rounded{color:#414141;color:var(--fg-muted)}.b-running{background:color-mix(in srgb,#6f8a3a 16%,#fff);background:color-mix(in srgb,#6f8a3a 16%,var(--bg-surface));color:#4d6325}.b-pending{background:color-mix(in srgb,#c79221 18%,#fff);background:color-mix(in srgb,#c79221 18%,var(--bg-surface));color:#6e4f10}.b-approved{background:color-mix(in srgb,#6f8a3a 14%,#fff);background:color-mix(in srgb,#6f8a3a 14%,var(--bg-surface));color:#4d6325}.b-absent{background:color-mix(in srgb,#b04025 14%,#fff);background:color-mix(in srgb,#b04025 14%,var(--bg-surface));color:#8a2f1a}.b-break{background:color-mix(in srgb,#c79221 16%,#fff);background:color-mix(in srgb,#c79221 16%,var(--bg-surface));color:#6e4f10}.b-leave{background:color-mix(in srgb,#3a6e8e 14%,#fff);background:color-mix(in srgb,#3a6e8e 14%,var(--bg-surface));color:#2a506a}.b-off{background:color-mix(in srgb,#6b5fa5 14%,#fff);background:color-mix(in srgb,#6b5fa5 14%,var(--bg-surface));color:#4e4480}.b-neutral{background:#f4ebe4;background:var(--color-neutral-100);color:#414141;color:var(--fg-muted)}.dd-actions{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;padding:10px 18px 12px}.dd-action-btn{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:999px;color:#262626;color:var(--fg);cursor:pointer;display:inline-flex;font:inherit;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;text-decoration:none;transition:background .15s cubic-bezier(.22,1,.36,1),border-color .15s cubic-bezier(.22,1,.36,1);transition:background .15s var(--ease-out),border-color .15s var(--ease-out);white-space:nowrap}.dd-action-btn:hover{background:#fef9f3;background:var(--color-neutral-50);border-color:color-mix(in srgb,#262626 20%,#0000);border-color:var(--border-strong)}.dd-action-btn .material-symbols-rounded{color:#414141;color:var(--fg-muted);font-size:16px}.dd-action-btn.dd-action-primary .material-symbols-rounded{color:#d1503f;color:var(--color-primary)}.dd-body{flex:1 1;overflow-y:auto;padding:4px 18px 18px}.dd-section{border-bottom:1px solid #f4ebe4;border-bottom:1px solid var(--color-neutral-100);padding:16px 0}.dd-section:last-child{border-bottom:0}.dd-section-head{align-items:center;display:flex;gap:8px;margin-bottom:10px}.dd-section-head .material-symbols-rounded{color:#414141;color:var(--fg-muted);font-size:18px}.dd-section-head h4{color:#262626;color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:12px;font-weight:700;letter-spacing:.06em;margin:0;text-transform:uppercase}.dd-meta{color:#414141;color:var(--fg-muted);font-size:11px;margin-left:auto}.dd-link{background:0;border:0;color:#d1503f;color:var(--color-primary);cursor:pointer;font:inherit;font-size:12px;font-weight:500;margin-left:auto}.punch-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.punch{background:#fef9f3;background:var(--color-neutral-50);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:12px;overflow:visible;padding:11px 13px;position:relative}.p-label{align-items:center;color:#414141;color:var(--fg-muted);display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.p-label .material-symbols-rounded{font-size:14px}.p-time{color:#262626;color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:19px;font-weight:700;letter-spacing:-.015em;line-height:1}.p-by{color:#414141;color:var(--fg-muted);font-size:11px;margin-top:4px}.p-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.p-label-row .p-label{margin-bottom:0}.p-edit-btn{background:none;border:0;border-radius:6px;color:#414141;color:var(--fg-muted);cursor:pointer;flex-shrink:0;padding:2px 4px;transition:background .15s,color .15s}.p-edit-btn:hover{background:#f4ebe4;background:var(--color-neutral-100);color:#262626;color:var(--fg)}.p-edit-btn .material-symbols-rounded{font-size:15px}.p-edit-input{background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:#262626;color:var(--fg);font:inherit;font-size:13px;margin-bottom:6px;padding:5px 8px;width:100%}.p-edit-input:focus{border-color:color-mix(in srgb,#d1503f 50%,#e2e8f0);border-color:color-mix(in srgb,var(--color-primary) 50%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,#d1503f 14%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 14%,#0000);outline:none}.p-edit-actions{display:flex;gap:6px}.p-edit-cancel,.p-edit-save{border:0;border-radius:6px;cursor:pointer;flex:1 1;font:inherit;font-size:12px;font-weight:600;padding:5px}.p-edit-cancel{background:#f4ebe4;background:var(--color-neutral-100);color:#414141;color:var(--fg-muted)}.p-edit-save{background:#d1503f;background:var(--color-primary);color:#fff}.p-edit-save:disabled{cursor:not-allowed;opacity:.5}.punch .p-time{align-items:center;display:flex;min-height:1em}.p-sched-wrap{position:relative}.p-sched-btn,.p-sched-wrap{align-items:center;display:inline-flex;line-height:1}.p-sched-btn{background:none;border:0;border-radius:4px;color:#414141;color:var(--fg-muted);cursor:pointer;flex-shrink:0;justify-content:center;padding:0 2px;transition:color .15s}.p-sched-btn:hover{color:#262626;color:var(--fg)}.p-sched-btn .material-symbols-rounded{font-size:14px;line-height:1}.p-sched-tip{background:#262626;background:var(--color-neutral-900);border-radius:999px;bottom:calc(100% + 6px);color:#fef9f3;color:var(--color-neutral-50);font-size:11px;font-weight:500;padding:4px 11px;pointer-events:none;white-space:nowrap;z-index:20}.p-sched-tip,.p-sched-tip:after{left:50%;position:absolute;transform:translateX(-50%)}.p-sched-tip:after{border:5px solid #0000;border-top:5px solid var(--color-neutral-900);content:"";top:100%}.running-mini{align-items:center;color:#4d6325;display:inline-flex;font-size:13px;font-weight:600;gap:5px}.running-mini:before{animation:dashPulse 2.4s cubic-bezier(.22,1,.36,1) infinite;animation:dashPulse 2.4s var(--ease-out) infinite;background:#6f8a3a;border-radius:999px;box-shadow:0 0 0 4px color-mix(in srgb,#6f8a3a 18%,#0000);content:"";height:6px;width:6px}.break-table{border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:12px;margin-bottom:10px;overflow:hidden}.bt-row{border-bottom:1px solid #f4ebe4;border-bottom:1px solid var(--color-neutral-100);display:grid;font-size:13px;grid-template-columns:1fr 1fr 1fr;padding:9px 12px}.bt-row:last-child{border-bottom:0}.bt-cell{align-items:center;display:inline-flex;gap:3px}.bt-head{background:#fef9f3;background:var(--color-neutral-50);color:#414141;color:var(--fg-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.bt-row.has-edit{grid-template-columns:1fr 1fr 72px 28px}.bt-row.editing{grid-template-columns:1fr 1fr 1fr auto}.bt-edit-btn{align-items:center;background:none;border:0;border-radius:6px;color:#414141;color:var(--fg-muted);cursor:pointer;display:inline-flex;justify-content:center;opacity:0;padding:0;transition:opacity .15s}.bt-row:hover .bt-edit-btn{opacity:1}.bt-edit-btn .material-symbols-rounded{font-size:15px}.bt-edit-input{background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:#262626;color:var(--fg);font:inherit;font-size:12px;padding:3px 5px;width:100%}.bt-edit-actions{align-items:center;display:flex;gap:2px}.bt-edit-cancel,.bt-edit-save{align-items:center;background:none;border:0;border-radius:4px;cursor:pointer;display:inline-flex;padding:2px}.bt-edit-save{color:#4d6325}.bt-edit-cancel{color:#8a2f1a}.bt-edit-cancel .material-symbols-rounded,.bt-edit-save .material-symbols-rounded{font-size:16px}.dd-totals{background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:12px;display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.dd-totals>div{border-right:1px solid #f4ebe4;border-right:1px solid var(--color-neutral-100);display:flex;flex-direction:column;gap:4px;padding:11px 13px;position:relative}.dd-totals>div:last-child{border-right:0}.dd-totals>div:first-child{border-radius:12px 0 0 12px}.dd-totals>div:last-child{border-radius:0 12px 12px 0}.t-label{color:#414141;color:var(--fg-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.t-label-tip{align-items:center;display:inline-flex;gap:3px}.t-val{color:#262626;color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:-.015em}.dd-totals .hl{background:color-mix(in srgb,#d1503f 6%,#fff);background:color-mix(in srgb,var(--color-primary) 6%,var(--bg-surface))}.dd-totals .hl .t-val{color:#d1503f;color:var(--color-primary)}.dd-approval{background:color-mix(in srgb,#d1503f 4%,#fff);background:color-mix(in srgb,var(--color-primary) 4%,var(--bg-surface));border-bottom:1px solid color-mix(in srgb,#d1503f 18%,#f4ebe4);border-bottom:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-neutral-100));border-top:1px solid color-mix(in srgb,#d1503f 18%,#f4ebe4);border-top:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-neutral-100));margin:16px -18px;padding:16px 18px}.ap-grid{grid-gap:10px 12px;display:grid;gap:10px 12px;grid-template-columns:1fr 1fr;margin-bottom:10px}.ap-grid.ap-grid-3{grid-template-columns:repeat(3,1fr)}.ap-field{display:flex;flex-direction:column;gap:5px;margin-bottom:4px}.ap-field.wide{grid-column:1/-1}.ap-val{font-feature-settings:"tnum";background:#fef9f3;background:var(--color-neutral-50);color:#414141;color:var(--fg-muted);font-size:14px;font-variant-numeric:tabular-nums;padding:0 10px}.ap-stepper,.ap-val{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:9px;display:flex;height:38px}.ap-stepper{background:#fff;background:var(--bg-surface);overflow:hidden}.ap-stepper button{background:#fef9f3;background:var(--color-neutral-50);border:0;border-radius:0;color:#414141;color:var(--fg-muted);cursor:pointer;font-size:16px;font-weight:600;height:100%;transition:background .15s;width:36px}.ap-stepper button:first-child{border-right:1px solid #e2e8f0;border-right:1px solid var(--border)}.ap-stepper button:last-child{border-left:1px solid #e2e8f0;border-left:1px solid var(--border)}.ap-stepper button:hover{background:#f4ebe4;background:var(--color-neutral-100);color:#262626;color:var(--fg)}.ap-stepper span{flex:1 1;font-size:13px;font-weight:600;text-align:center}.ap-hours{background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;padding:10px 12px}.ap-hours-row{align-items:center;display:flex;gap:8px}.ap-hours-btn{align-items:center;background:#fef9f3;background:var(--color-neutral-50);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.ap-hours-btn:hover{background:#f4ebe4;background:var(--color-neutral-100)}.ap-hours-btn .material-symbols-rounded{font-size:18px}.ap-hours-val{font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:22px;font-weight:600;letter-spacing:-.02em;min-width:48px;text-align:center}.ap-mins{display:flex;gap:4px;margin-left:auto}.ap-min-chip{align-items:center;background:#fef9f3;background:var(--color-neutral-50);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#414141;color:var(--fg-muted);cursor:pointer;display:inline-flex;font:inherit;font-size:12px;font-weight:600;height:34px;justify-content:center;transition:all .15s;width:38px}.ap-min-chip.active{background:#d1503f;background:var(--color-primary);border-color:#d1503f;border-color:var(--color-primary);color:#fff}.ap-breakdown{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;margin:6px 0;overflow:hidden}.ap-breakdown-item{border-right:1px solid #e2e8f0;border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;gap:3px;padding:8px 10px}.ap-breakdown-row{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:8px;padding:9px 10px}.ap-breakdown-row:first-child{border-top:0}.ap-breakdown-row .ap-label{flex-shrink:0;min-width:130px;white-space:nowrap}.ap-breakdown-row .ap-breakdown-ref{flex:1 1;min-height:0}.ap-breakdown-row .ap-breakdown-amt{flex:none;text-align:right}.ap-breakdown-row.ap-breakdown-total{background:color-mix(in srgb,#d1503f 5%,#fff);background:color-mix(in srgb,var(--color-primary) 5%,var(--bg-surface))}.ap-breakdown-row.ap-breakdown-total .ap-breakdown-amt{color:#d1503f;color:var(--color-primary)}.ap-powerday-toggle{align-items:center;align-self:stretch;background:none;border:0;cursor:pointer;display:flex;flex:1 1;justify-content:flex-start;padding:0}.ap-breakdown .ap-powerday-toggle .material-symbols-rounded{font-size:21px;transition:opacity .15s}.ap-breakdown .ap-powerday-toggle:hover .material-symbols-rounded{opacity:.75}.ap-breakdown-amt{font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:14px;font-weight:600;letter-spacing:-.01em}.ap-breakdown-ref{font-feature-settings:"tnum";color:#414141;color:var(--fg-muted);display:block;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.01em;min-height:1.4em}.ap-breakdown-total-amt{font-size:16px}.ap-rates-toggle{align-items:center;background:#fef9f3;background:var(--color-neutral-50);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;font:inherit;gap:10px;margin-bottom:10px;padding:10px 12px;text-align:left;transition:background .15s;width:100%}.ap-rates-toggle:hover{background:#f4ebe4;background:var(--color-neutral-100)}.ap-rates-chevron{color:#414141;color:var(--fg-muted);flex-shrink:0;font-size:20px}.ap-rates-summary{flex:1 1;min-width:0}.ap-rates-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:3px}.ap-rates-chip{align-items:center;color:#262626;color:var(--fg);display:inline-flex;font-size:13px;font-weight:600;gap:4px}.ap-rates-chip .material-symbols-rounded{color:#414141;color:var(--fg-muted);font-size:14px}.ap-rates-sub{color:#414141;color:var(--fg-muted);font-size:11px}.ap-rates-spread{color:#262626;color:var(--fg);display:flex;font-size:13px;font-weight:600;justify-content:space-between;width:100%}.ap-rates-placeholder{color:#414141;color:var(--fg-muted);font-size:13px;font-style:italic}.ap-rates-body{margin-bottom:4px}.ap-approve-btn{align-items:center;background:#d1503f;background:var(--color-primary);border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:600;gap:8px;height:44px;justify-content:center;transition:background .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);transition:background .2s var(--ease-out),transform .2s var(--ease-out);width:100%}.ap-approve-btn:hover:not(:disabled){background:#e9503b;background:var(--color-primary-hover);transform:translateY(-1px)}.ap-approve-btn:disabled{cursor:not-allowed;opacity:.45}.ap-approve-btn .material-symbols-rounded{font-size:18px}.ap-confirm-warn{align-items:flex-start;background:color-mix(in srgb,#c79221 12%,#fff);background:color-mix(in srgb,#c79221 12%,var(--bg-surface));border:1px solid color-mix(in srgb,#c79221 25%,#0000);border-radius:10px;color:#6e4f10;display:flex;font-size:13px;gap:10px;margin-bottom:14px;padding:11px 13px}.ap-confirm-warn .material-symbols-rounded{color:#c79221;flex-shrink:0}.ap-confirm-summary{grid-gap:6px 12px;display:grid;font-size:13px;gap:6px 12px;grid-template-columns:auto 1fr}.ap-confirm-summary>div{display:contents}.ap-confirm-summary span{color:#414141;color:var(--fg-muted)}.ap-confirm-summary strong{color:#262626;color:var(--fg);font-weight:600}.ap-label{color:#414141;color:var(--fg-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ap-input{font-feature-settings:"tnum";background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:9px;box-sizing:border-box;color:#262626;color:var(--fg);font:inherit;font-size:14px;font-variant-numeric:tabular-nums;height:38px;padding:0 10px;transition:border-color .15s,box-shadow .15s;width:100%}.ap-input:focus{border-color:color-mix(in srgb,#d1503f 50%,#f4ebe4);border-color:color-mix(in srgb,var(--color-primary) 50%,var(--color-neutral-100));box-shadow:0 0 0 3px color-mix(in srgb,#d1503f 14%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 14%,#0000);outline:none}.ap-input[readonly]{background:#fef9f3;background:var(--color-neutral-50);color:#414141;color:var(--fg-muted)}.ap-input-prefix{align-items:center;display:flex;position:relative}.ap-input-prefix>span:first-child{color:#414141;color:var(--fg-muted);font-size:14px;font-weight:500;left:10px;position:absolute}.ap-input-prefix .ap-input{padding-left:22px}.ap-input-prefix.highlight .ap-input{background:color-mix(in srgb,#d1503f 8%,#fff);background:color-mix(in srgb,var(--color-primary) 8%,var(--bg-surface));border-color:color-mix(in srgb,#d1503f 28%,#f4ebe4);border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-neutral-100));color:#d1503f;color:var(--color-primary);font-weight:600}.ap-foot{align-items:center;border-top:1px solid color-mix(in srgb,#d1503f 16%,#f4ebe4);border-top:1px solid color-mix(in srgb,var(--color-primary) 16%,var(--color-neutral-100));display:flex;gap:12px;justify-content:space-between;margin-top:12px;padding-top:12px}.ap-toggle{align-items:center;cursor:pointer;display:inline-flex;gap:8px;-webkit-user-select:none;user-select:none}.ap-toggle input{display:none}.ap-toggle .track{background:#f4ebe4;background:var(--color-neutral-100);border-radius:999px;height:20px;position:relative;transition:background .2s;width:34px}.ap-toggle .thumb{background:#fff;background:var(--bg-surface);border-radius:999px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);height:16px;left:2px;position:absolute;top:2px;transition:left .2s;width:16px}.ap-toggle input:checked+.track{background:#d1503f;background:var(--color-primary)}.ap-toggle input:checked+.track .thumb{left:16px}.ap-toggle .lab{color:#262626;color:var(--fg);font-size:13px;font-weight:500}.ap-save{align-items:center;background:#d1503f;background:var(--color-primary);border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:600;gap:6px;height:38px;padding:0 16px;transition:background .2s,transform .2s}.ap-save:hover:not(:disabled){background:#e9503b;background:var(--color-primary-hover);transform:translateY(-1px)}.ap-save:disabled{cursor:not-allowed;opacity:.45}.ap-save .material-symbols-rounded{font-size:18px}.dd-readonly{background:#fef9f3;background:var(--color-neutral-50);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:12px;padding:14px 16px}.dd-readonly .dd-section-head{margin-bottom:6px}.dd-readonly-text{color:#414141;color:var(--fg-muted);font-size:13px;line-height:1.5;margin:0}.dd-unpaid-notice{align-items:flex-start;background:color-mix(in srgb,#414141 7%,#fff);background:color-mix(in srgb,var(--fg-muted) 7%,var(--bg-surface));border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;display:flex;gap:8px;margin-bottom:14px;padding:10px 12px}.dd-unpaid-notice .material-symbols-rounded{color:#414141;color:var(--fg-muted);flex-shrink:0;font-size:16px;margin-top:1px}.dd-unpaid-notice p{color:#414141;color:var(--fg-muted);font-size:13px;line-height:1.45;margin:0}.dd-line-list{border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.dd-line{align-items:center;background:#fff;background:var(--bg-surface);border-bottom:1px solid #f4ebe4;border-bottom:1px solid var(--color-neutral-100);display:flex;gap:12px;justify-content:space-between;padding:10px 13px}.dd-line:last-child{border-bottom:0}.dd-line-kind{align-items:center;color:#262626;color:var(--fg);display:flex;font-size:14px;font-weight:500;gap:5px;margin:0}.dd-line-type-ico{font-size:16px}.dd-line-ref,.dd-line-type-ico{color:#414141;color:var(--fg-muted)}.dd-line-ref{font-size:12px;margin:2px 0 0}.dd-line-amt{flex-shrink:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:15px;font-weight:600;letter-spacing:-.01em}.dd-line-amt.pos{color:#4d6325}.dd-line-amt.payout{color:#d1503f;color:var(--color-primary)}.dd-line-amt.mute{color:#414141;color:var(--fg-muted)}.dd-line-chips{align-items:center;display:flex;flex-wrap:wrap;gap:3px;margin-top:3px}.dd-chip{align-items:center;color:#414141;color:var(--fg-muted);display:inline-flex;font-size:12px;gap:2px}.dd-chip .material-symbols-rounded{font-size:13px}.dd-chip-sep{color:#414141;color:var(--fg-muted);font-size:10px;opacity:.45}.dd-note{background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:12px;padding:11px 13px}.dd-note-meta{align-items:center;color:#414141;color:var(--fg-muted);display:flex;font-size:12px;gap:6px;margin-bottom:4px}.dd-note-meta strong{color:#262626;color:var(--fg);font-weight:600}.dd-note p{color:#262626;color:var(--fg);font-size:13px;line-height:1.5;margin:0}.dd-empty{margin:0;padding:8px 2px}.ae-add-btn,.dd-empty{color:#414141;color:var(--fg-muted);font-size:13px}.ae-add-btn{align-items:center;background:#0000;border:1.5px dashed var(--color-neutral-200);border-radius:12px;cursor:pointer;display:flex;font-weight:500;gap:6px;margin-top:10px;padding:8px 12px;transition:border-color .15s,color .15s;width:100%}.ae-add-btn:hover{border-color:#d1503f;border-color:var(--color-primary);color:#d1503f;color:var(--color-primary)}.ae-add-btn .material-symbols-rounded{font-size:16px}.ae-form{background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:12px 14px}.ae-type-row{display:flex;gap:8px}.ae-type-chip{align-items:center;background:#0000;border:1.5px solid var(--color-neutral-200);border-radius:10px;color:#414141;color:var(--fg-muted);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:5px;justify-content:center;padding:7px 10px;transition:border-color .15s,background .15s,color .15s}.ae-type-chip .material-symbols-rounded{font-size:16px}.ae-type-chip.active{background:color-mix(in srgb,#d1503f 8%,#fff);background:color-mix(in srgb,var(--color-primary) 8%,var(--bg-surface));border-color:#d1503f;border-color:var(--color-primary);color:#d1503f;color:var(--color-primary)}.ae-form-actions{display:flex;gap:8px;justify-content:flex-end}.dd-note-edit-btn{background:none;border:0;border-radius:6px;color:#414141;color:var(--fg-muted);cursor:pointer;display:flex;margin-left:auto;opacity:0;padding:2px;transition:opacity .15s}.dd-note:hover .dd-note-edit-btn{opacity:1}.dd-note-edit-btn .material-symbols-rounded{font-size:15px}.dd-foot{background:#fff;background:var(--bg-surface);border-top:1px solid #f4ebe4;border-top:1px solid var(--color-neutral-100);bottom:0;display:flex;gap:8px;padding:12px 18px 14px;position:-webkit-sticky;position:sticky}.dd-foot-btn{align-items:center;background:#262626;background:var(--fg);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:999px;color:#fff;color:var(--bg-surface);cursor:pointer;display:inline-flex;flex:1 1;font:inherit;font-size:14px;font-weight:600;gap:6px;height:42px;justify-content:center;transition:transform .2s}.dd-foot-btn:hover{transform:translateY(-1px)}.dd-foot-btn.ghost{background:#fff;background:var(--bg-surface);color:#262626;color:var(--fg)}.waw-chips{grid-template-columns:repeat(3,1fr)}.waw-dues-num{font-size:14px;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waw-dates{align-items:center;color:#414141;color:var(--fg-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:4px;margin-top:3px}.waw-doe{color:#8a2f1a}.waw-shift-tag{background:#f4ebe4;background:var(--color-neutral-100);border-radius:6px;color:#414141;color:var(--fg-muted);font-size:11px;margin-left:6px;padding:1px 7px;white-space:nowrap}.worker.waw-worker .worker-actions{grid-template-columns:1fr 1fr 2fr}.pill-approved{background:color-mix(in srgb,#007c9e 14%,#fff);background:color-mix(in srgb,#007c9e 14%,var(--bg-surface));color:#005f7a}.pill-paid{background:color-mix(in srgb,#6f8a3a 14%,#fff);background:color-mix(in srgb,#6f8a3a 14%,var(--bg-surface));color:#4d6325}.pf-payslip-table{border-collapse:collapse;margin-top:8px;width:100%}.pf-payslip-table th{color:#414141;color:var(--fg-muted);font-size:12px;font-weight:600;padding:8px 12px;text-align:left}.pf-payslip-table td,.pf-payslip-table th{border-bottom:1px solid #f4ebe4;border-bottom:1px solid var(--color-neutral-100)}.pf-payslip-table td{font-size:13px;padding:10px 12px}.pf-payslip-row{cursor:pointer;transition:background .12s}.pf-payslip-row:hover{background:#fef9f3;background:var(--color-neutral-50)}.payslip-drawer{display:flex;flex-direction:column;padding:14px 0 0}.payslip-drawer .drawer-handle{margin-top:0}@media (min-width:720px){.payslip-drawer{margin-left:calc(min(860px, 94vw)/-2);width:min(860px,94vw)}}.psd-head{border-bottom:1px solid #f4ebe4;border-bottom:1px solid var(--color-neutral-100);flex-shrink:0;padding:16px 20px 14px}.psd-company{font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:2px;text-transform:uppercase}.psd-company,.psd-id{color:#414141;color:var(--fg-muted)}.psd-id{font-size:12px;margin:0 0 5px}.psd-worker-name{color:#262626;color:var(--fg);font-size:18px;font-weight:700;margin:0 0 4px}.psd-meta{color:#414141;color:var(--fg-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:4px 14px}.psd-body{flex:1 1;min-height:0;overflow-y:auto;padding:4px 20px 20px}.psd-section{margin-top:20px}.psd-section-title{color:#414141;color:var(--fg-muted);font-size:10px;font-weight:700;letter-spacing:.07em;margin-bottom:10px;text-transform:uppercase}.psd-stats-bar{display:flex;flex-wrap:wrap;gap:8px}.psd-stat{background:#fef9f3;background:var(--color-neutral-50);border-radius:12px;min-width:72px;padding:8px 14px;text-align:center}.psd-stat-num{color:#262626;color:var(--fg);display:block;font-size:18px;font-weight:700;line-height:1.2}.psd-stat-label{color:#414141;color:var(--fg-muted);font-size:11px}.psd-day-table{border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-collapse:collapse;border-radius:12px;font-size:12px;overflow:hidden;width:100%}.psd-day-table th{background:#fef9f3;background:var(--color-neutral-50);border-bottom:1px solid #f4ebe4;border-bottom:1px solid var(--color-neutral-100);color:#414141;color:var(--fg-muted);font-weight:600;padding:7px 10px;text-align:left;white-space:nowrap}.psd-day-table td{border-top:1px solid #f4ebe4;border-top:1px solid var(--color-neutral-100);padding:7px 10px;vertical-align:top}.psd-day-table tr.psd-row-off td{color:#414141;color:var(--fg-muted)}.psd-earnings-chips{display:flex;flex-direction:column;gap:2px}.psd-chip{color:#414141;color:var(--fg-muted);font-size:11px;white-space:nowrap}.psd-chip.earning{color:#4d6325}.psd-chip.deduction{color:#8a2f1a}.psd-ledger{align-items:baseline;column-gap:6px;display:inline-grid;font-size:11px;grid-template-columns:auto auto;row-gap:2px}.psd-ledger-amt{font-weight:600;text-align:right;white-space:nowrap}.psd-ledger-amt.earning{color:#4d6325}.psd-ledger-amt.deduction{color:#8a2f1a}.psd-ledger-type{color:#414141;color:var(--fg-muted);text-transform:capitalize;white-space:nowrap}.psd-ledger-sep{border-top:1px solid #f4ebe4;border-top:1px solid var(--color-neutral-100)}.psd-ledger-bold{color:#262626!important;color:var(--fg)!important;font-weight:700}.psd-fin{display:flex;flex-direction:column;gap:7px}.psd-fin-subhead{color:#414141;color:var(--fg-muted);font-size:10px;font-weight:700;letter-spacing:.07em;margin:4px 0 2px;text-transform:uppercase}.psd-fin-row{align-items:baseline;color:#262626;color:var(--fg);display:flex;font-size:13px;justify-content:space-between}.psd-fin-row.muted{color:#414141;color:var(--fg-muted);font-size:12px}.psd-fin-total{align-items:baseline;border-top:1px solid #f4ebe4;border-top:1px solid var(--color-neutral-100);color:#262626;color:var(--fg);display:flex;font-size:15px;font-weight:700;justify-content:space-between;margin-top:2px;padding-top:8px}.psd-fin-net-due{border-top:2px solid #262626;border-top:2px solid var(--color-neutral-900);margin-top:6px;padding-top:10px}.psd-payout-table{font-size:12px;margin:4px 0;width:100%}.psd-payout-table td{color:#262626;color:var(--fg);padding:3px 0}.psd-payout-table .amt{font-weight:500;text-align:right}.psd-footer{align-items:center;background:#fff;background:var(--bg-surface);border-top:1px solid #f4ebe4;border-top:1px solid var(--color-neutral-100);bottom:0;display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px 14px;position:-webkit-sticky;position:sticky}.psd-error{color:#8a2f1a;font-size:12px;margin-top:2px}.mpm-net-due{border-bottom:1px solid #f4ebe4;border-bottom:1px solid var(--color-neutral-100);margin-bottom:14px;padding:10px 0 16px;text-align:center}.mpm-net-due-label{color:#414141;color:var(--fg-muted);font-size:12px;margin-bottom:4px}.mpm-net-due-amount{color:#262626;color:var(--fg);font-size:28px;font-weight:700}.mpm-payout-row{grid-gap:8px;border-bottom:1px solid #f4ebe4;border-bottom:1px solid var(--color-neutral-100);font-size:13px;gap:8px;grid-template-columns:20px 1fr 72px 90px;padding:6px 0}.mpm-new-row,.mpm-payout-row{align-items:center;display:grid}.mpm-new-row{grid-gap:6px;gap:6px;grid-template-columns:1fr 88px 100px 28px;margin-top:6px}.mpm-totals{color:#262626;color:var(--fg);display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:10px 0 4px}.mpm-diff{font-size:13px;text-align:right}.mpm-diff.owed{color:#8a6312}.mpm-diff.clear{color:#4d6325}.mpm-diff.credit{color:#2a506a}.dd-status-meta{padding-bottom:4px}.dd-sm-row{align-items:flex-start;display:flex;gap:12px}.dd-sm-icon{color:#414141;color:var(--fg-muted);flex-shrink:0;font-size:22px;margin-top:1px}.dd-sm-absent{color:#b04025}.dd-sm-leave{color:#3a6e8e}.dd-sm-off{color:#6b5fa5}.dd-sm-title{color:#262626;color:var(--fg);font-size:15px;font-weight:600;margin:0}.dd-sm-sub{color:#414141;color:var(--fg-muted);font-size:13px;margin:3px 0 0}.dd-sm-badge{background:color-mix(in srgb,#6f8a3a 12%,#fff);border-radius:999px;color:#4d6325;display:inline-block;font-size:11px;font-weight:600;margin-top:5px;padding:2px 8px}.dd-line-amt.neg{color:#8a2f1a}.dd-leave-picker{background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:var(--radius-md);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px;margin:0 16px 16px;padding:14px 16px}.dd-leave-loading{padding:4px 0}.dd-leave-empty,.dd-leave-loading{color:#414141;color:var(--fg-muted);font-size:13px}.dd-leave-empty{align-items:center;display:flex;flex-direction:column;gap:6px;padding:8px 0;text-align:center}.dd-leave-empty .material-symbols-rounded{color:#414141;color:var(--fg-muted);font-size:20px}.dd-leave-preapproved{align-items:center;background:color-mix(in srgb,#6f8a3a 10%,#fff);border-radius:var(--radius-sm);color:#4d6325;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 10px}.dd-leave-preapproved .material-symbols-rounded{font-size:15px}.dd-leave-option-list{display:flex;flex-direction:column;gap:6px}.dd-leave-option{align-items:center;background:#fff;border:1.5px solid #f4ebe4;border:1.5px solid var(--color-neutral-100);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:10px 12px;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.dd-leave-option:hover{border-color:color-mix(in srgb,#d1503f 35%,#fff);border-color:color-mix(in srgb,var(--color-primary) 35%,#fff)}.dd-leave-option--selected{background:color-mix(in srgb,#d1503f 5%,#fff);background:color-mix(in srgb,var(--color-primary) 5%,#fff);border-color:#d1503f;border-color:var(--color-primary)}.dd-leave-option--only{cursor:default}.dd-leave-option--only:hover{border-color:#f4ebe4;border-color:var(--color-neutral-100)}.dd-lto-name{color:#262626;color:var(--fg);font-size:14px;font-weight:500}.dd-lto-hint{color:#414141;color:var(--fg-muted);flex-shrink:0;font-size:12px;white-space:nowrap}.dd-leave-picker-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:2px}.dd-picker-cancel{background:#0000;border:none;border-radius:999px;color:#414141;color:var(--fg-muted);cursor:pointer;font-family:inherit;font-size:13px;padding:8px 14px}.dd-picker-cancel:hover{background:#f4ebe4;background:var(--color-neutral-100);color:#262626;color:var(--fg)}.dd-picker-confirm{align-items:center;background:#d1503f;background:var(--color-primary);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:background .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1);transition:background .18s var(--ease-out),transform .18s var(--ease-out)}.dd-picker-confirm:hover:not(:disabled){background:#e9503b;background:var(--color-primary-hover);transform:translateY(-1px)}.dd-picker-confirm:disabled{cursor:not-allowed;opacity:.5}.dd-picker-confirm .material-symbols-rounded{font-size:16px}.dd-picker-confirm--absent{background:#7b1e1e}.dd-picker-confirm--absent:hover:not(:disabled){background:#6a1919}.dd-leave-request-info{background:color-mix(in srgb,#6f8a3a 9%,#fff);border:1px solid color-mix(in srgb,#6f8a3a 20%,#fff);border-radius:var(--radius-sm);color:#262626;color:var(--fg);display:flex;font-size:13px;gap:10px;margin-bottom:12px;padding:10px 12px}.dd-leave-request-info .material-symbols-rounded{color:#4d6325;flex-shrink:0;font-size:16px;margin-top:1px}.dd-leave-request-info strong{font-weight:600}.dd-leave-reason{color:#414141;color:var(--fg-muted);font-size:12px;font-style:italic;margin:4px 0 0}.dd-leave-type-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.dd-leave-type-label{color:#414141;color:var(--fg-muted);flex-shrink:0;font-size:13px;width:76px}.dd-leave-type-value{color:#262626;color:var(--fg);font-size:14px;font-weight:500}.dd-leave-approval-select{background:#fff;border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:var(--radius-sm);color:#262626;color:var(--fg);flex:1 1;font-family:inherit;font-size:13px;padding:7px 10px}.dd-leave-calc-preview{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:12px;padding:9px 12px}.dd-leave-calc-preview .material-symbols-rounded{font-size:16px}.dd-lcp-paid{background:color-mix(in srgb,#6f8a3a 10%,#fff);color:#4d6325}.dd-lcp-penalty{background:color-mix(in srgb,#b04025 10%,#fff);color:#8a2f1a}.dd-lcp-lop{background:#f4ebe4;background:var(--color-neutral-100);color:#414141;color:var(--fg-muted)}.pf-leave-tab{display:flex;flex-direction:column;gap:0}.pf-leave-form-wrap{background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:var(--radius-md);padding:18px}.pf-leave-form{gap:14px}.pf-leave-form,.pf-leave-form-row{display:flex;flex-direction:column}.pf-leave-form-row{gap:5px}.pf-leave-form-row label{color:#414141;color:var(--fg-muted);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pf-leave-form-row input,.pf-leave-form-row select,.pf-leave-form-row textarea{background:#fff;border:1.5px solid #f4ebe4;border:1.5px solid var(--color-neutral-100);border-radius:var(--radius-sm);color:#262626;color:var(--fg);font-family:inherit;font-size:14px;padding:9px 12px;resize:vertical;transition:border-color .15s}.pf-leave-form-row input:focus,.pf-leave-form-row select:focus,.pf-leave-form-row textarea:focus{border-color:#d1503f;border-color:var(--color-primary);outline:none}.pf-leave-type-readonly{align-items:center;color:#262626;color:var(--fg);display:flex;font-size:14px;font-weight:500;gap:8px;padding:9px 0}.pf-leave-type-hint{color:#414141;color:var(--fg-muted);font-size:12px;font-weight:400}.pf-leave-duration-toggle{border:1.5px solid #f4ebe4;border:1.5px solid var(--color-neutral-100);border-radius:var(--radius-sm);display:flex;overflow:hidden}.pf-leave-duration-toggle button{background:#fff;border:none;color:#414141;color:var(--fg-muted);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;padding:8px 10px;transition:background .15s,color .15s}.pf-leave-duration-toggle button+button{border-left:1.5px solid #f4ebe4;border-left:1.5px solid var(--color-neutral-100)}.pf-leave-duration-toggle button.active{background:#d1503f;background:var(--color-primary);color:#fff;font-weight:600}.pf-leave-form-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:2px}.lv-form-btn{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:9px 20px;transition:background .18s cubic-bezier(.22,1,.36,1),border-color .18s,transform .18s cubic-bezier(.22,1,.36,1);transition:background .18s var(--ease-out),border-color .18s,transform .18s var(--ease-out)}.lv-form-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.lv-form-btn-primary{background:#d1503f;background:var(--color-primary);border:none;color:#fff}.lv-form-btn-primary:hover:not(:disabled){background:#e9503b;background:var(--color-primary-hover);transform:translateY(-2px)}.lv-form-btn-outline{background:#fff;border:1.5px solid #f4ebe4;border:1.5px solid var(--color-neutral-100);color:#262626;color:var(--fg)}.lv-form-btn-outline:hover:not(:disabled){border-color:#414141;border-color:var(--fg-muted);transform:translateY(-2px)}.lv-form-btn-quiet{background:#0000;border:none;color:#414141;color:var(--fg-muted)}.lv-form-btn-quiet:hover:not(:disabled){background:#f4ebe4;background:var(--color-neutral-100);color:#262626;color:var(--fg)}.pf-leave-items{display:flex;flex-direction:column;gap:8px}.pf-leave-item{align-items:flex-start;background:#fff;background:var(--bg-surface);border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:var(--radius-md);display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.pf-leave-item-main{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.pf-leave-item-date{color:#262626;color:var(--fg);font-size:13px;font-weight:600}.pf-leave-item-reason,.pf-leave-item-type{color:#414141;color:var(--fg-muted);font-size:12px}.pf-leave-item-reason{font-style:italic}.pf-leave-item-approved-by{color:#414141;color:var(--fg-muted);font-size:11px;margin-top:2px}.pf-leave-item-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.pf-leave-item-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.lv-btn{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:500;padding:4px 11px;transition:opacity .15s,transform .15s;white-space:nowrap}.lv-btn:hover:not(:disabled){transform:translateY(-1px)}.lv-btn:disabled{cursor:not-allowed;opacity:.45}.lv-btn-primary{background:#d1503f;background:var(--color-primary);color:#fff}.lv-btn-primary:hover:not(:disabled){background:#e9503b;background:var(--color-primary-hover)}.lv-btn-approve{background:color-mix(in srgb,#6f8a3a 14%,#fff);border-color:color-mix(in srgb,#6f8a3a 24%,#fff);color:#4d6325}.lv-btn-approve:hover:not(:disabled){background:color-mix(in srgb,#6f8a3a 22%,#fff)}.lv-btn-reject{background:color-mix(in srgb,#b04025 10%,#fff);border-color:color-mix(in srgb,#b04025 20%,#fff);color:#8a2f1a}.lv-btn-reject:hover:not(:disabled){background:color-mix(in srgb,#b04025 18%,#fff)}.lv-btn-quiet{background:#0000;border-color:#f4ebe4;border-color:var(--color-neutral-100);color:#414141;color:var(--fg-muted)}.lv-btn-quiet:hover:not(:disabled){background:#f4ebe4;background:var(--color-neutral-100);color:#262626;color:var(--fg)}.nwp-page{--color-primary:#d1503f;--color-primary-hover:#e9503b;--bg:var(--color-neutral-50);--bg-surface:#fff;--bg-sand:#f4ebe4;--fg:#262626;--fg-muted:#414141;--fg-on-primary:#fef9f3;--nwp-border:#f4ebe4;--border-strong:#26262633;--font-heading:"Inter",system-ui,-apple-system,sans-serif;--heading-tracking:-0.012em;--radius-md:14px;--radius-full:999px;--radius-pill:1.5rem;--radius-sm:8px;--duration-fast:180ms;--duration-base:250ms;--ease-out:cubic-bezier(0.22,1,0.36,1);--nwp-error:color-mix(in srgb,#d1503f 78%,#4a0a00);--nwp-error-bg:color-mix(in srgb,#d1503f 8%,#fff);-webkit-tap-highlight-color:transparent;background:#fef9f3;background:var(--color-neutral-50);color:#262626;color:var(--fg);display:flex;flex-direction:column;font-family:Noto Sans,sans-serif;font-family:var(--font);min-height:100dvh}.nwp-page .topbar{align-items:center;background:#f8fafc;background:var(--bg);box-shadow:none;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-start;padding:10px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.nwp-page .topbar .icon-btn{align-items:center;background:#0000;border:0;border-radius:var(--radius-full);color:#262626;color:var(--fg);cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;transition:background-color var(--duration-fast) ease;width:40px}.nwp-page .topbar .icon-btn:hover{background:var(--bg-sand)}.nwp-page .topbar h1{color:#262626;color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:18px;font-weight:600;letter-spacing:var(--heading-tracking);line-height:1.2;margin:0}.nwp-stepper{align-items:flex-start;display:flex;flex:0 0 auto;margin-inline:auto;max-width:600px;padding:18px 20px 16px;width:100%}.nwp-step{flex:0 0 auto;flex-direction:column;gap:7px;width:64px}.nwp-step,.nwp-step-dot{align-items:center;display:flex}.nwp-step-dot{background:#fff;background:var(--bg-surface);border:1.5px solid color-mix(in srgb,#262626 20%,#0000);border:1.5px solid var(--border-strong);border-radius:var(--radius-full);color:#414141;color:var(--fg-muted);font-family:Noto Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;height:30px;justify-content:center;transition:background-color var(--duration-base) ease,color var(--duration-base) ease,border-color var(--duration-base) ease;width:30px}.nwp-step.active .nwp-step-dot{background:#d1503f;background:var(--color-primary);border-color:#d1503f;border-color:var(--color-primary);color:var(--fg-on-primary)}.nwp-step.done .nwp-step-dot{background:color-mix(in srgb,#d1503f 12%,#fff);background:color-mix(in srgb,var(--color-primary) 12%,var(--bg-surface));border-color:color-mix(in srgb,#d1503f 30%,#0000);border-color:color-mix(in srgb,var(--color-primary) 30%,#0000);color:#d1503f;color:var(--color-primary)}.nwp-step-label{color:#414141;color:var(--fg-muted);font-size:11.5px;font-weight:500;letter-spacing:.01em;transition:color var(--duration-base) ease}.nwp-step.active .nwp-step-label{color:#d1503f;color:var(--color-primary);font-weight:600}.nwp-step.done .nwp-step-label{color:#262626;color:var(--fg)}.nwp-step-line{background:var(--nwp-border);border-radius:2px;flex:1 1 auto;height:2px;margin-top:14px;transition:background-color var(--duration-base) ease}.nwp-step-line.filled{background:color-mix(in srgb,#d1503f 45%,var(--nwp-border));background:color-mix(in srgb,var(--color-primary) 45%,var(--nwp-border))}.nwp-body{flex:1 0 auto;margin-inline:auto;max-width:600px;padding:4px 16px 20px;width:100%}.nwp-screen{animation:nwpFadeUp var(--duration-base) cubic-bezier(.22,1,.36,1);animation:nwpFadeUp var(--duration-base) var(--ease-out)}@keyframes nwpFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.nwp-page .card{background:#fff;background:var(--bg-surface);border:1px solid var(--nwp-border);border-radius:var(--radius-md);box-shadow:none;padding:20px 18px}.nwp-page .card+.card{margin-top:14px}.nwp-eyebrow{color:#414141;color:var(--fg-muted);font-size:11px;font-weight:600;letter-spacing:.06em;margin:0 0 14px;text-transform:uppercase}.nwp-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.nwp-field:last-child{margin-bottom:0}.nwp-field label{align-items:center;color:#262626;color:var(--fg);display:flex;font-size:13px;font-weight:600;gap:6px}.nwp-req{color:#d1503f;color:var(--color-primary);font-weight:700}.nwp-optional{background:var(--bg-sand);border-radius:var(--radius-full);letter-spacing:.01em;padding:1px 7px}.nwp-counter,.nwp-optional{color:#414141;color:var(--fg-muted);font-size:11px;font-weight:500}.nwp-counter{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-left:auto}.nwp-input,.nwp-select{background:#fff;background:var(--bg-surface);border:1px solid var(--nwp-border);border-radius:var(--radius-md);color:#262626;color:var(--fg);font:16px/1.4 Noto Sans,sans-serif;font:16px/1.4 var(--font);outline:none;padding:12px 14px;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;width:100%}.nwp-input::placeholder{color:color-mix(in srgb,#414141 60%,#0000);color:color-mix(in srgb,var(--fg-muted) 60%,#0000)}.nwp-input:focus,.nwp-select:focus{border-color:#d1503f;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,#d1503f 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,#0000)}.nwp-phone-wrap{align-items:stretch;background:#fff;background:var(--bg-surface);border:1px solid var(--nwp-border);border-radius:var(--radius-md);display:flex;overflow:hidden;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.nwp-phone-wrap:focus-within{border-color:#d1503f;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,#d1503f 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,#0000)}.nwp-phone-prefix{align-items:center;background:var(--bg-sand);border-right:1px solid var(--nwp-border);color:#414141;color:var(--fg-muted);display:flex;flex-shrink:0;font-size:15px;font-weight:600;padding:0 14px}.nwp-phone-wrap .nwp-input{border:0;border-radius:0;box-shadow:none}.nwp-phone-wrap .nwp-input:focus{box-shadow:none}.nwp-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23414141' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.nwp-field.error .nwp-input,.nwp-field.error .nwp-phone-wrap,.nwp-field.error .nwp-select{border-color:var(--nwp-error)}.nwp-field.error .nwp-input:focus,.nwp-field.error .nwp-phone-wrap:focus-within,.nwp-field.error .nwp-select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--nwp-error) 18%,#0000)}.nwp-field-msg{align-items:center;color:var(--nwp-error);display:flex;font-size:12px;font-weight:500;gap:5px}.nwp-field-hint{color:#414141;color:var(--fg-muted);font-size:12px}.nwp-photo-block{margin-bottom:22px}.nwp-photo-block:last-of-type{margin-bottom:0}.nwp-photo-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.nwp-photo-head .title{color:#262626;color:var(--fg);font-size:14px;font-weight:600}.nwp-photo-grid{align-items:stretch;display:flex;gap:14px}.nwp-photo-slot{align-items:center;background:var(--bg-sand);border:1.5px dashed color-mix(in srgb,color-mix(in srgb,#262626 20%,#0000) 60%,#0000);border:1.5px dashed color-mix(in srgb,var(--border-strong) 60%,#0000);color:#414141;color:var(--fg-muted);display:flex;flex:0 0 auto;flex-direction:column;gap:6px;justify-content:center;overflow:hidden;position:relative;transition:border-color var(--duration-fast) ease}.nwp-photo-slot.avatar{border-radius:var(--radius-full);height:104px;width:104px}.nwp-photo-slot.card-shot{border-radius:var(--radius-md);flex:1 1;height:104px;min-width:0}.nwp-photo-slot .slot-hint{font-size:11px;line-height:1.3;padding:0 8px;text-align:center}.nwp-photo-slot .material-symbols-rounded{font-size:30px}.nwp-photo-slot.filled{border-color:var(--nwp-border);border-style:solid;padding:0}.nwp-photo-slot img{display:block;height:100%;object-fit:cover;width:100%}.nwp-photo-slot .filled-badge{align-items:center;background:#d1503f;background:var(--color-primary);border-radius:var(--radius-full);color:var(--fg-on-primary);display:flex;height:22px;justify-content:center;position:absolute;right:6px;top:6px;width:22px}.nwp-photo-slot.avatar.filled .filled-badge{right:4px;top:4px}.nwp-photo-slot .filled-badge .material-symbols-rounded{font-size:15px;font-variation-settings:"wght" 600}.nwp-photo-controls{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;min-width:0}.nwp-chip-btn{align-items:center;background:#fff;background:var(--bg-surface);border:1px solid color-mix(in srgb,#262626 20%,#0000);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:#262626;color:var(--fg);cursor:pointer;display:inline-flex;font:500 13px/1 Noto Sans,sans-serif;font:500 13px/1 var(--font);gap:7px;justify-content:center;padding:10px 12px;transition:transform var(--duration-fast) ease,background-color var(--duration-fast) ease,border-color var(--duration-fast) ease;white-space:nowrap}.nwp-chip-btn:hover{background:var(--bg-sand);transform:translateY(-2px)}.nwp-chip-btn:active{transform:translateY(-1px)}.nwp-chip-btn.danger{border-color:color-mix(in srgb,var(--nwp-error) 35%,#0000);color:var(--nwp-error)}.nwp-chip-btn.danger:hover{background:var(--nwp-error-bg)}.nwp-photo-tip{align-items:flex-start;color:#414141;color:var(--fg-muted);display:flex;font-size:12.5px;gap:8px;line-height:1.5;margin-top:4px}.nwp-photo-tip .material-symbols-rounded{color:#d1503f;color:var(--color-primary);flex-shrink:0;font-size:17px;margin-top:1px}.nwp-camera-overlay{align-items:center;background:#000;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.nwp-camera-inner{height:100%;overflow:hidden;position:relative;width:100%}.nwp-camera-video{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.nwp-camera-error{align-items:center;background:#111;color:#ffffffd9;display:flex;flex-direction:column;gap:14px;inset:0;justify-content:center;padding:32px;position:absolute;text-align:center}.nwp-camera-error p{font-size:14px;line-height:1.55;margin:0;max-width:280px}.nwp-camera-header{align-items:center;background:linear-gradient(180deg,#0009 0,#0000);display:flex;gap:12px;justify-content:space-between;left:0;padding:16px 16px env(safe-area-inset-top,0);position:absolute;right:0;top:0;z-index:3}.nwp-camera-title{color:#fff;flex:1 1 auto;font-size:16px;font-weight:600}.nwp-camera-close-btn{align-items:center;background:#ffffff2e;border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.nwp-camera-close-btn .material-symbols-rounded{font-size:22px}.nwp-camera-footer{align-items:center;background:linear-gradient(0deg,#000000a6 0,#0000);bottom:0;display:flex;flex-direction:column;gap:10px;left:0;padding:16px 24px calc(28px + env(safe-area-inset-bottom, 0px));position:absolute;right:0;z-index:3}.nwp-camera-hint{color:#ffffffd9;font-size:12.5px;font-weight:500;line-height:1.4;text-align:center}.nwp-camera-btn{min-width:200px}.nwp-camera-guide.face{aspect-ratio:3/4;border:2px dashed #ffffffe0;border-radius:50%;top:46%;width:58%}.nwp-camera-guide.card,.nwp-camera-guide.face{background:#0000;box-shadow:0 0 0 9999px #00000070;left:50%;pointer-events:none;position:absolute;transform:translate(-50%,-50%);z-index:2}.nwp-camera-guide.card{aspect-ratio:1.586;border:2px dashed #ffffffe0;border-radius:10px;top:50%;width:86%}@media (min-width:720px){.nwp-camera-overlay{background:#000000bf;padding:32px}.nwp-camera-inner.portrait{aspect-ratio:3/4;border-radius:20px;height:auto;max-height:85vh;width:360px}.nwp-camera-inner.landscape{aspect-ratio:4/3;border-radius:20px;height:auto;max-height:85vh;width:540px}}.nwp-footer{align-items:center;background:#f8fafc;background:var(--bg);border-top:1px solid var(--nwp-border);bottom:0;display:flex;flex:0 0 auto;gap:12px;padding:14px 16px;position:-webkit-sticky;position:sticky;width:100%;z-index:20}.nwp-footer .spacer{flex:1 1 auto}.nwp-page .btn{align-items:center;border:0;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:Noto Sans,sans-serif;font-family:var(--font);font-size:15px;font-weight:500;gap:.35rem;justify-content:center;padding:.65rem 1.4rem;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.nwp-page .btn:hover{transform:translateY(-2px)}.nwp-page .btn:active{transform:translateY(-1px)}.nwp-page .btn:disabled{cursor:not-allowed;opacity:.55;transform:none!important}.nwp-page .btn-primary{background:#d1503f;background:var(--color-primary);color:var(--fg-on-primary)}.nwp-page .btn-primary:hover{background:#e9503b;background:var(--color-primary-hover);color:var(--fg-on-primary)}.nwp-page .btn-secondary{background:#0000;border:2px solid color-mix(in srgb,#262626 20%,#0000);border:2px solid var(--border-strong);color:#262626;color:var(--fg)}.nwp-page .btn-secondary:hover{border-color:#262626;border-color:var(--fg)}.nwp-page .btn-tertiary{background:none;border:0;color:#d1503f;color:var(--color-primary);font-weight:500;padding:.2rem .4rem}.nwp-page .btn-tertiary:hover{color:#e9503b;color:var(--color-primary-hover)}.nwp-page .btn-block{width:100%}.nwp-sheet-overlay{align-items:flex-end;animation:nwpOverlayIn var(--duration-base) ease both;background:#26262659;display:flex;inset:0;position:fixed;z-index:30}@keyframes nwpOverlayIn{0%{opacity:0}to{opacity:1}}.nwp-sheet{animation:nwpSheetUp var(--duration-base) cubic-bezier(.22,1,.36,1) both;animation:nwpSheetUp var(--duration-base) var(--ease-out) both;background:#f8fafc;background:var(--bg);border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;flex-direction:column;max-height:86%;overflow:hidden;width:100%}@keyframes nwpSheetUp{0%{transform:translateY(100%)}to{transform:none}}.nwp-sheet-grab{background:color-mix(in srgb,#262626 20%,#0000);background:var(--border-strong);border-radius:2px;flex:0 0 auto;height:4px;margin:10px auto 4px;width:38px}.nwp-sheet-head{align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;padding:8px 18px 12px}.nwp-sheet-head h2{color:#262626;color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:1.15rem;font-weight:600;letter-spacing:var(--heading-tracking);margin:0}.nwp-sheet-body{flex:1 1 auto;overflow-y:auto;padding:0 18px 8px}.nwp-sheet-foot{border-top:1px solid var(--nwp-border);display:flex;flex:0 0 auto;gap:12px;padding:14px 18px}.nwp-review-group{margin-bottom:18px}.nwp-review-group-title{color:#414141;color:var(--fg-muted);font-size:11px;font-weight:600;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.nwp-review-row{border-bottom:1px solid var(--nwp-border);display:flex;font-size:14px;gap:16px;justify-content:space-between;padding:9px 0}.nwp-review-row:last-child{border-bottom:0}.nwp-review-row .k{color:#414141;color:var(--fg-muted);flex:0 0 auto}.nwp-review-row .v{color:#262626;color:var(--fg);font-weight:500;text-align:right}.nwp-review-row .v.empty{color:color-mix(in srgb,#414141 70%,#0000);color:color-mix(in srgb,var(--fg-muted) 70%,#0000);font-style:italic;font-weight:400}.nwp-review-photos{display:flex;gap:10px;margin-top:4px}.nwp-review-photos .thumb{background:var(--bg-sand);border:1px solid var(--nwp-border);border-radius:var(--radius-sm);height:54px;object-fit:cover;width:54px}.nwp-review-photos .thumb.avatar{border-radius:var(--radius-full)}.nwp-success{align-items:center;animation:nwpFadeUp var(--duration-base) cubic-bezier(.22,1,.36,1);animation:nwpFadeUp var(--duration-base) var(--ease-out);display:flex;flex:1 0 auto;flex-direction:column;gap:4px;justify-content:center;min-height:68vh;padding:32px;text-align:center}.nwp-success-avatar{animation:nwpPopIn var(--duration-base) cubic-bezier(.22,1,.36,1);animation:nwpPopIn var(--duration-base) var(--ease-out);border-radius:var(--radius-full);height:100px;margin-bottom:16px;position:relative;width:100px}.nwp-success-avatar img{border:1px solid var(--nwp-border);border-radius:var(--radius-full);height:100%;object-fit:cover;width:100%}.nwp-success-avatar .fallback{background:color-mix(in srgb,#d1503f 12%,#fff);background:color-mix(in srgb,var(--color-primary) 12%,var(--bg-surface));color:#d1503f;color:var(--color-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:2.1rem;font-weight:600;height:100%;letter-spacing:var(--heading-tracking);width:100%}.nwp-success-avatar .fallback,.nwp-success-check{align-items:center;border-radius:var(--radius-full);display:flex;justify-content:center}.nwp-success-check{animation:nwpPopIn var(--duration-base) cubic-bezier(.22,1,.36,1) .12s backwards;animation:nwpPopIn var(--duration-base) var(--ease-out) .12s backwards;background:#d1503f;background:var(--color-primary);border:3px solid #f8fafc;border:3px solid var(--bg);bottom:-2px;color:var(--fg-on-primary);height:32px;position:absolute;right:-2px;width:32px}@keyframes nwpPopIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.nwp-success-check .material-symbols-rounded{font-size:18px;font-variation-settings:"wght" 700}.nwp-success h2{color:#262626;color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading);font-size:1.5rem;letter-spacing:var(--heading-tracking);margin:0}.nwp-success-meta{color:#d1503f;color:var(--color-primary);font-size:13px;font-weight:500;line-height:1.4;margin:2px 0 6px}.nwp-success p{color:#414141;color:var(--fg-muted);font-size:15px;line-height:1.6;margin:0 0 20px;max-width:280px}.nwp-success-actions{display:flex;flex-direction:column;gap:10px;max-width:280px;width:100%}@media (min-width:720px){.nwp-page .topbar{padding:14px 28px}.nwp-page .topbar h1{font-size:20px}.nwp-stepper{padding:32px 20px 22px}.nwp-body{flex:0 0 auto;padding:8px 20px}.nwp-page .card{padding:26px 28px}.nwp-footer{background:#0000;border-top:0;margin-inline:auto;max-width:600px;padding:22px 0 40px;position:static}.nwp-sheet-overlay{align-items:center;justify-content:center;padding:24px}.nwp-sheet{border-radius:var(--radius-md);max-height:86vh;max-width:520px}.nwp-sheet-grab{display:none}.nwp-sheet-head{padding-top:18px}}@media (min-width:480px) and (max-width:719px){.nwp-body,.nwp-stepper{max-width:520px}}.roster-list{border:1px solid #f4ebe4;border:1px solid var(--color-neutral-100);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.roster-list,.rrow{background:#fff;background:var(--bg-surface)}.rrow{grid-gap:14px;align-items:start;border-bottom:1px solid #f4ebe4;border-bottom:1px solid var(--color-neutral-100);cursor:pointer;display:grid;gap:14px;grid-template-columns:48px 1fr auto auto;outline:none;padding:14px 14px 14px 16px;position:relative;transition:background-color var(--duration-fast) ease}.rrow:last-child{border-bottom:0}.rrow:hover{background:#fef9f3;background:var(--color-neutral-50)}.rrow:focus-visible{box-shadow:inset 0 0 0 2px #d1503f;box-shadow:inset 0 0 0 2px var(--color-primary)}.rrow.is-inactive{background:color-mix(in srgb,#f4ebe4 26%,#fff);background:color-mix(in srgb,var(--color-neutral-100) 26%,var(--bg-surface))}.rrow.is-inactive:hover{background:#fef9f3;background:var(--color-neutral-50)}.rrow .wk-avatar{align-self:center;font-size:16px;height:48px;width:48px}.rrow.is-inactive .wk-avatar{filter:saturate(.45) opacity(.8)}.rrow-meta{min-width:0}.rrow-name{font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading,"Inter",sans-serif);font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rrow-sub{align-items:center;color:#414141;color:var(--fg-muted);display:flex;flex-wrap:wrap;font-size:13px;gap:7px;margin-top:4px}.rrow-sep{background:currentColor;border-radius:999px;display:inline-block;flex:0 0 auto;height:3px;opacity:.5;width:3px}.rrow-team{color:#262626;color:var(--fg);font-weight:500}.rrow-show-wide{display:none}.rrow-right{align-items:flex-end;align-self:center;display:flex;flex-direction:column;gap:6px;text-align:right}.rrow-bal{font-feature-settings:"tnum";color:#262626;color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-heading,"Inter",sans-serif);font-size:15px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.01em}.rrow-bal-zero{color:#414141;color:var(--fg-muted);font-weight:500}.rrow-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.rrow-tag{background:#f4ebe4;background:var(--color-neutral-100);border-radius:999px;color:#414141;color:var(--fg-muted);font-size:11px;font-weight:500;letter-spacing:.01em;line-height:1.5;padding:2px 7px;white-space:nowrap}.rrow-tenures{display:flex;flex-direction:column;gap:3px;margin-bottom:3px}.rrow-tenure{align-items:center;color:#414141;color:var(--fg-muted);display:flex;flex-wrap:nowrap;font-size:11px;gap:5px;line-height:1;white-space:nowrap}.rrow-tenure.is-past{opacity:.5}.rrow-tenure-dot{background:#414141;background:var(--fg-muted);border-radius:50%;flex:0 0 auto;height:6px;opacity:.45;width:6px}.rrow-tenure-dot.is-active{background:#6f8a3a;opacity:1}.rrow-tenure-arrow{font-size:10px;opacity:.35}.rrow-tenure-to.is-active{color:#4d6325;font-weight:600}.rrow-tenure-dur{background:#f4ebe4;background:var(--color-neutral-100);font-size:10.5px}.rrow-tenure-dur,.rrow-tenure-reason{border-radius:999px;font-weight:500;margin-left:1px;padding:1px 6px;white-space:nowrap}.rrow-tenure-reason{background:color-mix(in srgb,#b04025 10%,#fff);background:color-mix(in srgb,#b04025 10%,var(--bg-surface));color:#8a2f1a;font-size:10px;text-transform:capitalize}.rrow-kebab{align-items:center;align-self:center;background:#0000;border:1px solid #0000;border-radius:999px;color:#414141;color:var(--fg-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;height:36px;justify-content:center;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease,border-color var(--duration-fast) ease;width:36px}.rrow-kebab:hover{background:#f4ebe4;background:var(--color-neutral-100);border-color:#f4ebe4;border-color:var(--color-neutral-100);color:#262626;color:var(--fg)}.rrow-kebab .material-symbols-rounded{font-size:20px}.pill-active{background:color-mix(in srgb,#6f8a3a 15%,#fff);background:color-mix(in srgb,#6f8a3a 15%,var(--bg-surface));color:#4d6325}.pill-inactive{background:#f4ebe4;background:var(--color-neutral-100);color:#414141;color:var(--fg-muted)}.rrow .pill{font-size:11.5px;height:24px;padding:0 8px 0 6px}.rrow .pill .material-symbols-rounded{font-size:13px}@media (min-width:1000px){.rrow-show-wide{display:inline}}
/*# sourceMappingURL=main.084781bf.css.map*/