:root{--brand-blue: #1172BA;--brand-green: #8EC641;--blue-50: #eaf4fb;--blue-100: #cfe7f6;--blue-200: #a3d0ef;--blue-300: #6bb2e4;--blue-400: #2f92d7;--blue-500: #1172ba;--blue-600: #0d5f9d;--blue-700: #0a4a7c;--blue-800: #083a62;--blue-900: #062a48;--green-50: #f2f9e8;--green-100: #e0f1c8;--green-200: #c8e69c;--green-300: #aed96f;--green-400: #9ccf55;--green-500: #8ec641;--green-600: #72a92f;--green-700: #567f22;--green-800: #405e1a;--green-900: #2c4112;--amber-50: #fef6e6;--amber-100: #fce7bd;--amber-400: #f5aa2a;--amber-500: #ec930f;--amber-600: #bd7409;--amber-700: #8c5606;--red-50: #fdecec;--red-100: #f9d3d3;--red-500: #e04848;--red-600: #c23636;--red-700: #98292a;--slate-0: #ffffff;--slate-50: #f6f9fc;--slate-100: #eef2f7;--slate-200: #e2e8f0;--slate-300: #cdd6e2;--slate-400: #9aa6b6;--slate-500: #6b7789;--slate-600: #4d5768;--slate-700: #343d4c;--slate-800: #1f2632;--slate-900: #131922;--bg: #eef3f8;--bg-grad-1: rgba(17, 114, 186, .06);--bg-grad-2: rgba(142, 198, 65, .07);--surface: var(--slate-0);--surface-2: var(--slate-50);--surface-hover: var(--slate-100);--fg: #16202c;--fg-soft: var(--slate-700);--muted: var(--slate-500);--border: #e3e9f1;--border-strong: var(--slate-300);--primary: var(--brand-blue);--primary-hover: var(--blue-600);--primary-press: var(--blue-700);--primary-fg: #ffffff;--primary-soft: var(--blue-50);--primary-soft-2: var(--blue-100);--primary-text: var(--blue-700);--success: var(--brand-green);--success-hover: var(--green-600);--success-fg: #ffffff;--success-soft: var(--green-50);--success-text: var(--green-700);--warning: var(--amber-500);--warning-soft: var(--amber-50);--warning-text: var(--amber-700);--danger: var(--red-500);--danger-soft: var(--red-50);--danger-text: var(--red-700);--grad-brand: linear-gradient(135deg, var(--blue-500) 0%, var(--blue-400) 55%, var(--green-500) 140%);--grad-brand-solid: linear-gradient(150deg, #1a86cf 0%, var(--blue-600) 100%);--grad-success: linear-gradient(150deg, var(--green-400) 0%, var(--green-600) 100%);--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--shadow-xs: 0 1px 2px rgba(19, 25, 34, .05);--shadow-sm: 0 2px 6px rgba(19, 25, 34, .06), 0 1px 2px rgba(19, 25, 34, .04);--shadow-md: 0 10px 28px rgba(19, 25, 34, .08), 0 2px 6px rgba(19, 25, 34, .05);--shadow-lg: 0 24px 56px rgba(19, 25, 34, .12);--ring: 0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent);--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--radius-full: 999px;--sidebar-w: 256px;--header-h: 66px;--bottom-nav-h: 66px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}:root[data-theme=dark]{--bg: #0d131b;--bg-grad-1: rgba(17, 114, 186, .16);--bg-grad-2: rgba(142, 198, 65, .1);--surface: #151d27;--surface-2: #1a232f;--surface-hover: #202b39;--fg: #e9eef4;--fg-soft: #c3ccd8;--muted: #8b97a8;--border: #263242;--border-strong: #35455a;--primary: #2f92d7;--primary-hover: #4aa3e0;--primary-press: #6bb2e4;--primary-fg: #ffffff;--primary-soft: rgba(47, 146, 215, .16);--primary-soft-2: rgba(47, 146, 215, .26);--primary-text: #7cc0ec;--success: var(--green-500);--success-hover: var(--green-400);--success-soft: rgba(142, 198, 65, .16);--success-text: #b0d96f;--warning: var(--amber-400);--warning-soft: rgba(245, 170, 42, .15);--warning-text: #f5bd63;--danger: #f16063;--danger-soft: rgba(224, 72, 72, .16);--danger-text: #f38f91;--grad-brand-solid: linear-gradient(150deg, #1a86cf 0%, #0d5f9d 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 12px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);--ring: 0 0 0 3px color-mix(in srgb, var(--primary) 30%, transparent)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg)!important;color:var(--fg)!important}body{font-family:var(--font-body);background:var(--bg)!important;color:var(--fg)!important;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;transition:background .3s ease,color .3s ease}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.app{position:relative;display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100dvh;max-width:1520px;margin:0 auto;isolation:isolate}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 500px at 12% -8%,var(--bg-grad-1),transparent 60%),radial-gradient(820px 520px at 108% 112%,var(--bg-grad-2),transparent 55%);pointer-events:none;z-index:-1}.sidebar{display:flex;flex-direction:column;gap:6px;padding:18px 14px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);min-height:0}.brand{display:flex;align-items:center;gap:11px;padding:6px 8px 18px;flex-shrink:0;white-space:nowrap}.brand-logo{height:42px;width:auto;object-fit:contain;opacity:1!important;filter:none!important}.brand-logo-dark{display:none}:root[data-theme=dark] .brand-logo-light{display:none!important}:root[data-theme=dark] .brand-logo-dark{display:block!important}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--grad-brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.01em;flex-shrink:0;box-shadow:0 6px 16px color-mix(in srgb,var(--brand-blue) 34%,transparent)}.brand-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.brand-text strong{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.02em}.brand-text span{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.nav-section{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow-y:auto}.nav-label{font-size:10.5px;font-weight:700;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:14px 12px 6px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--fg-soft);font-size:14px;font-weight:500;letter-spacing:.005em;transition:background .16s ease,color .16s ease;text-align:left;width:100%}.nav-item svg{width:19px;height:19px;flex-shrink:0;opacity:.9}.nav-item:hover{background:var(--surface-hover);color:var(--fg)}.nav-item.is-active{background:var(--primary-soft);color:var(--primary-text);font-weight:600}.nav-item.is-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--primary)}.nav-item.is-active svg{opacity:1}.nav-item .badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.sidebar-foot{padding-top:10px;border-top:1px solid var(--border);flex-shrink:0}.user-chip{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border-radius:var(--radius-sm);border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit;transition:background .16s ease}.user-chip:hover{background:var(--surface-hover)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--grad-brand);color:#fff;display:grid;place-items:center;font-size:12.5px;font-weight:700;letter-spacing:.02em;flex-shrink:0;font-family:var(--font-display)}.user-meta{min-width:0;flex:1}.user-meta strong{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta span{display:block;font-size:11.5px;color:var(--muted)}.logout-btn{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;margin-top:4px;border-radius:var(--radius-sm);color:var(--muted);font-size:13px;font-weight:500;transition:background .16s ease,color .16s ease}.logout-btn:hover{background:var(--danger-soft);color:var(--danger-text)}.logout-btn svg{width:17px;height:17px}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:calc(var(--header-h) + var(--safe-top));padding-top:var(--safe-top);display:flex;align-items:center;justify-content:space-between;gap:16px;padding-left:28px;padding-right:28px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:10;flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.menu-toggle{display:none;width:42px;height:42px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);align-items:center;justify-content:center;color:var(--fg)}.menu-toggle svg{width:19px;height:19px}.page-heading h1{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.page-heading p{font-size:12.5px;color:var(--muted);margin-top:2px}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:42px;height:42px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;color:var(--fg-soft);position:relative;transition:background .16s ease,border-color .16s ease,color .16s ease}.icon-btn:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--fg)}.icon-btn svg{width:19px;height:19px}.icon-btn .dot{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:2px solid var(--surface)}.theme-toggle .moon{display:none}:root[data-theme=dark] .theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .moon{display:block}.content{flex:1;min-height:0;overflow-y:auto;padding:24px 28px 36px}.view{display:none;animation:fadeIn .26s cubic-bezier(.2,.6,.2,1)}.view.is-active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.checkin-grid{display:grid;grid-template-columns:1.45fr .9fr;gap:18px;align-items:start}.stack{display:flex;flex-direction:column;gap:18px;min-width:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-head h2{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.01em}.card-head .hint{font-size:12px;color:var(--muted);font-weight:500}.loc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.loc-card{position:relative;border:2px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface);text-align:left;padding:0;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.loc-card:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));transform:translateY(-2px);box-shadow:var(--shadow-md)}.loc-card.is-selected{border-color:var(--primary);box-shadow:var(--ring)}.loc-card img{width:100%;height:96px;object-fit:cover;background:var(--surface-2)}.loc-card .loc-meta{display:flex;align-items:center;gap:6px;padding:11px 11px 13px}.loc-card .pin{width:15px;height:15px;color:var(--primary);flex-shrink:0}.loc-card.is-selected .pin{color:var(--primary)}.loc-card .loc-name{font-size:13px;font-weight:600;letter-spacing:.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loc-card .check{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;display:none;place-items:center;box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 45%,transparent)}.loc-card.is-selected .check{display:grid;animation:pop .25s cubic-bezier(.2,.8,.3,1.4)}.loc-card .check svg{width:13px;height:13px}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.loc-card.is-skeleton{pointer-events:none;opacity:.7}.loc-card .skeleton-img{width:100%;height:96px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-hover) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:skeletonLoading 1.5s infinite}.loc-card .skeleton-text{width:70%;height:14px;border-radius:4px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-hover) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:skeletonLoading 1.5s infinite}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.checkin-hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px 26px;min-height:380px;justify-content:center;background:radial-gradient(120% 90% at 50% -10%,var(--primary-soft),transparent 60%),var(--surface)}.checkin-hero .loc-pill{position:absolute;top:16px;right:16px;margin:0;z-index:2}.clock-block{margin-bottom:12px}.clock-block .time{font-family:var(--font-display);font-size:clamp(30px,4vw,40px);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}.clock-block .date{font-size:13px;color:var(--muted);margin-top:5px;font-weight:500}.shift-pill{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:8px 16px;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:600}.shift-pill svg{width:15px;height:15px;color:var(--primary);flex-shrink:0}.shift-pill span{font-variant-numeric:tabular-nums}.loc-pill{display:inline-flex;align-items:center;gap:6px;margin:14px 0 24px;padding:7px 14px;border-radius:var(--radius-full);background:var(--primary-soft);color:var(--primary-text);font-size:12.5px;font-weight:600;letter-spacing:.01em}.loc-pill svg{width:14px;height:14px}.fp-btn{position:relative;width:156px;height:156px;border-radius:50%;background:var(--grad-brand-solid);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 16px 40px color-mix(in srgb,var(--primary) 38%,transparent),inset 0 1px #ffffff40;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;-webkit-tap-highlight-color:transparent}.fp-btn:hover{transform:scale(1.04);box-shadow:0 22px 52px color-mix(in srgb,var(--primary) 44%,transparent),inset 0 1px #ffffff4d}.fp-btn:active{transform:scale(.97)}.fp-btn:disabled{cursor:default;filter:saturate(.9)}.fp-btn.is-busy{cursor:wait;opacity:.92}.fp-btn.is-busy:hover{transform:none}.fp-spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;animation:checkin-spin .75s linear infinite}.checkin-page-loading{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:13.5px;font-weight:600}.checkin-spinner{width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-top-color:var(--primary);animation:checkin-spin .7s linear infinite;flex-shrink:0}.checkin-grid.is-page-loading{opacity:.55;pointer-events:none}@keyframes checkin-spin{to{transform:rotate(360deg)}}.fp-btn.is-success{background:var(--grad-success);box-shadow:0 16px 40px color-mix(in srgb,var(--success) 42%,transparent)}.fp-btn.is-checkout{background:linear-gradient(135deg,#ef4444,#dc2626,#b91c1c);box-shadow:0 16px 40px color-mix(in srgb,#ef4444 45%,transparent),inset 0 1px #ffffff59}.fp-btn.is-checkout:hover{box-shadow:0 22px 52px color-mix(in srgb,#ef4444 55%,transparent),inset 0 1px #fff6}.fp-btn.is-checkout .fp-ring{border-color:color-mix(in srgb,#ef4444 40%,transparent)}.fp-btn svg{width:40px;height:40px}.fp-btn span{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.fp-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:2px solid color-mix(in srgb,var(--primary) 30%,transparent);pointer-events:none;animation:pulse 2.6s ease-out infinite}.fp-btn.is-success .fp-ring{border-color:color-mix(in srgb,var(--success) 35%,transparent);animation:none}@keyframes pulse{0%{transform:scale(1);opacity:.9}70%{transform:scale(1.18);opacity:0}to{transform:scale(1.18);opacity:0}}@media (prefers-reduced-motion: reduce){.fp-ring,.view{animation:none}}.worktime-badge{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:8px 18px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--primary) 12%,var(--surface-2));border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);color:var(--primary-text);font-size:13px;font-weight:500;box-shadow:0 2px 8px #0000000d}.worktime-badge svg{width:16px;height:16px;color:var(--primary);flex-shrink:0}.worktime-badge strong{font-family:var(--font-display);font-weight:700;color:var(--primary)}.status-row{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;margin-top:24px;max-width:100%;overflow-x:auto}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-2);font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap;flex-shrink:0}.status-chip .dot-s{width:8px;height:8px;border-radius:50%;background:var(--slate-300);flex-shrink:0}.status-chip.is-done{color:var(--success-text);border-color:color-mix(in srgb,var(--success) 30%,var(--border));background:var(--success-soft)}.status-chip.is-done .dot-s{background:var(--success)}.status-chip.is-pending{color:var(--warning-text);border-color:color-mix(in srgb,var(--warning) 30%,var(--border));background:var(--warning-soft)}.status-chip.is-pending .dot-s{background:var(--warning)}.status-chip .mono{font-family:var(--font-mono);font-size:11.5px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.week-title{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}.day-col{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 2px;border-radius:var(--radius-sm);transition:background .16s ease}.day-col.is-today{background:var(--primary-soft)}.day-col .dow{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.day-col.is-today .dow{color:var(--primary-text)}.day-dot{width:15px;height:15px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 16%,transparent)}.day-dot.is-empty{background:transparent;border:1.5px solid var(--border-strong);box-shadow:none}.day-dot.is-weekend{background:var(--slate-200);box-shadow:none}:root[data-theme=dark] .day-dot.is-weekend{background:var(--slate-700)}.day-dot.is-partial{background:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 18%,transparent)}.week-legend{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:500}.legend-item i{width:9px;height:9px;border-radius:50%;display:block}.stats-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:16px}.stat{padding:14px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border)}.stat .label{font-size:11px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.stat .value{margin-top:5px;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat.accent{background:var(--primary-soft);border-color:transparent}.stat.accent .value{color:var(--primary-text)}.panel-title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.panel-sub{color:var(--muted);font-size:13.5px;margin-bottom:22px}.list{display:flex;flex-direction:column;gap:10px}.list-row{display:flex;align-items:center;gap:14px;padding:15px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}.list-row:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.list-row .icon-wrap{width:42px;height:42px;border-radius:12px;background:var(--primary-soft);color:var(--primary-text);display:grid;place-items:center;flex-shrink:0}.list-row .icon-wrap svg{width:19px;height:19px}.list-row .meta{flex:1;min-width:0}.list-row .meta strong{display:block;font-size:14px;font-weight:600;letter-spacing:-.01em}.list-row .meta span{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}.pill{font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:5px 10px;border-radius:var(--radius-full);background:var(--surface-2);color:var(--muted);white-space:nowrap;border:1px solid var(--border)}.pill.ok{background:var(--success-soft);color:var(--success-text);border-color:transparent}.pill.warn{background:var(--warning-soft);color:var(--warning-text);border-color:transparent}.profile-card{display:flex;align-items:center;gap:16px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.profile-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 140% at 100% 0%,var(--primary-soft),transparent 55%);pointer-events:none}.profile-card>*{position:relative}.profile-card .avatar-lg{width:60px;height:60px;border-radius:50%;background:var(--grad-brand);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:700;letter-spacing:.02em;font-family:var(--font-display);box-shadow:0 6px 18px color-mix(in srgb,var(--brand-blue) 30%,transparent)}.profile-card h3{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.02em}.profile-card p{font-size:13px;color:var(--muted);margin-top:2px}.bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding:6px 8px calc(6px + var(--safe-bottom));background:var(--surface);border-top:1px solid var(--border);z-index:35;justify-content:space-around;align-items:center;box-shadow:0 -4px 16px #00000026}.bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.01em;border-radius:var(--radius-sm);min-width:0;transition:color .16s ease}.bnav-item svg{width:23px;height:23px;transition:transform .16s ease}.bnav-item.is-active{color:var(--primary)}.bnav-item.is-active svg{transform:translateY(-1px)}.bnav-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f151e73;z-index:40;opacity:0;transition:opacity .2s ease}.scrim.is-open{display:block;opacity:1}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%) translateY(20px);background:var(--slate-900);color:#fff;padding:13px 20px;border-radius:var(--radius-full);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:9px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.3,1.2);z-index:50;white-space:nowrap}:root[data-theme=dark] .toast{background:#26313f;border:1px solid var(--border)}.toast.is-show{opacity:1;transform:translate(-50%) translateY(0)}.toast .t-icon{width:18px;height:18px;border-radius:50%;background:var(--success);color:#fff;display:grid;place-items:center;flex-shrink:0}.toast .t-icon svg{width:11px;height:11px}@media (max-width: 1100px){.loc-grid{grid-template-columns:repeat(2,1fr)}.loc-card img{height:104px}.checkin-grid{grid-template-columns:1fr}}@media (max-width: 860px){.app{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(310px,86vw);z-index:45;transform:translate(-105%);transition:transform .28s cubic-bezier(.2,.7,.2,1);box-shadow:var(--shadow-lg);background:var(--surface)}.sidebar.is-open{transform:translate(0)}.menu-toggle{display:inline-flex}.topbar{padding-left:16px;padding-right:16px}.content{padding:16px 16px calc(var(--bottom-nav-h) + var(--safe-bottom) + 20px)}.bottom-nav{display:flex}.toast{bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 16px)}.checkin-hero{min-height:340px;padding:24px 16px}.checkin-hero .clock-block{align-self:flex-start;text-align:left;margin-bottom:12px}.checkin-hero .shift-pill{align-self:flex-start;margin-bottom:18px}.checkin-hero .loc-pill{top:24px;right:16px}.fp-btn{width:144px;height:144px}.page-heading p{display:none}.status-row{gap:6px;margin-top:18px;width:100%;justify-content:center;flex-wrap:nowrap}.status-chip{padding:7px 10px;font-size:11.5px;gap:5px;white-space:nowrap;flex-shrink:0}.loc-grid{display:flex;grid-template-columns:none;gap:8px;min-width:0;overflow-x:auto;scroll-snap-type:x proximity;margin:-8px -12px -10px;padding:8px 12px 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.loc-grid::-webkit-scrollbar{display:none}.loc-card{flex:0 0 auto;border-radius:var(--radius-full);border-width:1.5px;scroll-snap-align:start;transform:none!important;box-shadow:none}.loc-card img{display:none}.loc-card .check{display:none!important}.loc-card .loc-meta{padding:10px 15px}.loc-card .loc-name{font-size:13.5px}.loc-card.is-selected{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}.loc-card.is-selected .loc-name,.loc-card.is-selected .pin{color:#fff}}@media (max-width: 420px){.loc-grid{gap:8px}.loc-card img{height:88px}.loc-card .loc-name{font-size:12px}.status-row{flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:6px!important}.status-chip{width:auto!important;flex:0 0 auto!important;justify-content:center;padding:7px 9px;font-size:11px;gap:4px;white-space:nowrap}.week-days{gap:3px}.content{padding-left:13px;padding-right:13px}}.filter-label{font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;display:block}.filter-select,.filter-input{height:38px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong)!important;background-color:var(--surface)!important;color:var(--fg)!important;font-size:14px;font-weight:500;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.overtime-filter .filter-input,.filter-group .filter-input{width:92px!important;max-width:92px!important;text-align:center}.filter-input[type=date],.filter-input[type=time],.filter-input[type=datetime-local],.filter-input[type=search],.filter-input[type=text],.filter-input[type=email]{width:100%;max-width:100%;text-align:left;box-sizing:border-box}.filter-input[type=date],.filter-input[type=time],.filter-input[type=datetime-local]{padding-right:40px}textarea.filter-input{width:100%!important;max-width:100%!important;height:auto!important;min-height:90px;padding:10px 12px;text-align:left;resize:both;overflow:auto;box-sizing:border-box}.filter-select:focus,.filter-input:focus{border-color:var(--primary)!important;box-shadow:var(--ring)}.filter-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important;padding-right:36px!important;cursor:pointer}.filter-select option{background:var(--surface);color:var(--fg)}:root[data-theme=dark] .filter-select option{background:#1a232f;color:#e9eef4}.overtime-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md);margin:16px 0}.list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin:16px 0;font-size:13.5px;font-weight:600}.list-loading-spinner{width:28px;height:28px;border-radius:50%;border:2.5px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-top-color:var(--primary);animation:checkin-spin .7s linear infinite;flex-shrink:0}.overtime-empty .icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--surface-2);color:var(--muted);margin-bottom:12px}.overtime-empty .icon-wrap svg{width:24px;height:24px}.overtime-empty strong{display:block;font-size:15px;font-weight:600;color:var(--fg);margin-bottom:4px}.overtime-empty span{font-size:13px;color:var(--muted)}.overtime-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;border:1px solid var(--border-strong)!important;background:var(--surface)!important;color:var(--fg)!important;cursor:pointer;white-space:nowrap;transition:all .16s ease;box-shadow:var(--shadow-xs)}.overtime-btn:hover{background:var(--surface-hover)!important;border-color:var(--primary)!important;color:var(--primary)!important;box-shadow:var(--shadow-sm)}.overtime-btn.primary{background:var(--primary)!important;border:1px solid var(--primary)!important;color:#fff!important;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,transparent)}.overtime-btn.primary:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important;color:#fff!important}.overtime-btn.secondary{background:var(--surface-2)!important;border:1px solid var(--border-strong)!important;color:var(--fg)!important}.overtime-btn.secondary:hover{background:var(--surface-hover)!important;border-color:var(--primary)!important;color:var(--primary)!important}.overtime-btn.success{background:var(--success-soft)!important;border:1px solid color-mix(in srgb,var(--success) 45%,var(--border-strong))!important;color:var(--success-text)!important}.overtime-btn.success:hover{background:var(--success)!important;border-color:var(--success)!important;color:#fff!important}.overtime-btn.danger{background:var(--danger-soft, rgba(239, 68, 68, .12))!important;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--border-strong))!important;color:var(--danger)!important}.overtime-btn.danger:hover{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important}.reject-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;background:#13192273;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.reject-modal{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:20px}.reject-modal-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--fg);margin:0 0 4px}.reject-modal-sub{font-size:13px;color:var(--muted);margin:0 0 14px}.reject-modal-input{width:100%;box-sizing:border-box;resize:vertical;padding:10px 12px;font-family:var(--font-body);font-size:14px;color:var(--fg);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.reject-modal-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.reject-modal-input.has-error{border-color:var(--danger)}.reject-modal-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:18px;margin-top:6px}.reject-modal-error{font-size:12px;font-weight:600;color:var(--danger)}.reject-modal-count{font-size:12px;color:var(--muted)}.reject-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.overtime-type-group{border:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:6px}.overtime-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}.overtime-type-card{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:var(--surface);color:var(--fg);cursor:pointer;transition:all .18s ease;-webkit-user-select:none;user-select:none}.overtime-type-card:hover{border-color:var(--primary);background:var(--surface-hover)}.overtime-type-card.is-selected{border-color:var(--primary)!important;background:var(--primary-soft)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 18%,transparent)}.overtime-type-card input[type=radio]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;margin:0}.overtime-type-card .icon-box{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--surface-2);display:grid;place-items:center;color:var(--fg-soft);flex-shrink:0;transition:all .18s ease}.overtime-type-card.is-selected .icon-box{background:var(--primary);color:#fff}.overtime-type-card .meta{display:flex;flex-direction:column;gap:2px}.overtime-type-card .title{font-size:14px;font-weight:700;color:var(--fg)}.overtime-type-card .desc{font-size:12px;color:var(--muted)}@media (max-width: 520px){.overtime-type-grid{grid-template-columns:1fr}}.row-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.overtime-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.overtime-back-btn{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--border-strong)!important;background:var(--surface)!important;color:var(--fg)!important;display:grid;place-items:center;transition:background .16s ease,border-color .16s ease}.overtime-back-btn:hover{background:var(--surface-hover)!important;border-color:var(--primary)!important;color:var(--primary)!important}.overtime-heading{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:20px}.overtime-toolbar{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.overtime-filter{display:flex;flex-direction:column;gap:4px}.approve-tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:3px;align-items:center}.approve-tab{padding:7px 14px;border-radius:calc(var(--radius-sm) - 2px);border:none;background:transparent;color:var(--fg-soft);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .18s ease;white-space:nowrap;display:flex;align-items:center;gap:6px}.approve-tab:hover{color:var(--fg);background:var(--surface-2)}.approve-tab.is-active{background:var(--primary);color:#fff;box-shadow:0 1px 3px #00000026}.approve-tab .tab-count{font-size:12px;opacity:.9;font-variant-numeric:tabular-nums}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-field>span{font-size:13px;font-weight:600;color:var(--fg-soft)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.form-field input,.form-field select,.form-field textarea{width:100%;max-width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong)!important;background-color:var(--surface)!important;color:var(--fg)!important;font-family:inherit;font-size:14px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.form-field input.filter-input,.form-field textarea.filter-input{width:100%!important;max-width:100%!important;text-align:left;height:auto;min-height:42px}.form-field textarea{min-height:90px;resize:both;overflow:auto}.form-field input[type=date],.form-field input[type=time],.form-field input[type=datetime-local]{padding-right:40px;text-align:left}.form-field select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230284c7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 16px!important;padding-right:36px!important;cursor:pointer}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary);box-shadow:var(--ring)}::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231172BA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")!important;background-position:center!important;background-repeat:no-repeat!important;background-size:18px 18px!important;cursor:pointer!important;opacity:1!important;filter:none!important}:root[data-theme=dark] input[type=date],:root[data-theme=dark] input[type=time],:root[data-theme=dark] input[type=datetime-local]{color-scheme:dark!important}:root[data-theme=dark] ::-webkit-calendar-picker-indicator,:root[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] ::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")!important;background-position:center!important;background-repeat:no-repeat!important;background-size:18px 18px!important;cursor:pointer!important;opacity:1!important;filter:none!important}.form-field small{font-size:12px;color:var(--muted);margin-top:2px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);background:var(--primary-soft);color:var(--primary-text);font-size:12px;font-weight:600;border:1px solid color-mix(in srgb,var(--primary) 25%,transparent)}.user-search{position:relative}.user-search-results{position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);max-height:180px;overflow-y:auto;box-shadow:var(--shadow-md);margin-top:4px}.user-search-option{display:block;width:100%;padding:10px 12px;text-align:left;font-size:13.5px;color:var(--fg);background:transparent;border:none;cursor:pointer;transition:background .12s ease}.user-search-option:hover{background:var(--surface-hover);color:var(--primary)}.project-search{position:relative}.project-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);max-height:240px;overflow-y:auto;box-shadow:var(--shadow-md);padding:6px;display:flex;flex-direction:column;gap:2px}.project-search-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 14px;text-align:left;border-radius:6px;background:transparent;border:none;cursor:pointer;transition:background .12s ease}.project-search-option:hover{background:var(--surface-hover)}.project-search-option strong{font-size:13.5px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-search-option span{font-size:12px;font-weight:500;color:var(--muted);flex-shrink:0;background:var(--surface-2);padding:2px 8px;border-radius:4px;border:1px solid var(--border)}.project-search-state{padding:14px 16px;font-size:13.5px;color:var(--muted);text-align:center}.inline-field{display:flex;gap:8px;align-items:center}.inline-field input{height:38px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong)!important;background:var(--surface)!important;color:var(--fg)!important;font-family:inherit;font-size:14px;outline:none;flex:1;min-width:0}.inline-field input[type=date],.inline-field input[type=time],.inline-field input[type=datetime-local]{padding-right:40px}.timekeeping-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.timekeeping-summary>div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-xs)}.timekeeping-summary span{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.timekeeping-summary strong{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--fg);font-variant-numeric:tabular-nums}.timekeeping-calendar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);margin-bottom:20px;overflow-x:auto}.timekeeping-week-head{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.timekeeping-week-head .weekend{color:var(--primary)}.timekeeping-week{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--border)}.timekeeping-week:last-child{border-bottom:none}.timekeeping-day{min-height:80px;padding:8px 6px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:4px;transition:background .16s ease}.timekeeping-day:last-child{border-right:none}.timekeeping-day:hover{background:var(--surface-hover)}.timekeeping-day-number{font-size:12px;font-weight:600;color:var(--fg-soft);margin-bottom:2px}.timekeeping-shift{height:22px;padding:0 6px;border-radius:4px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--shadow-xs)}.timekeeping-legend{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--shadow-sm)}.timekeeping-legend strong{display:block;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--fg);margin-bottom:12px}.timekeeping-legend>div{display:flex;flex-wrap:wrap;gap:12px 20px}.timekeeping-legend span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--fg-soft)}.timekeeping-legend i{width:12px;height:12px;border-radius:3px;display:inline-block;flex-shrink:0;box-shadow:0 1px 3px #00000026}@media (max-width: 860px){.timekeeping-summary{grid-template-columns:repeat(2,1fr)}}.leave-balance-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:20px;box-shadow:var(--shadow-xs)}.leave-balance-title{font-size:13px;font-weight:700;color:var(--fg);margin-bottom:12px;display:flex;align-items:center;gap:8px}.leave-balance-periods{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.leave-balance-period{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:6px;transition:border-color .16s ease}.leave-balance-period:hover{border-color:var(--primary)}.leave-balance-period strong{font-size:13px;font-weight:700;color:var(--fg)}.leave-balance-period>div{display:flex;gap:12px;font-size:12.5px;color:var(--fg-soft);flex-wrap:wrap}.leave-balance-period span{display:inline-flex;gap:4px;align-items:center}.leave-balance-period b{color:var(--primary);font-weight:700}.tk-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:22px}.tk-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group .filter-label{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-sm);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:background .16s ease,filter .16s ease,transform .16s ease,border-color .16s ease;-webkit-tap-highlight-color:transparent}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--fg-soft)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn-primary{background:var(--primary);color:var(--primary-fg);box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 32%,transparent)}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-success{background:var(--success);color:var(--success-fg);box-shadow:0 4px 14px color-mix(in srgb,var(--success) 34%,transparent)}.btn-success:hover{filter:brightness(1.06);transform:translateY(-1px)}.checkbox{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:22px}.stats-row .stat{display:flex;flex-direction:column;justify-content:space-between;min-height:96px}.list-row.is-selectable{cursor:pointer}.list-row.is-selected{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.list-row .row-status{margin-left:auto}.tk-selectall{display:flex;align-items:center;gap:11px;padding:13px 16px;margin-bottom:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:13.5px;font-weight:600;color:var(--fg);transition:border-color .16s ease,background .16s ease;-webkit-tap-highlight-color:transparent}.tk-selectall:hover{border-color:var(--border-strong);background:var(--surface-hover)}.tk-selectall em{color:var(--muted);font-style:normal;font-weight:500}@media (max-width: 860px){.tk-head{flex-direction:column;align-items:stretch}.tk-toolbar{width:100%}.tk-toolbar .btn{flex:1 1 auto;justify-content:center}.stats-row{grid-template-columns:repeat(3,1fr);gap:10px}.stats-row .stat{padding:14px 12px}}@media (max-width: 420px){.filter-group{flex:1 1 auto}.filter-group .filter-input{width:100%!important;max-width:100%!important}.stats-row{gap:7px}.stats-row .stat{padding:12px 9px}.stats-row .stat .label{font-size:9.5px;letter-spacing:.02em}.stats-row .stat .value{font-size:19px;margin-top:3px}}.notif-popover{position:absolute;top:calc(100% + 10px);right:0;width:360px;max-width:90vw;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 12px 32px #00000040;z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:notifPopIn .2s cubic-bezier(.16,1,.3,1)}@keyframes notifPopIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-popover-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface-2)}.notif-popover-header strong{font-size:14px;font-weight:700;color:var(--fg)}.notif-badge-pill{margin-left:8px;padding:2px 8px;border-radius:12px;background:var(--primary);color:#fff;font-size:11px;font-weight:700}.notif-link-btn{background:none;border:none;font-size:12px;font-weight:600;color:var(--primary);cursor:pointer;padding:0}.notif-link-btn:hover{text-decoration:underline}.notif-popover-body{max-height:360px;overflow-y:auto}.notif-popover-item{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:background .16s ease}.notif-popover-item:hover{background:var(--surface-hover)}.notif-popover-item.is-unread{background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.notif-popover-text{flex:1;min-width:0}.notif-popover-title{font-size:13px;font-weight:600;color:var(--fg);margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.notif-popover-time{font-size:11px;color:var(--muted)}.notif-popover-empty{padding:24px;text-align:center;font-size:13px;color:var(--muted)}.notif-popover-footer{padding:10px 16px;border-top:1px solid var(--border);background:var(--surface-2);text-align:center}.notif-view-all-btn{width:100%;padding:8px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12.5px;font-weight:600;color:var(--fg-soft);cursor:pointer;transition:all .16s ease}.notif-view-all-btn:hover{background:var(--surface-hover);color:var(--fg)}.notification-list .notification-item{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;border-radius:var(--radius-md);border:1px solid var(--border)}.notification-list .notification-item.is-unread{background:color-mix(in srgb,var(--brand-blue) 6%,var(--surface));border-left:4px solid var(--brand-blue);box-shadow:0 2px 10px #1172ba0f}.notification-list .notification-item.is-unread .notification-content{color:var(--brand-blue)}.dark .notification-list .notification-item.is-unread .notification-content{color:#f8fafc;font-weight:700}.notification-type-tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;background:var(--surface-2);color:var(--fg-soft);border:1px solid var(--border)}.notification-type-tag.type-tag-1{background:#1172ba1a;color:var(--brand-blue);border:1px solid rgba(17,114,186,.25)}.notification-type-tag.type-tag-2{background:#ec930f1a;color:var(--amber-600);border:1px solid rgba(236,147,15,.25)}.notification-type-tag.type-tag-3{background:#8ec64124;color:#405e1a;border:1px solid rgba(142,198,65,.35)}.notification-type-tag.type-tag-5{background:#8b5cf61a;color:#6b21a8;border:1px solid rgba(139,92,246,.25)}.dark .notification-type-tag.type-tag-1{background:#1172ba33;color:#6bb2e4;border-color:#6bb2e44d}.dark .notification-type-tag.type-tag-2{background:#ec930f33;color:#f5aa2a;border-color:#f5aa2a4d}.dark .notification-type-tag.type-tag-3{background:#8ec64133;color:#aed96f;border-color:#aed96f4d}.dark .notification-type-tag.type-tag-5{background:#8b5cf633;color:#c4b5fd;border-color:#c4b5fd4d}.unread-dot-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;background:#8ec641;color:#fff!important;display:inline-flex;align-items:center;line-height:1;letter-spacing:.02em;box-shadow:0 1px 4px #8ec64159}.dark .unread-dot-badge{background:#8ec641;color:#fff!important;font-weight:700;box-shadow:0 1px 4px #8ec64140}.notification-content{font-size:14px;font-weight:600;color:var(--fg);line-height:1.45;display:block;word-break:break-word}.notification-meta{flex:1;min-width:0}.notification-tags{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.notification-details{margin-top:8px;display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--fg) 4%,var(--surface));border:1px solid var(--border)}.notification-detail-line{font-size:12.5px;line-height:1.45;color:var(--muted);font-weight:500;white-space:pre-wrap;word-break:break-word}.notification-item-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.notification-time-info{font-size:12px;color:var(--muted);margin-top:8px}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;margin-top:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;gap:12px}.page-info{font-size:13px;color:var(--muted);font-weight:500}.page-controls{display:flex;align-items:center;gap:5px;flex-wrap:nowrap!important;max-width:100%}.page-btn{height:32px;min-width:32px;padding:0 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--fg);font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;transition:all .16s ease}.page-btn-nav{padding:0 10px}.page-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn.is-active{background:var(--brand-blue);color:#fff!important;border-color:var(--brand-blue)}.dark .page-btn.is-active{background:#2f92d7;color:#fff!important;border-color:#2f92d7}.page-ellipsis{font-size:12px;font-weight:700;color:var(--muted);padding:0 2px;-webkit-user-select:none;user-select:none;flex-shrink:0}@media (max-width: 640px){.pagination-bar{flex-direction:column;align-items:center;gap:10px;padding:12px}.page-controls{width:100%;justify-content:center;overflow-x:auto;padding-bottom:2px}}