.count-up{font-variant-numeric:tabular-nums}.reveal{opacity:0;transform:translateY(var(--reveal-y,14px));transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0s);will-change:opacity, transform}.reveal.is-visible{opacity:1;will-change:auto;transform:none}.reveal.reveal-static{opacity:1;transition:none;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.reveal>.stat-card,.reveal.charts-row,.reveal>.charts-row{animation:none}.stat-grid>.reveal{min-width:0;display:grid}.click-spark{display:inline-block;position:relative}.click-spark__canvas{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.click-spark__overlay{pointer-events:none;z-index:2147483000;position:fixed}[class*=gh-mood-] .stat-card,[class*=gh-mood-] .chart-card,[class*=gh-mood-] .daily-activity-card{transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s cubic-bezier(.2,.7,.2,1)}[class*=gh-mood-] .stat-card:hover,[class*=gh-mood-] .chart-card:hover,[class*=gh-mood-] .daily-activity-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){[class*=gh-mood-] .stat-card,[class*=gh-mood-] .chart-card,[class*=gh-mood-] .daily-activity-card{transition:none}[class*=gh-mood-] .stat-card:hover,[class*=gh-mood-] .chart-card:hover,[class*=gh-mood-] .daily-activity-card:hover{transform:none}}@keyframes sf-rise{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}@keyframes sf-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes sf-title-in{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:none}}@keyframes sf-sub-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.app-page :not(.reveal)>.card,.app-page .metric-card,.app-page .company-settings-card,.app-page .settings-card,.app-page .pin-card,.app-page .tp-report-card,.app-page .payroll-stat-card,.app-page .overview-status-card,.app-page .profile-quick-card,.app-page .fl-card,.app-page .pt-card,.app-page .fs-card{animation:.5s cubic-bezier(.2,.7,.2,1) backwards sf-rise}.app-page .card:nth-child(2),.app-page .metric-card:nth-child(2),.app-page .pin-card:nth-child(2){animation-delay:50ms}.app-page .card:nth-child(3),.app-page .metric-card:nth-child(3),.app-page .pin-card:nth-child(3){animation-delay:.1s}.app-page .card:nth-child(4),.app-page .metric-card:nth-child(4),.app-page .pin-card:nth-child(4){animation-delay:.15s}.app-page .card:nth-child(5),.app-page .metric-card:nth-child(5),.app-page .pin-card:nth-child(5){animation-delay:.2s}.app-page .card:nth-child(6),.app-page .metric-card:nth-child(6),.app-page .pin-card:nth-child(6){animation-delay:.25s}.app-page .card:nth-child(n+7),.app-page .metric-card:nth-child(n+7),.app-page .pin-card:nth-child(n+7){animation-delay:.3s}.app-page tbody>tr{animation:.42s cubic-bezier(.2,.7,.2,1) backwards sf-row-in}.app-page tbody>tr:nth-child(2){animation-delay:30ms}.app-page tbody>tr:nth-child(3){animation-delay:60ms}.app-page tbody>tr:nth-child(4){animation-delay:90ms}.app-page tbody>tr:nth-child(5){animation-delay:.12s}.app-page tbody>tr:nth-child(6){animation-delay:.15s}.app-page tbody>tr:nth-child(7){animation-delay:.18s}.app-page tbody>tr:nth-child(8){animation-delay:.21s}.app-page tbody>tr:nth-child(9){animation-delay:.24s}.app-page tbody>tr:nth-child(10){animation-delay:.27s}.app-page tbody>tr:nth-child(11){animation-delay:.3s}.app-page tbody>tr:nth-child(n+12){animation-delay:.33s}.app-page .ph-title{animation:.6s cubic-bezier(.2,.7,.2,1) both sf-title-in}.app-page .ph-subtitle{animation:.5s cubic-bezier(.2,.7,.2,1) .12s both sf-sub-in}.app-page .ph-actions{animation:.5s cubic-bezier(.2,.7,.2,1) .18s both sf-sub-in}.app-page .sf-loading{animation:.3s ease-out both sf-sub-in}.btn{transition:transform .16s cubic-bezier(.2,.7,.2,1),box-shadow .16s,background-color .15s,color .15s,border-color .15s,opacity .15s}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:not(:disabled):active{transition-duration:80ms;transform:translateY(0)scale(.97)}.btn-primary:not(:disabled):hover{box-shadow:0 8px 18px -8px color-mix(in srgb, var(--accent-primary) 70%, transparent)}a.card,button.card,.card[role=button],.card.is-clickable,.app-page .pin-card,.app-page .tp-report-card{transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s cubic-bezier(.2,.7,.2,1)}a.card:hover,button.card:hover,.card[role=button]:hover,.card.is-clickable:hover,.app-page .pin-card:hover,.app-page .tp-report-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}}.app-page .card,.app-page .metric-card,.app-page .company-settings-card,.app-page .settings-card{position:relative}.app-page .card:after,.app-page .metric-card:after,.app-page .company-settings-card:after,.app-page .settings-card:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent-primary) 9%, transparent), transparent 60%);transition:opacity .35s;position:absolute;inset:0}.app-page .card.is-lit:after,.app-page .metric-card.is-lit:after,.app-page .company-settings-card.is-lit:after,.app-page .settings-card.is-lit:after{opacity:1}@media (prefers-reduced-motion:no-preference){details[open]>:not(summary){animation:.28s cubic-bezier(.2,.7,.2,1) both sf-sub-in}.app-page [class*=-fill],.app-page [class*=progress-fill],.app-page [class*=bar-fill]{transition:width .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}.app-page .metric-card .metric-value,.app-page .payroll-stat-card .stat-value,.app-page .stat-value{font-variant-numeric:tabular-nums}.leave-tabs button,.settings-tabs button,.filter-chip,.sf-chip{transition:color .15s,background-color .15s,transform .16s cubic-bezier(.2,.7,.2,1)}.leave-tabs button:active,.settings-tabs button:active,.filter-chip:active,.sf-chip:active{transform:scale(.96)}.app-page input:not([type=checkbox]):not([type=radio]),.app-page select,.app-page textarea{transition:border-color .15s,box-shadow .2s cubic-bezier(.2,.7,.2,1),background-color .15s}.sf-modal__body>*{animation:.35s cubic-bezier(.2,.7,.2,1) 80ms both sf-sub-in}.sf-modal__footer{animation:.35s cubic-bezier(.2,.7,.2,1) .14s both sf-sub-in}}@keyframes sf-bubble-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.chat-bubble-row{transform-origin:0 100%;animation:.32s cubic-bezier(.2,.7,.2,1) both sf-bubble-in}.chat-bubble-row.is-mine{transform-origin:100% 100%}.feed-comment{transform-origin:0 0;animation:.32s cubic-bezier(.2,.7,.2,1) both sf-bubble-in}}@keyframes sf-pulse-ok{0%{background-color:color-mix(in srgb, var(--success) 28%, transparent)}to{background-color:#0000}}@keyframes sf-pulse-off{0%{background-color:color-mix(in srgb, var(--danger) 18%, transparent)}to{background-color:#0000}}@keyframes sf-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.sf-row-ok,.sf-row-ok>td{animation:1.1s ease-out both sf-pulse-ok}.sf-row-off,.sf-row-off>td,.sf-row-fail,.sf-row-fail>td{animation:1.1s ease-out both sf-pulse-off}.app-page tbody>tr.sf-row-fail,tr.sf-row-fail,.sf-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both sf-shake}.sf-pulse-ok{animation:1.1s ease-out both sf-pulse-ok}@media (prefers-reduced-motion:reduce){.sf-row-ok,.sf-row-off,.sf-row-fail,.sf-shake,.sf-pulse-ok,.sf-row-ok>td,.sf-row-off>td,.sf-row-fail>td{animation:none}}.reorder-grid__item{min-width:0;position:relative}.reorder-grid .reorder-grid__item{cursor:grab;touch-action:none}.reorder-grid .reorder-grid__item.is-dragging{cursor:grabbing}.reorder-grid .reorder-grid__item.is-dragging>*{box-shadow:var(--shadow-lg)}.stat-grid>.reorder-grid__item{display:grid}.reorder-grid__item>.reveal{min-width:0;display:grid}.sf-former-badge{max-width:100%;font-size:var(--fs-xs,.75rem);white-space:nowrap;vertical-align:middle;border:1px solid;border-radius:99px;align-items:center;gap:.3rem;padding:2px 9px;font-weight:600;line-height:1.4;display:inline-flex}.sf-former-badge:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.sf-former-badge--former{background:var(--surface-2);border-color:var(--border-strong);color:var(--text-secondary)}.sf-former-badge--leaving{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning-text)}.sf-former-badge--compact{gap:.25rem;padding:1px 7px}.sf-former-badge--compact:before{width:5px;height:5px}@media (forced-colors:active){.sf-former-badge{border-color:canvastext}}.app-shell{background:var(--body-bg);height:100dvh;color:var(--text);font-size:var(--fs-body);flex-direction:row;display:flex;overflow:hidden}.app-skip-link{z-index:100;background:var(--accent-primary);color:var(--accent-primary-fg);border-radius:10px;padding:8px 14px;font-weight:600;text-decoration:none;transition:transform .15s;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.app-skip-link:focus{transform:none}.app-sidebar-overlay{background:var(--overlay);z-index:58;position:fixed;inset:0}.app-sidebar{z-index:50;background:var(--surface);background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);border-right:1px solid var(--border);overscroll-behavior:contain;flex-direction:column;width:220px;padding-bottom:16px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.app-sidebar.is-open{transform:translate(0)}.app-sidebar-header{flex-shrink:0;align-items:center;gap:8px;padding:12px 10px 6px;display:flex}.app-brand{border:1px solid var(--border);background:var(--surface-2);height:42px;color:inherit;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:0 10px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.app-brand:hover{border-color:var(--border-strong)}.brand-icon{width:26px;height:26px;color:var(--text-2);background:linear-gradient(135deg, var(--accent-soft), var(--warning-soft));border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;display:flex;overflow:hidden}.brand-icon:has(img){box-shadow:none;padding:2px}.brand-mark{width:100%;height:100%;display:block}.brand-logo-img{object-fit:contain;border-radius:4px;width:100%;height:100%;display:block}.brand-text{min-width:0;overflow:hidden}.brand-text .name{font-family:var(--font-display);font-weight:600;font-size:var(--fs-body);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-section-label{font-size:var(--fs-xxs);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-3);align-items:center;gap:6px;padding:20px 16px 6px;font-weight:700;display:flex}.sidebar-section-label:first-of-type{padding-top:8px}.app-nav{flex-direction:column;gap:2px;margin:0;padding:0 8px;list-style:none;display:flex}.nav-item{cursor:pointer;min-height:36px;color:var(--text-2);text-align:left;width:100%;font-size:14px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-radius:9999px;align-items:center;gap:10px;padding:7px 12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item .hc{background:var(--surface-2);z-index:1;pointer-events:none;border-radius:50%;display:block;position:absolute;bottom:0;left:50%}.nav-item.is-active .hc{background:#ffffff2e}.nav-item>svg{width:17px;height:17px;color:var(--text-3);z-index:2;flex-shrink:0;position:relative}.nav-item .ls{z-index:2;vertical-align:middle;line-height:1;display:inline-block;position:relative}.nav-item .pl{z-index:2;line-height:1;display:inline-block;position:relative}.nav-item .ph{color:var(--text);z-index:3;opacity:0;pointer-events:none;line-height:1;display:inline-block;position:absolute;top:0;left:0}.nav-item.is-active{color:var(--accent-primary-fg);font-weight:600}.nav-active-pill{background:linear-gradient(135deg, var(--accent-primary), var(--accent-primary-hover));box-shadow:0 6px 16px -6px color-mix(in srgb, var(--accent-primary) 60%, transparent);z-index:0;pointer-events:none;border-radius:9999px;position:absolute;inset:0}.nav-item .ls,.nav-item .nav-badge{z-index:2;position:relative}.nav-item.is-active>svg,.nav-item.is-active .ph{color:var(--accent-primary-fg)}@media (prefers-reduced-motion:reduce){.nav-item:not(.is-active):hover{background:var(--surface-2);color:var(--text)}}.nav-badge{background:var(--danger);color:var(--danger-fg);font-size:var(--fs-xxs);letter-spacing:0;z-index:2;border-radius:99px;flex-shrink:0;margin-left:auto;padding:1px 6px;font-weight:700;line-height:1.4;position:relative}.app-sidebar-footer{gap:4px;margin-top:auto;padding:8px 12px 12px;display:grid}.sf-theme-toggle.app-sidebar-theme{width:100%;height:auto;color:var(--text-2);background:0 0;border:none;border-radius:9999px;justify-content:flex-start;gap:9px;padding:8px 14px;font-size:13px;font-weight:500;display:none}.sf-theme-toggle.app-sidebar-theme:hover{background:var(--surface-2);color:var(--text)}.app-signout{color:var(--text-2);cursor:pointer;text-align:left;width:100%;font-size:13px;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;border-radius:9999px;align-items:center;gap:9px;padding:8px 14px;transition:background .2s,color .2s;display:flex}.app-signout:hover{background:var(--danger-soft);color:var(--danger-text)}.app-signout svg{flex-shrink:0;width:15px;height:15px}.app-main{flex-direction:column;flex:1;min-width:0;margin-left:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.app-main.sidebar-open{margin-left:220px}.app-topbar{height:var(--topbar-h,56px);background:var(--surface);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:30;flex-shrink:0;align-items:center;gap:10px;padding:0 16px;transition:box-shadow .25s,border-color .25s;display:flex;position:sticky;top:0}.app-topbar.is-scrolled{box-shadow:0 1px 0 var(--border), 0 8px 24px -12px #0f172a2e}.app-topbar-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.mobile-menu-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:34px;height:34px;color:var(--text-2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex;position:relative}.mobile-menu-btn:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.mobile-menu-btn:active{transform:scale(.95)}.nav-badge.app-menu-badge{margin:0;padding:0 5px;position:absolute;top:-6px;right:-6px}.app-breadcrumbs{min-width:0;font-size:.82rem;overflow:hidden}.app-breadcrumbs ol{align-items:center;gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.app-breadcrumbs li{align-items:center;gap:4px;min-width:0;display:flex}.bc-sep{color:var(--text-3);flex-shrink:0;font-size:.75rem}.bc-active{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.bc-link{color:var(--text-2);white-space:nowrap;border-radius:4px;padding:2px 4px;text-decoration:none;transition:color .15s,background .15s}.bc-link:hover{color:var(--accent-text);background:var(--accent-soft)}.app-search{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex:1;align-items:center;gap:8px;max-width:380px;margin-left:8px;padding:7px 12px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.app-search:focus-within{background:var(--surface);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-soft)}.app-search svg{width:14px;height:14px;color:var(--text-3);flex-shrink:0}.app-search input{appearance:none;font-family:var(--font-sans);color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-size:.82rem}.app-search input::placeholder{color:var(--text-3)}.app-search input:focus,.app-search input:focus-visible{box-shadow:none;outline:none}.app-search-kbd{flex-shrink:0;align-items:center;gap:3px;display:flex}.kbd{background:var(--surface);border:1px solid var(--border);font-size:var(--fs-xxs);color:var(--text-3);letter-spacing:.02em;border-radius:4px;padding:1px 5px;font-family:monospace;font-weight:600}.icon-btn.app-search-trigger{display:none}.app-search-close{width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:-4px;display:none}.app-search-close:hover{background:var(--surface-2);color:var(--text)}.app-search-results{z-index:1200;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:10px;max-height:360px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.app-search-results-head{font-size:var(--fs-xxs);color:var(--text-3);text-transform:uppercase;letter-spacing:.6px;justify-content:space-between;padding:4px 8px 6px;display:flex}.app-search-list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.app-search-result{background:var(--surface-2);color:var(--text);font-size:var(--fs-sm);text-align:left;font-family:var(--font-sans);border:1px solid #0000;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:2px 8px;padding:7px 10px;text-decoration:none;display:grid}.app-search-result:hover,.app-search-result:focus-visible{background:var(--accent-soft);border-color:var(--border-strong)}.app-search-result-title{grid-area:1/1;font-weight:600}.app-search-result-subtitle{font-size:var(--fs-xs);color:var(--text-2);grid-area:2/1}.app-search-result-category{font-size:var(--fs-xxs);text-transform:uppercase;color:var(--accent-text);letter-spacing:.5px;grid-area:1/2/span 2;font-weight:600}.app-search-result-enter{border:1px solid var(--border);width:20px;height:20px;color:var(--text-2);opacity:0;border-radius:6px;grid-area:1/3/span 2;justify-content:center;align-items:center;transition:opacity .15s,transform .15s;display:inline-flex;transform:translate(4px)}.app-search-result:hover .app-search-result-enter,.app-search-result:focus-visible .app-search-result-enter{opacity:1;transform:none}.app-search-empty,.app-search-note{font-size:var(--fs-sm);color:var(--text-2);margin:0;padding:8px 10px}.app-search-note{color:var(--warning-text)}.app-topbar-right{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:34px;height:34px;color:var(--text-2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:flex;position:relative}.icon-btn:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.icon-btn:active{transform:scale(.95)}.icon-btn svg{width:15px;height:15px}.sf-theme-toggle.app-topbar-theme{border-radius:8px;min-width:34px;height:34px;padding:0 9px}.app-conn{display:inline-flex}.app-conn:empty{margin-right:-8px}.app-conn-status{background:var(--warning-soft);color:var(--warning-text);font-size:var(--fs-xs);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.app-conn-dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite app-conn-pulse}@keyframes app-conn-pulse{50%{opacity:.35}}.app-user-menu{position:relative}.app-user-chip{border:1px solid var(--border);cursor:pointer;background:var(--surface);color:var(--text);font:inherit;border-radius:10px;align-items:center;gap:8px;padding:4px 10px 4px 4px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.app-user-chip:hover{background:var(--surface-2);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.app-user-chip:active{transform:scale(.98)}.app-user-chevron{color:var(--text-3);flex-shrink:0;transition:transform .15s}.app-user-chip[aria-expanded=true] .app-user-chevron{transform:rotate(180deg)}.user-avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-primary-hover));width:30px;height:30px;color:var(--accent-primary-fg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;overflow:hidden}.user-avatar:has(img){background:0 0}.user-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.user-info{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;display:flex}.user-info .uname,.app-user-dropdown-head .uname{color:var(--text);font-size:.8rem;font-weight:600;line-height:1.2}.user-info .urole,.app-user-dropdown-head .urole{color:var(--text-3);font-size:.7rem;font-weight:500;line-height:1.2}.user-info .uname{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.app-user-dropdown{z-index:1200;background:var(--surface);border:1px solid var(--border);min-width:220px;box-shadow:var(--shadow-lg);border-radius:12px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.app-user-dropdown-head{border-bottom:1px solid var(--border);gap:2px;margin-bottom:4px;padding:8px 10px 10px;display:grid}.app-user-item{width:100%;color:var(--text);font:inherit;font-size:var(--fs-sm);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;text-decoration:none;display:flex}.app-user-item:hover,.app-user-item:focus-visible{background:var(--surface-2)}.app-user-item svg{color:var(--text-3);flex-shrink:0}.app-user-item.is-danger{color:var(--danger-text)}.app-user-item.is-danger svg{color:currentColor}.app-user-item.is-danger:hover,.app-user-item.is-danger:focus-visible{background:var(--danger-soft)}.app-content{flex:1;padding:20px 24px;position:relative;overflow-y:auto}.app-page{min-height:100%}.app-content:focus{outline:none}@media (width>=1024px){.app-shell{--shell-gutter:10px;padding:var(--shell-gutter)}.app-sidebar{top:var(--shell-gutter);bottom:var(--shell-gutter);left:var(--shell-gutter);border:1px solid var(--border);scrollbar-width:none;border-radius:14px}.app-sidebar::-webkit-scrollbar{display:none}.app-main{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-left:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.app-topbar{border-radius:14px 14px 0 0}.app-content{background:var(--body-bg)}.app-main.sidebar-open{margin-left:calc(220px + var(--shell-gutter))}.app-sidebar-overlay{display:none!important}}.app-bottom-nav{z-index:55;background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-md);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px));align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{min-width:0;min-height:52px;color:var(--text-2);cursor:pointer;font-size:var(--fs-xxs);font-weight:600;font-family:var(--font-sans);background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:6px 2px;text-decoration:none;transition:color .15s,background .15s;display:flex}.bottom-nav-icon{display:inline-flex;position:relative}.bottom-nav-icon svg{width:20px;height:20px}.bottom-nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.2;overflow:hidden}.bottom-nav-item:hover{background:var(--surface-2)}.bottom-nav-item.is-active{color:var(--accent-text);background:var(--accent-soft)}.nav-badge.bottom-nav-badge{margin:0;padding:0 5px;position:absolute;top:-6px;right:-12px}@media (width<=1023px){.app-main,.app-main.sidebar-open{margin-left:0}.app-sidebar{z-index:60;box-shadow:var(--shadow-lg)}.sf-theme-toggle.app-sidebar-theme{display:inline-flex}.app-search{max-width:260px;margin-left:0}.app-search-kbd,.user-info{display:none}.app-user-chip{padding:3px 6px 3px 3px}}@media (width<=720px){.app-topbar{gap:8px;padding:0 10px}.app-content{padding:16px}.app-breadcrumbs{display:none}.mobile-menu-btn{width:32px;height:32px}}@media (width<=640px){.app-bottom-nav{display:flex}.app-content{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.app-topbar-right{gap:6px}.sf-theme-toggle.app-topbar-theme{display:none}.icon-btn.app-search-trigger{display:flex}.app-search{display:none}.app-search.is-open{z-index:70;height:var(--topbar-h,56px);border:none;border-bottom:1px solid var(--border);background:var(--surface);max-width:none;box-shadow:var(--shadow-md);border-radius:0;margin:0;padding:0 8px 0 14px;display:flex;position:fixed;top:0;left:0;right:0}.app-search.is-open input{font-size:16px}.app-search-close{display:inline-flex}.app-search-results{top:var(--topbar-h,56px);max-height:calc(100dvh - var(--topbar-h,56px) - 64px - env(safe-area-inset-bottom,0px));border-left:none;border-right:none;border-radius:0;position:fixed;left:0;right:0}.icon-btn{width:32px;height:32px}.icon-btn svg{width:14px;height:14px}.app-topbar-right .user-avatar{border-radius:7px;width:28px;height:28px}.app-sidebar{width:100%;max-width:300px}}@media (width<=480px){.app-content{padding:12px;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.app-topbar{gap:6px;padding:0 8px}.app-topbar-left{gap:6px}}.greeting-hero.greeting-hero{color:var(--hfg);background:#0b1020;position:relative;overflow:hidden;box-shadow:0 14px 44px -24px #00000073}.greeting-hero.greeting-hero:before,.greeting-hero.greeting-hero:after{display:none}.greeting-hero .gh-canvas{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.greeting-hero .gh-vignette{z-index:0;pointer-events:none;background:linear-gradient(90deg, rgba(0, 0, 0, var(--shade,.2)) 0%, transparent 50%), linear-gradient(0deg, rgba(0, 0, 0, var(--shade2,.15)) 0%, transparent 40%);position:absolute;inset:0}.greeting-hero .gh-grain{z-index:0;pointer-events:none;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.greeting-hero .onboarding-hero-copy,.greeting-hero .hero-left,.greeting-hero .hero-right{z-index:1;min-width:0;position:relative}.greeting-hero .onboarding-hero-copy h1,.greeting-hero .hero-left h1{color:var(--hfg);text-wrap:balance;text-shadow:0 1px 3px rgba(0, 0, 0, var(--tsh,0))}.greeting-hero .onboarding-hero-copy p,.greeting-hero .onboarding-hero-copy .date,.greeting-hero .hero-left p,.greeting-hero .hero-left .date{color:var(--hmuted);text-shadow:0 1px 2px rgba(0, 0, 0, var(--tsh,0))}.greeting-hero .date{animation:.8s cubic-bezier(.2,.7,.2,1) 50ms both gh-rise}.greeting-hero .onboarding-hero-copy>p:not(.date),.greeting-hero .hero-left>p:not(.date){animation:.8s cubic-bezier(.2,.7,.2,1) .35s both gh-rise}.greeting-hero h1 .greeting-word{white-space:pre;animation:.9s cubic-bezier(.2,.7,.2,1) both gh-rise;display:inline-block}@keyframes gh-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.greeting-hero .shift-bubble,.greeting-hero .punch-bubble{background:var(--bb);color:var(--bfg);border:1px solid var(--bbd);-webkit-backdrop-filter:blur(12px)saturate(1.3);animation:.8s cubic-bezier(.2,.7,.2,1) both gh-slidein;box-shadow:0 6px 20px -8px #0006}.greeting-hero .punch-bubble{animation-delay:.12s}@keyframes gh-slidein{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.greeting-hero .shift-label,.greeting-hero .punch-bubble .shift-label,.greeting-hero .shift-icon,.greeting-hero .shift-val svg{color:var(--bmuted)}.greeting-hero .punch-bubble .status-bubble{background:var(--bmuted);opacity:.7}.greeting-hero .punch-bubble .status-bubble.is-active{opacity:1;background:#3ddc84;box-shadow:0 0 0 3px #3ddc8440}.greeting-hero.greeting-hero{min-height:200px}.greeting-hero .shift-val,.greeting-hero .punch-val{color:var(--bfg)}.greeting-hero.mood-morning{--hfg:#fff8ee;--hmuted:#f3e4cf;--bb:#1e160e6b;--bfg:#fff6ea;--bmuted:#e3d2bd;--bbd:#ffffff2e;--shade:.25;--shade2:.2;--tsh:.45}.greeting-hero.mood-afternoon{--hfg:#fff;--hmuted:#e6f0f8;--bb:#0a1e326b;--bfg:#f4f9ff;--bmuted:#c9dbe8;--bbd:#ffffff38;--shade:.22;--shade2:.18;--tsh:.4}.greeting-hero.mood-evening,.greeting-hero.mood-night{--hfg:#fff4ee;--hmuted:#f1d7cc;--bb:#140e1680;--bfg:#fff2ea;--bmuted:#d9c3bb;--bbd:#ffffff24;--tsh:.45;--shade:.3;--shade2:.2}.greeting-hero.mood-night{--hfg:#eef0ff;--hmuted:#c9c6e4;--bb:#0e0c1e8c;--bfg:#f0f0ff;--bmuted:#b6b2d6}@property --mood-a{syntax:"<color>";inherits:true;initial-value:#0d7b93}@property --mood-b{syntax:"<color>";inherits:true;initial-value:#16bcd4}@property --mood-fill{syntax:"<color>";inherits:true;initial-value:#0d7b93}@property --mood-text-light{syntax:"<color>";inherits:true;initial-value:#0d7b93}@property --mood-text-dark{syntax:"<color>";inherits:true;initial-value:#5fd0e3}@property --mood-night{syntax:"<number>";inherits:true;initial-value:0}.gh-mood-morning{--mood-a:#f6a23a;--mood-b:#ffd27a;--mood-fill:#b8651a;--mood-text-light:#b8651a;--mood-text-dark:#f2b35c;--mood-night:0}.gh-mood-afternoon{--mood-a:#2f7fc9;--mood-b:#7fc1ef;--mood-fill:#1f5f9e;--mood-text-light:#1f5f9e;--mood-text-dark:#7fc1ef;--mood-night:0}.gh-mood-evening{--mood-a:#e2452f;--mood-b:#ff9a3c;--mood-fill:#b13a26;--mood-text-light:#b13a26;--mood-text-dark:#ff9a7a;--mood-night:.2}.gh-mood-night{--mood-a:#4c3b9c;--mood-b:#2ec4a6;--mood-fill:#5a4bb0;--mood-text-light:#5a4bb0;--mood-text-dark:#a99cf0;--mood-night:1}[class*=gh-mood-]{--mood-text:var(--mood-text-light);transition:--mood-a 1.2s,--mood-b 1.2s,--mood-fill 1.2s,--mood-text-light 1.2s,--mood-text-dark 1.2s,--mood-night 1.2s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [class*=gh-mood-]{--mood-text:var(--mood-text-dark)}}:root[data-theme=dark] [class*=gh-mood-]{--mood-text:var(--mood-text-dark)}.app-shell.gh-shell{--body-bg:color-mix(in srgb, #0a0818 calc(9% * var(--mood-night)), color-mix(in srgb, var(--mood-a) calc(9% + 5% * var(--mood-night)), #ede9e2));--surface:color-mix(in srgb, var(--mood-a) 4%, #fff);--bg-card:var(--surface);--card-bg:var(--surface);--sidebar-bg:var(--surface);--surface-2:color-mix(in srgb, var(--mood-a) 8%, #f8fafc);--bg-primary:color-mix(in srgb, var(--mood-a) 7%, #f4f6f9);--bg-secondary:color-mix(in srgb, var(--mood-a) 9%, #f1f5f9);--muted:var(--bg-secondary);--bg-muted:var(--bg-secondary);--border:color-mix(in srgb, var(--mood-a) 16%, #e8edf2);--border-color:var(--border);--border-light:color-mix(in srgb, var(--mood-a) 10%, #f1f5f9);--border-color-strong:color-mix(in srgb, var(--mood-a) 22%, #cbd5e1);--accent-primary:var(--mood-fill);--accent-primary-hover:color-mix(in srgb, var(--mood-fill) 82%, black);--accent-hover:color-mix(in srgb, var(--mood-fill) 82%, black);--accent-soft:color-mix(in srgb, var(--mood-a) 14%, var(--surface));--accent-text:var(--mood-text);--accent-border:color-mix(in srgb, var(--mood-a) 40%, transparent);--teal:var(--mood-a);--teal-dark:var(--mood-text);--teal-bg:var(--accent-soft);--accent:var(--mood-b);--accent-gold:var(--mood-b);transition:background 1.2s}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-dark-mode=off]) .app-shell.gh-shell{--body-bg:color-mix(in srgb, #03020a calc(30% * var(--mood-night)), color-mix(in srgb, var(--mood-a) calc(9% + 6% * var(--mood-night)), #0e1217));--surface:color-mix(in srgb, var(--mood-a) 8%, #161c23);--surface-2:color-mix(in srgb, var(--mood-a) 9%, #1b222b);--bg-primary:color-mix(in srgb, var(--mood-a) 9%, #1b222b);--bg-secondary:color-mix(in srgb, var(--mood-a) 10%, #1f2731);--border:color-mix(in srgb, var(--mood-a) 18%, #2b3440);--border-light:color-mix(in srgb, var(--mood-a) 14%, #222a34);--border-color-strong:color-mix(in srgb, var(--mood-a) 22%, #3b4654);--accent-soft:color-mix(in srgb, var(--mood-a) 22%, var(--surface))}}:root[data-theme=dark]:not([data-dark-mode=off]) .app-shell.gh-shell{--body-bg:color-mix(in srgb, #03020a calc(30% * var(--mood-night)), color-mix(in srgb, var(--mood-a) calc(9% + 6% * var(--mood-night)), #0e1217));--surface:color-mix(in srgb, var(--mood-a) 8%, #161c23);--surface-2:color-mix(in srgb, var(--mood-a) 9%, #1b222b);--bg-primary:color-mix(in srgb, var(--mood-a) 9%, #1b222b);--bg-secondary:color-mix(in srgb, var(--mood-a) 10%, #1f2731);--border:color-mix(in srgb, var(--mood-a) 18%, #2b3440);--border-light:color-mix(in srgb, var(--mood-a) 14%, #222a34);--border-color-strong:color-mix(in srgb, var(--mood-a) 22%, #3b4654);--accent-soft:color-mix(in srgb, var(--mood-a) 22%, var(--surface))}.app-shell.gh-shell .app-content{background-image:radial-gradient(1100px 520px at 50% -120px, color-mix(in srgb, var(--mood-a) 14%, transparent), transparent 70%), radial-gradient(720px 420px at 100% 0, color-mix(in srgb, var(--mood-b) 9%, transparent), transparent 70%);background-repeat:no-repeat;background-attachment:local,local}.app-shell.gh-shell.gh-hero-page .app-content{background-image:radial-gradient(1200px 620px at 50% -120px, color-mix(in srgb, var(--mood-a) 26%, transparent), transparent 70%), radial-gradient(760px 460px at 100% 0, color-mix(in srgb, var(--mood-b) 16%, transparent), transparent 70%)}[class*=gh-mood-] .greeting-hero.greeting-hero{box-shadow:0 28px 70px -24px color-mix(in srgb, var(--mood-a) 75%, #00000073), 0 0 0 1px color-mix(in srgb, var(--mood-a) 28%, transparent)}.app-shell.gh-shell .app-topbar{background:linear-gradient(180deg, color-mix(in srgb, var(--mood-a) 12%, transparent), color-mix(in srgb, var(--mood-a) 4%, transparent)), color-mix(in srgb, var(--surface) 86%, transparent);border-bottom-color:color-mix(in srgb, var(--mood-a) 22%, var(--border))}.app-shell.gh-shell .app-sidebar{border-right-color:color-mix(in srgb, var(--mood-a) 20%, var(--border));background-image:radial-gradient(360px 260px at 0 0, color-mix(in srgb, var(--mood-a) 16%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--mood-a) 7%, transparent), transparent 55%)}.app-shell.gh-shell .brand-icon:not(:has(img)){background:linear-gradient(135deg, var(--mood-a), var(--mood-b));color:#0b1020}.app-shell.gh-shell .card:not(.skeleton-card):not(.feed-post--celebrate),.app-shell.gh-shell .stat-card:not(.skeleton-card),.app-shell.gh-shell .chart-card,.app-shell.gh-shell .daily-activity-card{border-color:var(--border);background-image:radial-gradient(180px 90px at 100% 0%, color-mix(in srgb, var(--mood-a) 10%, transparent), transparent 70%);background-repeat:no-repeat}[class*=gh-mood-] .stat-icon{background:color-mix(in srgb, var(--mood-a) 12%, var(--surface-2))}[class*=gh-mood-] .stat-icon svg{color:var(--mood-text)}.greeting-hero .punch-btn{background:var(--mood-b);color:#0b1020;box-shadow:0 8px 20px -8px color-mix(in srgb, var(--mood-b) 80%, transparent);transition:background .18s,box-shadow .18s,transform .18s}.greeting-hero .punch-btn:hover{background:color-mix(in srgb, var(--mood-b) 82%, white)}[class*=gh-mood-] .stat-card:not(.skeleton-card),[class*=gh-mood-] .chart-card,[class*=gh-mood-] .daily-activity-card,[class*=gh-mood-] .card.adm-section-card{position:relative;overflow:hidden}[class*=gh-mood-] .stat-card:not(.skeleton-card):before,[class*=gh-mood-] .chart-card:before,[class*=gh-mood-] .daily-activity-card:before,[class*=gh-mood-] .card.adm-section-card:before{content:"";background:linear-gradient(90deg, var(--mood-a), var(--mood-b));pointer-events:none;height:3px;transition:background 1s;position:absolute;inset:0 0 auto}[class*=gh-mood-] .stat-card:not(.skeleton-card):after,[class*=gh-mood-] .chart-card:after,[class*=gh-mood-] .daily-activity-card:after,[class*=gh-mood-] .card.adm-section-card:after{content:"";background:radial-gradient(160px 80px at 100% 0%, color-mix(in srgb, var(--mood-a) 12%, transparent), transparent 70%);pointer-events:none;transition:background 1s;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){[class*=gh-mood-],.app-shell.gh-shell .app-content,.greeting-hero,.greeting-hero *,.greeting-hero :before,.greeting-hero :after{transition:none!important;animation:none!important}}:root,.sf-light-scope,.lp-root,.am-dialog,.pp-root,.auth-page,.oa-page,.lt-paper,.lt-page-editor,.detail-letter-paper,.payslip-document,.tpl-classic,.tpl-compact,.tpl-stacked,.tpl-master,.tpl-traditional{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);--teal:#16bcd4;--teal-dark:#0d7b93;--teal-bg:#e8f8fb;--accent:#0dccea;--green:#22c55e;--red:#ef4444;--orange:#f59e0b;--purple:#a855f7;--pink:#ec4899;--blue:#3b82f6;--sidebar-bg:#fff;--sidebar-w:220px;--topbar-h:52px;--body-bg:#ede9e2;--bg-card:#fff;--bg-primary:#f4f6f9;--bg-secondary:#f1f5f9;--border:#e8edf2;--border-color:#e8edf2;--text:#1e293b;--text-primary:#1e293b;--text-secondary:#64748b;--text-2:#64748b;--text-3:#64748b;--text-topbar-muted:#64748b;--muted:#f1f5f9;--bg-muted:#f1f5f9;--surface:#fff;--surface-2:#f8fafc;--card-bg:#fff;--text-muted:#64748b;--border-light:#f1f5f9;--border-color-strong:#cbd5e1;--error:#c53030;--success:#22c55e;--warning:#f59e0b;--accent-hover:var(--teal-dark);--accent-gold:#d4a017;--skeleton-base:#eef2f6;--skeleton-shine:#f8fafc;--border-radius:18px;--accent-primary:var(--teal-dark);--accent-primary-hover:#0a6375;--accent-primary-fg:#fff;--accent-soft:var(--teal-bg);--accent-text:var(--teal-dark);--danger:#c53030;--danger-hover:#a92828;--danger-fg:#fff;--danger-text:#b42318;--danger-soft:#fdecec;--success-text:#15803d;--success-soft:#e8f6ee;--warning-text:#b45309;--warning-soft:#fdf3e2;--info-text:#1d4ed8;--info-soft:#e8effd;--border-strong:#cbd5e1;--overlay:#0f172a73;--focus-ring:var(--teal-dark);--on-accent:#fff;--surface-3:#e2e8f0;--ink:#0f172a;--ink-hover:#334155;--on-ink:#fff;--body-dot:#0000000f;--tint-strength:100%;--hero-tint-1:#fff2ed;--hero-tint-2:#fff7ea;--danger-border:#fecaca;--rose-soft:#ffe4e6;--rose-text:#be123c;--rose-border:#fecdd3;--orange-soft:#ffedd5;--orange-text:#c2410c;--orange-border:#fed7aa;--warning-border:#fde68a;--lime-soft:#ecfccb;--lime-text:#4d7c0f;--lime-border:#d9f99d;--success-border:#bbf7d0;--accent-border:#b2ebf2;--sky-soft:#e0f2fe;--sky-text:#0369a1;--sky-border:#bae6fd;--info-border:#bfdbfe;--indigo-soft:#e0e7ff;--indigo-text:#4338ca;--indigo-border:#c7d2fe;--purple-soft:#ede9fe;--purple-text:#6d28d9;--purple-border:#ddd6fe;--radius:22px;--radius-sm:14px;--radius-md:18px;--radius-lg:24px;--shadow:0 1px 4px #0000000f;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0f;--shadow-md:0 2px 4px #0f172a0a, 0 8px 20px -6px #0f172a1f;--shadow-lg:0 4px 8px #0f172a0d, 0 24px 48px -16px #0f172a38;--font-sans:"DM Sans", "Segoe UI", sans-serif;--font-display:"Sora", "DM Sans", "Segoe UI", sans-serif;--fs-hero:24px;--fs-h1:20px;--fs-h2:17px;--fs-h3:15px;--fs-body:14px;--fs-sm:12px;--fs-xs:11.5px;--fs-xxs:11px;--fs-stat:22px;--fs-stat-sm:16px}@media screen and (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-dark-mode=off]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--teal-dark:#4fc3d9;--teal-bg:#16363f;--sidebar-bg:#161c23;--body-bg:#0e1217;--body-dot:#ffffff0b;--tint-strength:22%;--bg-card:#161c23;--bg-primary:#1b222b;--bg-secondary:#1f2731;--border:#2b3440;--border-color:#2b3440;--text:#e6ebf0;--text-primary:#e6ebf0;--text-secondary:#aab4bf;--text-2:#aab4bf;--text-3:#8d98a5;--text-topbar-muted:#aab4bf;--muted:#1f2731;--bg-muted:#1f2731;--surface:#161c23;--surface-2:#1b222b;--surface-3:#27303b;--ink:#e6ebf0;--ink-hover:#cbd5e1;--on-ink:#0e1217;--card-bg:#161c23;--text-muted:#8d98a5;--border-light:#222a34;--border-color-strong:#3b4654;--border-strong:#3b4654;--error:#fca5a5;--skeleton-base:#1f2731;--skeleton-shine:#27303b;--accent-primary:#0d7b93;--accent-primary-hover:#108aa4;--accent-hover:#108aa4;--accent-soft:#16363f;--accent-text:#5fd0e3;--accent-border:#165966;--danger-hover:#d64040;--danger-text:#fca5a5;--danger-soft:#392228;--danger-border:#682b30;--rose-soft:#3a222c;--rose-text:#fda4af;--rose-border:#6a2939;--orange-soft:#3a2a21;--orange-text:#fdba74;--orange-border:#6c3d1e;--warning-text:#fcd34d;--warning-soft:#3a311f;--warning-border:#6b4d1a;--lime-soft:#283821;--lime-text:#bef264;--lime-border:#405f1e;--success-text:#86efac;--success-soft:#18372c;--success-border:#1b5c39;--sky-soft:#153243;--sky-text:#7dd3fc;--sky-border:#13506e;--info-text:#93c5fd;--info-soft:#1c2c45;--info-border:#244373;--indigo-soft:#222844;--indigo-text:#a5b4fc;--indigo-border:#333871;--purple-soft:#292645;--purple-text:#c4b5fd;--purple-border:#423473;--overlay:#0009;--focus-ring:#5fd0e3;--hero-tint-1:#262222;--hero-tint-2:#232422;--shadow:0 1px 4px #00000059;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}}@media screen{:root[data-theme=dark]:not([data-dark-mode=off]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--teal-dark:#4fc3d9;--teal-bg:#16363f;--sidebar-bg:#161c23;--body-bg:#0e1217;--body-dot:#ffffff0b;--tint-strength:22%;--bg-card:#161c23;--bg-primary:#1b222b;--bg-secondary:#1f2731;--border:#2b3440;--border-color:#2b3440;--text:#e6ebf0;--text-primary:#e6ebf0;--text-secondary:#aab4bf;--text-2:#aab4bf;--text-3:#8d98a5;--text-topbar-muted:#aab4bf;--muted:#1f2731;--bg-muted:#1f2731;--surface:#161c23;--surface-2:#1b222b;--surface-3:#27303b;--ink:#e6ebf0;--ink-hover:#cbd5e1;--on-ink:#0e1217;--card-bg:#161c23;--text-muted:#8d98a5;--border-light:#222a34;--border-color-strong:#3b4654;--border-strong:#3b4654;--error:#fca5a5;--skeleton-base:#1f2731;--skeleton-shine:#27303b;--accent-primary:#0d7b93;--accent-primary-hover:#108aa4;--accent-hover:#108aa4;--accent-soft:#16363f;--accent-text:#5fd0e3;--accent-border:#165966;--danger-hover:#d64040;--danger-text:#fca5a5;--danger-soft:#392228;--danger-border:#682b30;--rose-soft:#3a222c;--rose-text:#fda4af;--rose-border:#6a2939;--orange-soft:#3a2a21;--orange-text:#fdba74;--orange-border:#6c3d1e;--warning-text:#fcd34d;--warning-soft:#3a311f;--warning-border:#6b4d1a;--lime-soft:#283821;--lime-text:#bef264;--lime-border:#405f1e;--success-text:#86efac;--success-soft:#18372c;--success-border:#1b5c39;--sky-soft:#153243;--sky-text:#7dd3fc;--sky-border:#13506e;--info-text:#93c5fd;--info-soft:#1c2c45;--info-border:#244373;--indigo-soft:#222844;--indigo-text:#a5b4fc;--indigo-border:#333871;--purple-soft:#292645;--purple-text:#c4b5fd;--purple-border:#423473;--overlay:#0009;--focus-ring:#5fd0e3;--hero-tint-1:#262222;--hero-tint-2:#232422;--shadow:0 1px 4px #00000059;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--body-bg);background-image:radial-gradient(circle, var(--body-dot) 1px, transparent 1px);color:var(--text);-webkit-font-smoothing:antialiased;background-size:18px 18px;font-size:14px;line-height:1.5}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.btn{cursor:pointer;font-weight:600;font-family:var(--font-sans);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:13px;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent-primary);color:var(--accent-primary-fg)}.btn-primary:hover{background:var(--accent-primary-hover)}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{background:var(--body-bg)}.btn-ghost{color:var(--text-2);background:0 0;padding:.35rem .6rem}.btn-ghost:hover{background:var(--body-bg)}input,select,textarea{border:1px solid var(--border);width:100%;font-family:var(--font-sans);color:var(--text);background:var(--bg-card);border-radius:8px;padding:.5rem .75rem;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--focus-ring);outline:2px solid #0000;box-shadow:0 0 0 3px #0d7b9347}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.875rem;font-weight:600;display:block}h1{font-size:var(--fs-h1);color:var(--text-primary);margin-bottom:.5rem;font-weight:700}h2{font-size:var(--fs-h2);color:var(--text-primary);margin-bottom:.5rem;font-weight:700}h3{font-size:var(--fs-h3);color:var(--text-primary);margin-bottom:.5rem;font-weight:600}p{color:var(--text-secondary);margin-bottom:1rem}.pin-page,.pin-page-narrow{width:100%}.pin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.5rem;display:flex}.pin-title{margin:0}.pin-lead{color:var(--text-secondary);margin:.4rem 0 0}.pin-toolbar,.pin-filter-bar{flex-wrap:wrap;gap:.6rem;display:flex}.pin-grid{columns:280px;column-gap:1.25rem}.pin-grid-wide{columns:320px}.pin-grid-tight{columns:220px}.pin-grid>*{break-inside:avoid;margin-bottom:1.25rem}.pin-card{position:relative;overflow:hidden}.pin-card:after{content:"";pointer-events:none;background:#00bcd433;border-radius:50%;width:10px;height:10px;position:absolute;top:14px;right:14px;box-shadow:0 0 0 6px #00bcd41f}.skeleton{background:var(--skeleton-base);border-radius:12px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--skeleton-shine), transparent);animation:1.35s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-line{height:10px}.skeleton-title{height:18px}.skeleton-block{height:26px}.skeleton-circle{border-radius:50%}.skeleton-chip{border-radius:999px;height:22px}.skeleton-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-sm);padding:1.5rem}.skeleton-row{align-items:center;gap:.75rem;display:flex}.skeleton-stack{gap:.6rem;display:grid}.skeleton-table{gap:.75rem;display:grid}.skeleton-table-row{height:14px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.pin-span-all{column-span:all;width:100%}.pin-chip{letter-spacing:.04em;text-transform:uppercase;background:var(--muted);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}@media (width<=980px){.pin-grid,.pin-grid-wide,.pin-grid-tight{columns:1}}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}table{border-collapse:collapse;width:100%}.toast-container{z-index:9999;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:1.5rem;left:auto;right:1.5rem}.toast{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:grab;touch-action:pan-y;-webkit-backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:.75rem;min-width:220px;padding:.75rem 1rem;font-size:.875rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 16px #00000014}.toast:active{cursor:grabbing}.toast-icon{flex:none}.toast-success .toast-icon{color:var(--success-text)}.toast-error .toast-icon{color:var(--danger-text)}.toast-info .toast-icon{color:var(--info-text)}.toast-progress{opacity:.35;transform-origin:0;pointer-events:none;background:currentColor;height:2px;animation:linear forwards toast-progress;position:absolute;bottom:0;left:0;right:0}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.toast-message{flex:1}.toast-dismiss{cursor:pointer;color:inherit;opacity:.5;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.125rem;transition:opacity .15s;display:flex}.toast-dismiss:hover{opacity:1}.toast-success{color:var(--success-text);background:#27ae601f;border-color:#27ae604d}.toast-error{color:var(--danger-text);background:#e74c3c1f;border-color:#e74c3c4d}.toast-info{color:var(--info-text);background:#3498db1f;border-color:#3498db4d}.toast-transparent{-webkit-backdrop-filter:blur(8px);color:var(--text-primary);border-radius:var(--radius-sm);min-width:260px;max-width:380px;font-size:.85rem;font-weight:600;background:color-mix(in srgb, var(--surface) 92%, transparent)!important;border:none!important;padding:.65rem 1rem!important;box-shadow:0 2px 12px #0000001a!important}@keyframes toast-slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}th,td{text-align:left;border-bottom:1px solid var(--border-color);padding:.875rem 1rem}th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--muted);font-size:.75rem;font-weight:600}td{color:var(--text-primary);font-size:.875rem}tr:last-child td{border-bottom:none}.status-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;padding:.25rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.status-active,.status-activated,.status-approved{color:var(--success-text);background:#22c55e1a}.status-onboarding,.status-pending{color:var(--warning-text);background:#f1c24d33}.status-probation{color:var(--info-text);background:#74b9ff2e}.status-on-leave{color:var(--error);background:#d25b521f}.status-inactive,.status-invited{color:var(--text-secondary);background:#7b86962e}.status-disabled,.status-rejected{color:var(--error);background:#d25b521f}.onboarding-page{flex-direction:column;gap:1.5rem;display:flex}.onboarding-page .onboarding-hero,.ep-page .onboarding-hero,.attendance-leave-page .onboarding-hero,.attendance-report-page .onboarding-hero,.payroll-page .onboarding-hero{margin-bottom:0}.onboarding-hero,.sf-sky-hero{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--mood-a,var(--teal)) 18%, var(--border-color));background:linear-gradient(120deg, var(--surface) 0%, color-mix(in srgb, var(--mood-b,var(--hero-tint-1)) 12%, var(--surface)) 55%, color-mix(in srgb, var(--mood-a,var(--hero-tint-2)) 10%, var(--surface)) 100%);isolation:isolate;contain:paint;box-shadow:0 24px 50px -32px color-mix(in srgb, var(--mood-a,var(--teal)) 55%, transparent);justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.5rem;padding:1.75rem;display:flex;position:relative;overflow:hidden}.onboarding-hero:before,.onboarding-hero:after,.sf-sky-hero:before,.sf-sky-hero:after{content:"";filter:blur(44px);opacity:.45;mix-blend-mode:multiply;pointer-events:none;will-change:transform;z-index:0;border-radius:50%;width:36vmax;height:36vmax;animation:22s ease-in-out infinite alternate sf-hero-drift;position:absolute;transform:translateZ(0)}.onboarding-hero:before,.sf-sky-hero:before{background:color-mix(in srgb, var(--mood-b,var(--teal)) 70%, white);top:-20%;left:-15%}.onboarding-hero:after,.sf-sky-hero:after{background:color-mix(in srgb, var(--mood-a,var(--purple)) 55%, white);animation-duration:26s;animation-delay:-7s;top:10%;right:-20%}.onboarding-hero>*,.sf-sky-hero>*{z-index:1;position:relative}:root[data-theme=dark] .onboarding-hero:before,:root[data-theme=dark] .onboarding-hero:after,:root[data-theme=dark] .sf-sky-hero:before,:root[data-theme=dark] .sf-sky-hero:after{mix-blend-mode:screen;opacity:.3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .onboarding-hero:before,:root:not([data-theme=light]) .onboarding-hero:after,:root:not([data-theme=light]) .sf-sky-hero:before,:root:not([data-theme=light]) .sf-sky-hero:after{mix-blend-mode:screen;opacity:.3}}@keyframes sf-hero-drift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(6vw,-4vh)scale(1.1)}to{transform:translate(-5vw,6vh)scale(.95)}}@media (prefers-reduced-motion:reduce){.onboarding-hero:before,.onboarding-hero:after,.sf-sky-hero:before,.sf-sky-hero:after{animation:none}}.onboarding-hero-copy,.onboarding-metrics{z-index:1;position:relative}.onboarding-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:inline-block}.onboarding-hero-copy p{max-width:420px;margin:0}.onboarding-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;min-width:min(420px,100%);display:grid}.metric-card{background:color-mix(in srgb, var(--surface) 82%, transparent);border:1px solid color-mix(in srgb, var(--border-color) 70%, transparent);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(6px);flex-direction:column-reverse;justify-content:flex-end;gap:.15rem;min-width:96px;padding:.65rem .9rem;display:flex}.metric-label{font-size:var(--fs-xs,.75rem);color:var(--text-secondary);font-weight:500}.metric-value{font-size:1.25rem;font-weight:700;line-height:1.1;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text-primary)}.onboarding-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.onboarding-filters,.onboarding-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.onboarding-cta{gap:.5rem}.onboarding-select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:180px;color:var(--text-primary);padding:.6rem .85rem;font-size:.875rem}.onboarding-search{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);align-items:center;gap:.5rem;min-width:240px;padding:.6rem .85rem;display:flex}.onboarding-search-input{width:100%;color:var(--text-primary);background:0 0;border:none;margin:0;padding:0;font-size:.875rem}.onboarding-search-input:focus{box-shadow:none;border:none;outline:none}.onboarding-grid{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:1.5rem;display:grid}.onboarding-panel{position:relative;overflow:visible}.panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.panel-subtitle{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.panel-pill{color:var(--accent-text);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:#00bcd41f;border-radius:999px;padding:.35rem .75rem;font-size:.7rem;font-weight:600}.onboarding-page .employee-list{flex-direction:column;gap:.75rem;display:flex}.onboarding-page .employee-row{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;grid-template-columns:minmax(0,1fr) minmax(120px,.7fr) auto;align-items:center;gap:1rem;padding:.85rem 1rem;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.35s both rowIn;display:grid;box-shadow:0 10px 18px #171a200d}.onboarding-page .employee-row:hover{transform:translateY(-1px);box-shadow:0 14px 24px #171a2014}.onboarding-page .employee-row:focus-visible{outline-offset:2px;outline:2px solid #00bcd473}.onboarding-page .employee-row.is-active{border-color:#00bcd499;box-shadow:0 16px 32px #00bcd426}.onboarding-page .employee-main{align-items:center;gap:.75rem;min-width:0;display:flex}.onboarding-page .employee-avatar{color:#fff;background:linear-gradient(135deg,#00bcd4e6,#f0b429a6);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.onboarding-page .employee-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.onboarding-page .employee-join{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.onboarding-page .employee-progress{justify-content:flex-end;align-items:center;gap:.5rem;min-width:120px;display:flex}.onboarding-page .progress-track{background:var(--muted);border-radius:999px;flex:1;height:8px;overflow:hidden}.onboarding-page .progress-fill{background:linear-gradient(90deg, var(--accent-primary), #f0b429);border-radius:999px;height:100%;display:block}.onboarding-page .progress-label{color:var(--text-secondary);text-align:right;min-width:2.5rem;font-size:.75rem;font-weight:600}.onboarding-page .employee-actions{justify-content:flex-end;display:flex}.onboarding-page .employee-action-btn{white-space:nowrap;min-width:110px}.task-summary{border-bottom:1px solid var(--border-color);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1rem;padding:.75rem 0;display:grid}.summary-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:.3rem;font-size:.7rem;display:block}.summary-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.summary-progress{flex-direction:column;gap:.35rem;display:flex}.task-list{flex-direction:column;gap:.75rem;display:flex}.task-row{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.task-info{flex-direction:column;gap:.35rem;display:flex}.task-name{color:var(--text-primary);font-weight:600}.task-meta{color:var(--text-secondary);gap:.75rem;font-size:.75rem;display:flex}.task-meta span+span:before{content:"•";color:var(--text-secondary);margin-right:.75rem}.task-actions{gap:.35rem;display:flex}.task-icon-btn{padding:.3rem}.onboarding-empty{border-radius:var(--radius-md);color:var(--text-secondary);background:#7b869614;padding:1rem;font-size:.875rem}.onboarding-empty.error{color:var(--error);background:#d25b521f}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#0f172a59;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:min(760px,100%);box-shadow:var(--shadow-lg);padding:2rem;animation:.2s modalIn}.modal-header{margin-bottom:1rem}.modal-subtitle{color:var(--text-secondary);margin:.35rem 0 0;font-size:.9rem}.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-field{flex-direction:column;gap:.4rem;display:flex}.form-field.full-span{grid-column:1/-1}.modal-textarea{resize:vertical;min-height:140px}.modal-footer{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.btn-sm{padding:.35rem .75rem;font-size:.75rem}@keyframes rowIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1024px){.onboarding-grid{grid-template-columns:1fr}.onboarding-hero{flex-direction:column;align-items:flex-start}.onboarding-metrics{width:100%}.onboarding-page .employee-row{grid-template-columns:1fr;align-items:flex-start}.onboarding-page .employee-progress{justify-content:space-between;width:100%}.onboarding-page .employee-actions{justify-content:flex-start;width:100%}}@media (width<=768px){.onboarding-page{padding:1.5rem}.modal-grid{grid-template-columns:1fr}.task-row{flex-direction:column;align-items:flex-start}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive table{min-width:max-content}@media (pointer:coarse){.btn,button:not(.icon-btn):not(.nav-item):not(.bottom-nav-item):not(.action-btn){min-height:44px}input,select,textarea{font-size:16px}.icon-btn{min-width:44px;min-height:44px}}@media (width<=768px){:root{--fs-hero:20px;--fs-h1:17px;--fs-h2:15px;--fs-h3:14px}.modal-content{border-radius:var(--radius-md);padding:1.25rem}.pin-header{flex-direction:column;align-items:flex-start}.toast-container{top:.75rem;left:.75rem;right:.75rem}.toast{width:100%;max-width:none}}@media (width<=640px){.modal-content{width:100%;margin:.5rem;padding:1rem}.modal-grid{grid-template-columns:1fr}.pin-toolbar,.pin-filter-bar{width:100%}.pin-toolbar .btn,.pin-filter-bar .btn{flex:1;justify-content:center}}@media (width<=480px){:root{--fs-hero:18px;--fs-h1:16px;--fs-h2:14px;--fs-h3:13px;--fs-body:12px;--fs-sm:11px}.card{border-radius:var(--radius-sm);padding:1rem}.onboarding-hero{padding:1.25rem}.onboarding-grid{grid-template-columns:1fr}.task-summary{grid-template-columns:1fr 1fr}}