:root{--pkis-bg:#0f1117;--pkis-surface:#181b24;--pkis-surface-2:#13161d;--pkis-surface-3:#202532;--pkis-border:#2b3040;--pkis-border-light:#343b4b;--pkis-text:#f8fafc;--pkis-text-soft:#cbd5e1;--pkis-text-muted:#9ca3af;--pkis-text-dim:#6b7280;--pkis-primary:#2563eb;--pkis-primary-hover:#3b82f6;--pkis-success:#22c55e;--pkis-warning:#f59e0b;--pkis-danger:#ef4444;--pkis-success-bg:#163222;--pkis-warning-bg:#332b17;--pkis-danger-bg:#351b22;--pkis-dashboard-watermark-overlay:#0f1117d6;--pkis-radius:12px;--pkis-radius-small:8px;--pkis-shadow:0 8px 25px #00000040;--pkis-shadow-small:0 4px 14px #0003}:root[data-theme=light]{--pkis-bg:#f3f6fb;--pkis-surface:#fff;--pkis-surface-2:#edf2f8;--pkis-surface-3:#e2e8f0;--pkis-border:#d4dce8;--pkis-border-light:#c5cfdd;--pkis-text:#172033;--pkis-text-soft:#334155;--pkis-text-muted:#64748b;--pkis-text-dim:#7c899c;--pkis-success-bg:#dcfce7;--pkis-warning-bg:#fef3c7;--pkis-danger-bg:#fee2e2;--pkis-dashboard-watermark-overlay:#f3f6fbd6;--pkis-shadow:0 8px 25px #1e293b1f;--pkis-shadow-small:0 4px 14px #1e293b1a}:root[data-pkis-density=compact]{--pkis-radius:10px;--pkis-radius-small:7px}:root[data-pkis-density=compact] .pkis-dashboard{font-size:14px}:root[data-pkis-density=compact] .pkis-app-navigation{min-height:56px}html{background:var(--pkis-bg)}body{background:var(--pkis-bg);min-height:100vh;color:var(--pkis-text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{background:var(--pkis-bg);min-height:100vh;color:var(--pkis-text)}.employee-dashboard,.supervisor-home,.ceo-dashboard{background-color:var(--pkis-bg)!important;background-image:none!important}.pkis-dashboard{box-sizing:border-box;background-color:var(--pkis-bg);width:100%;min-height:100vh;color:var(--pkis-text);padding:82px 20px 60px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}.pkis-dashboard h1{color:var(--pkis-text);letter-spacing:-.025em;font-size:clamp(29px,4vw,34px);font-weight:750}.pkis-dashboard h2,.pkis-dashboard h3,.pkis-dashboard strong{color:var(--pkis-text)}.pkis-dashboard p{color:var(--pkis-text-muted)}.pkis-dashboard button,.pkis-dashboard input,.pkis-dashboard select,.pkis-dashboard textarea{font:inherit}.pkis-dashboard button{border-radius:8px}@media (width<=700px){.pkis-dashboard{padding:74px 14px 42px}.employee-dashboard,.supervisor-home,.ceo-dashboard{background-size:cover,min(82vw,430px)!important;background-attachment:scroll,scroll!important}}.theme-switcher{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:1000;position:fixed}.theme-switcher-button{border:1px solid var(--pkis-border-light);background:var(--pkis-surface);min-height:40px;color:var(--pkis-text);box-shadow:var(--pkis-shadow-small);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-weight:800;display:flex}.theme-switcher-menu{border:1px solid var(--pkis-border-light);background:var(--pkis-surface);width:176px;box-shadow:var(--pkis-shadow);border-radius:12px;margin-top:8px;margin-left:auto;padding:6px}.theme-switcher-menu button{width:100%;min-height:40px;color:var(--pkis-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;padding:9px 10px;display:flex}.theme-switcher-menu button:hover,.theme-switcher-menu button.is-selected{background:var(--pkis-surface-3)}@media (width<=520px){.theme-switcher-button span:last-child{display:none}.theme-switcher-button{justify-content:center;width:42px;padding:8px}}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--pkis-text)}p,label,span{color:inherit}button{font-family:inherit}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:var(--pkis-surface);color:var(--pkis-text);border:1px solid var(--pkis-border-light);border-radius:var(--pkis-radius-small);outline:none;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--pkis-primary);box-shadow:0 0 0 2px #2563eb26}input::placeholder,textarea::placeholder{color:var(--pkis-text-dim)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#11141b}::-webkit-scrollbar-thumb{background:#343b4b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#465066}.login-page,.supervisor-login-page,.employee-dashboard-page{background:var(--pkis-bg);min-height:100vh;color:var(--pkis-text);padding:30px 20px 60px;position:relative}.login-card,.supervisor-login-card{z-index:1;background:var(--pkis-surface);border:1px solid var(--pkis-border);width:min(420px,100%);box-shadow:var(--pkis-shadow);border-radius:16px;margin:8vh auto 0;padding:30px;position:relative}.login-card h1,.supervisor-login-card h1{color:var(--pkis-text);margin:0 0 8px}.login-card p,.supervisor-login-card>p{color:var(--pkis-text-muted);margin:0 0 24px}.supervisor-login-card .login-message{border:1px solid color-mix(in srgb, var(--pkis-warning) 55%, var(--pkis-border));color:var(--pkis-text);background:var(--pkis-warning-bg);border-radius:10px;margin:-8px 0 18px;padding:12px 14px;line-height:1.45}.login-card label{color:var(--pkis-text-soft);margin:16px 0 7px;font-size:13px;font-weight:700;display:block}.login-card input,.supervisor-login-card input{width:100%;min-height:46px;padding:10px 12px}.supervisor-login-card label{color:var(--pkis-text-soft);margin-top:16px;font-weight:700;display:block}.login-primary,.login-secondary,.supervisor-login-card button{color:#fff;width:100%;min-height:46px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;margin-top:14px;padding:11px 16px;font-weight:800}.login-primary{background:var(--pkis-primary)}.login-primary:hover{background:var(--pkis-primary-hover)}.login-secondary{background:var(--pkis-surface-3);border-color:var(--pkis-border-light)}.login-secondary:hover{background:#2b3344}.login-link-button{width:100%;color:var(--pkis-primary-hover);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:10px;padding:8px;font-weight:700}:root[data-theme=light] .login-secondary{color:var(--pkis-text)}:root[data-theme=light] .login-secondary:hover{background:#cbd5e1}.supervisor-login-card input{margin-top:12px;display:block}.supervisor-login-card button{background:var(--pkis-primary)}.supervisor-login-card .login-secondary{background:var(--pkis-surface-3);border-color:var(--pkis-border-light);color:var(--pkis-text)}.supervisor-login-card .login-secondary:hover{background:color-mix(in srgb, var(--pkis-surface-3), var(--pkis-text) 10%)}.employee-dashboard-page{width:min(1100px,100%);margin:0 auto}.employee-dashboard-page h1{margin:0 0 8px;font-size:32px}.employee-dashboard-page h2{margin-top:24px}.employee-dashboard-page>ul{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;padding:0;list-style:none;display:grid}.employee-dashboard-page>ul>li{background:var(--pkis-surface);border:1px solid var(--pkis-border);box-shadow:var(--pkis-shadow-small);border-radius:12px;padding:20px}.employee-dashboard-page li button{background:var(--pkis-primary);color:#fff;cursor:pointer;border:0;border-radius:8px;margin-top:8px;padding:10px 15px;font-weight:700}.app-data-state{text-align:center;place-content:center;gap:.75rem;min-height:100vh;padding:2rem;display:grid}.unified-login-page{--login-navy:#0b1730;--login-navy-deep:#07101f;--login-blue:var(--org-primary,var(--pkis-primary,#2563eb));--login-blue-bright:#78a7ff;--login-paper:#f7f8fb;--login-ink:#101a2e;--login-muted:#627089;--login-line:#cbd5e1;box-sizing:border-box;min-height:100vh;color:var(--login-ink);caret-color:var(--login-blue);scrollbar-color:var(--login-blue) var(--login-navy-deep);background:radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--login-blue) 22%, transparent), transparent 29%), radial-gradient(circle at 88% 78%, #78a7ff1a, transparent 24%), var(--login-navy-deep);place-items:center;padding:clamp(76px,8vw,108px) 24px 48px;display:grid;overflow:hidden auto}.unified-login-page ::selection{background:color-mix(in srgb, var(--login-blue) 28%, white);color:var(--login-navy)}.unified-login-shell{background:var(--login-paper);isolation:isolate;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(1120px,100%);min-height:680px;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 80px #0000005c}.unified-login-shell:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(105deg,#ffffff9e,#0000 38%,#2563eb0d);position:absolute;inset:0}.unified-login-pane{z-index:1;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;justify-content:center;min-width:0;padding:clamp(44px,5.2vw,68px);transition:opacity .18s,transform .42s cubic-bezier(.16,1,.3,1),visibility 0s linear .7s;display:flex;position:relative}.unified-login-pane--signin{grid-column:1;transform:translate(-18px)}.unified-login-pane--activate{grid-column:2;padding-inline:clamp(38px,4.4vw,58px);transform:translate(18px)}.unified-login-shell.is-signin .unified-login-pane--signin,.unified-login-shell.is-activate .unified-login-pane--activate{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.39s,.34s,0s;transform:translate(0)}.unified-login-card-heading{margin:0 0 28px}.unified-login-card-heading h2{color:var(--login-ink);letter-spacing:-.035em;margin:0;font-size:clamp(1.85rem,3vw,2.45rem);font-weight:780;line-height:1.04}.unified-login-card-heading h2:after{content:"";background:var(--login-blue);border-radius:999px;width:38px;height:3px;margin-top:12px;display:block}.unified-login-card-heading p{max-width:48ch;color:var(--login-muted);margin:16px 0 0;font-size:.92rem;line-height:1.6}.unified-login-pane form{gap:17px;display:grid}.unified-field{gap:6px;display:grid}.unified-field label{color:#2d3b54;letter-spacing:.01em;font-size:.78rem;font-weight:760}.unified-field input{box-sizing:border-box;border:0;border-bottom:1px solid var(--login-line);width:100%;min-height:46px;color:var(--login-ink);font:inherit;background:0 0;border-radius:0;outline:0;padding:8px 2px;font-size:.96rem;transition:border-color .16s,box-shadow .16s}.unified-field input::placeholder{color:#7b879a}.unified-field input:focus{border-color:var(--login-blue);box-shadow:0 2px 0 var(--login-blue)}.unified-field input:disabled,.unified-login-pane button:disabled{cursor:wait;opacity:.56}.unified-password-field{position:relative}.unified-password-field input{padding-right:66px}.unified-password-field button{color:#40516e;min-width:54px;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 8px;font-size:.72rem;font-weight:800;position:absolute;top:50%;right:0;transform:translateY(-50%)}.unified-password-field button:hover{color:var(--login-blue);background:#e6edf7}.unified-login-primary{background:var(--login-blue);color:#fff;min-height:52px;font:inherit;cursor:pointer;box-shadow:0 12px 24px color-mix(in srgb, var(--login-blue) 28%, transparent);border:0;border-radius:12px;margin-top:5px;font-size:.9rem;font-weight:820;transition:transform .16s,box-shadow .16s,filter .16s}.unified-login-primary:not(:disabled):hover{filter:brightness(1.05);box-shadow:0 16px 30px color-mix(in srgb, var(--login-blue) 34%, transparent);transform:translateY(-2px)}.unified-login-primary:not(:disabled):active{transform:translateY(0)}.unified-login-link{color:#4c5d78;min-height:42px;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;justify-self:center;padding:6px 10px;font-size:.78rem;font-weight:740;-webkit-text-decoration:underline #aeb9c8;text-decoration:underline #aeb9c8}.unified-login-link:hover{color:var(--login-blue);text-decoration-color:currentColor}.unified-activation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.unified-password-guidance{color:var(--login-muted);margin-top:-8px;font-size:.7rem;line-height:1.48}.unified-login-options{border-top:1px solid #dbe2ec;gap:7px;margin-top:24px;padding-top:19px;display:grid}.unified-login-options p{color:var(--login-muted);margin:0;font-size:.76rem;line-height:1.45}.unified-login-options button{min-height:38px;color:var(--login-blue);font:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--login-blue) 38%, transparent);text-decoration-color:color-mix(in srgb, var(--login-blue) 38%, transparent);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-weight:800}.unified-login-options button:hover{text-decoration-color:currentColor}.unified-login-status{box-sizing:border-box;color:#173b75;background:#e6efff;border-radius:11px;align-items:center;gap:10px;min-height:44px;margin:-8px 0 20px;padding:10px 12px;font-size:.78rem;line-height:1.45;display:flex}.unified-login-status.is-error{color:#9f1239;background:#fff0f2}.unified-status-pulse{background:var(--login-blue);border-radius:50%;flex:0 0 9px;width:9px;height:9px;animation:1.1s ease-in-out infinite unified-status-pulse}.unified-login-band{z-index:4;color:#fff;background:radial-gradient(circle at 76% 18%, #78a7ff33, transparent 28%), linear-gradient(145deg, #102a58 0%, var(--login-navy) 54%, #07101f 100%);will-change:transform;width:58%;transition:transform .86s cubic-bezier(.76,0,.24,1),box-shadow .86s;position:absolute;top:-6%;bottom:-6%;left:47%;overflow:hidden;transform:translate(0)skew(-10deg);box-shadow:-24px 0 48px #07101f33}.unified-login-shell.is-activate .unified-login-band{transform:translate(-95%)skew(-10deg);box-shadow:24px 0 48px #07101f38}.unified-band-edge{z-index:2;pointer-events:none;background:linear-gradient(180deg, transparent, var(--login-blue-bright) 18%, #fff 50%, var(--login-blue-bright) 82%, transparent);width:5px;position:absolute;top:0;bottom:0;box-shadow:0 0 22px #78a7ffbd}.unified-band-edge--lead{left:0}.unified-login-shell.is-activate .unified-band-edge--lead{left:auto;right:0}.unified-band-inner{z-index:1;box-sizing:border-box;flex-direction:column;justify-content:center;height:100%;padding:76px clamp(70px,7vw,104px) 76px clamp(92px,9vw,132px);transition:transform .86s cubic-bezier(.76,0,.24,1);display:flex;position:relative;transform:skew(10deg)}.unified-login-shell.is-activate .unified-band-inner{transform:skew(10deg)translate(-2%)}.unified-login-brand{align-items:center;gap:14px;margin-bottom:42px;display:flex}.unified-login-mark{border-radius:13px;flex:0 0 48px;width:48px;height:48px;box-shadow:0 12px 28px #00000047}.unified-login-brand span{gap:2px;display:grid}.unified-login-brand strong{color:#fff;letter-spacing:.14em;font-size:.9rem}.unified-login-brand small{color:#9fb7dd;letter-spacing:.05em;text-transform:uppercase;font-size:.67rem}.unified-band-copy{animation:.46s cubic-bezier(.16,1,.3,1) both unified-band-copy-in}.unified-band-copy h1{color:#fff;letter-spacing:-.04em;text-wrap:balance;max-width:470px;margin:0;font-size:clamp(2.75rem,5.4vw,4.9rem);font-weight:760;line-height:.96}.unified-band-copy p{color:#c5d2e7;max-width:47ch;margin:22px 0 0;font-size:.96rem;line-height:1.68}.unified-identity-path{counter-reset:identity-step;gap:0;margin:38px 0 0;padding:0;list-style:none;display:grid}.unified-identity-path li{counter-increment:identity-step;border-top:1px solid #ffffff21;grid-template-columns:32px 112px minmax(0,1fr);align-items:center;gap:10px;min-height:46px;display:grid}.unified-identity-path li:before{content:counter(identity-step, decimal-leading-zero);color:var(--login-blue-bright);letter-spacing:.09em;font-size:.68rem;font-weight:850}.unified-identity-path strong{color:#fff;font-size:.82rem}.unified-identity-path span{color:#9fb0ca;font-size:.73rem}.unified-security-note{color:#adbed8;align-items:flex-start;gap:10px;margin-top:28px;font-size:.7rem;line-height:1.52;display:flex}.unified-security-note svg{width:19px;fill:var(--login-blue-bright);flex:0 0 19px}.unified-login-pane button:focus-visible,.unified-login-pane input:focus-visible{outline:3px solid color-mix(in srgb, var(--login-blue) 26%, transparent);outline-offset:3px}@keyframes unified-status-pulse{50%{opacity:.35;transform:scale(.72)}}@keyframes unified-band-copy-in{0%{opacity:0;filter:blur(7px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (width<=900px){.unified-login-page{padding:72px 14px 28px;display:block;overflow:auto}.unified-login-shell{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);width:min(620px,100%);min-height:0;margin-inline:auto}.unified-login-band,.unified-login-shell.is-activate .unified-login-band{clip-path:polygon(0 0,100% 0,100% 89%,0 100%);grid-area:1/1;width:100%;min-height:270px;position:relative;top:auto;bottom:auto;left:auto;transform:none;box-shadow:0 18px 38px #07101f33}.unified-band-edge{display:none}.unified-band-inner,.unified-login-shell.is-activate .unified-band-inner{height:auto;min-height:270px;padding:34px 34px 58px;transform:none}.unified-login-brand{margin-bottom:27px}.unified-band-copy h1{font-size:clamp(2.25rem,9.4vw,3.5rem)}.unified-band-copy p{margin-top:15px;font-size:.88rem;line-height:1.58}.unified-identity-path,.unified-security-note{display:none}.unified-login-pane,.unified-login-pane--signin,.unified-login-pane--activate{grid-area:2/1;min-height:0;padding:38px 32px 40px;display:none;transform:none}.unified-login-shell.is-signin .unified-login-pane--signin,.unified-login-shell.is-activate .unified-login-pane--activate{display:flex}}@media (width<=520px){.unified-login-page{padding-inline:8px}.unified-login-shell{border-radius:14px}.unified-band-inner,.unified-login-shell.is-activate .unified-band-inner{padding-inline:24px}.unified-login-pane,.unified-login-pane--signin,.unified-login-pane--activate{padding:34px 22px 38px}.unified-activation-grid{grid-template-columns:1fr;gap:17px}.unified-login-card-heading h2{font-size:1.9rem}}@media (prefers-reduced-motion:reduce){.unified-login-band,.unified-band-inner,.unified-login-pane,.unified-login-primary,.unified-field input{transition:none}.unified-band-copy,.unified-status-pulse{animation:none}}.pkis-pulse-trigger{z-index:1160;border:1px solid color-mix(in srgb, var(--pkis-primary) 58%, var(--pkis-border));background:var(--pkis-primary);color:#fff;min-height:46px;font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:9px;padding:6px 14px 6px 7px;transition:transform .18s,box-shadow .18s,background .18s;display:flex;position:fixed;bottom:22px;right:20px;box-shadow:0 12px 30px #04122a3d}.pkis-pulse-trigger>span,.pkis-pulse-drawer-mark{width:32px;height:32px;color:var(--pkis-primary);background:#fff;border-radius:50%;place-items:center;font-size:15px;font-weight:900;display:grid}.pkis-pulse-trigger strong{letter-spacing:.01em;font-size:12px}.pkis-pulse-trigger:hover{transform:translateY(-2px);box-shadow:0 16px 36px #04122a4d}.pkis-pulse-trigger.active{background:var(--pkis-text)}.pkis-pulse-trigger:focus-visible,.pkis-pulse-drawer>header>button:focus-visible{outline:3px solid color-mix(in srgb, var(--pkis-primary) 45%, transparent);outline-offset:3px}.pkis-pulse-drawer{z-index:1150;border:1px solid var(--pkis-border);background:var(--pkis-surface);width:min(470px,100vw - 32px);color:var(--pkis-text);opacity:0;pointer-events:none;border-radius:16px;grid-template-rows:auto minmax(0,1fr);transition:transform .21s cubic-bezier(.2,.85,.35,1),opacity .16s;display:grid;position:fixed;top:76px;bottom:16px;right:16px;overflow:hidden;transform:translate(calc(100% + 34px));box-shadow:-12px 18px 52px #030a184d}.pkis-pulse-drawer.open{opacity:1;pointer-events:auto;transform:translate(0)}.pkis-pulse-drawer>header{border-bottom:1px solid var(--pkis-border);background:var(--pkis-surface-2);justify-content:space-between;align-items:center;min-height:66px;padding:10px 12px 10px 16px;display:flex}.pkis-pulse-drawer>header>div{align-items:center;gap:10px;min-width:0;display:flex}.pkis-pulse-drawer>header>div>span:last-child{min-width:0;display:grid}.pkis-pulse-drawer>header strong{font-size:14px}.pkis-pulse-drawer>header small{color:var(--pkis-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pkis-pulse-drawer-mark{border:1px solid color-mix(in srgb, var(--pkis-primary) 32%, var(--pkis-border));background:color-mix(in srgb, var(--pkis-primary) 10%, var(--pkis-surface));width:36px;height:36px}.pkis-pulse-drawer>header>button{border:1px solid var(--pkis-border);background:var(--pkis-surface);width:40px;height:40px;color:var(--pkis-text);cursor:pointer;border-radius:10px;flex:0 0 40px;place-items:center;display:grid}.pkis-pulse-drawer>header>button svg{fill:currentColor;width:20px}.pkis-pulse-drawer-body{min-height:0;overflow:hidden}.pkis-pulse-loading{height:100%;color:var(--pkis-text-muted);text-align:center;align-content:center;place-items:center;gap:12px;padding:24px;display:grid}.pkis-pulse-loading span{border:3px solid var(--pkis-border);border-top-color:var(--pkis-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite pkis-pulse-spin}.pkis-pulse-loading p{margin:0;font-size:13px}@keyframes pkis-pulse-spin{to{transform:rotate(360deg)}}@media (width<=760px){.pkis-pulse-trigger{right:12px;bottom:calc(82px + env(safe-area-inset-bottom));min-width:46px;padding-right:7px}.pkis-pulse-trigger strong{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pkis-pulse-drawer{top:62px;right:0;bottom:calc(70px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:0;width:100%}}@media (prefers-reduced-motion:reduce){.pkis-pulse-trigger,.pkis-pulse-drawer{transition:none}.pkis-pulse-loading span{animation:none}}.pkis-app-navigation{z-index:1050;border-bottom:1px solid var(--pkis-border);background:color-mix(in srgb,var(--pkis-bg) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:64px;padding:8px max(18px,50vw - 710px);display:grid;position:sticky;top:0;box-shadow:0 8px 28px #00000029}.pkis-nav-brand{color:var(--pkis-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:4px 9px 4px 4px;display:flex}.pkis-nav-brand img{border-radius:9px;width:40px;height:40px}.pkis-nav-brand span{display:grid}.pkis-nav-brand strong{letter-spacing:.04em;font-size:1rem}.pkis-nav-brand small{color:var(--pkis-text-muted);font-size:.68rem}.pkis-desktop-navigation{justify-content:center;align-items:center;gap:5px;display:flex}.pkis-desktop-navigation>button,.pkis-desktop-navigation summary{min-height:40px;color:var(--pkis-text-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-size:.8rem;font-weight:800;list-style:none}.pkis-desktop-navigation summary::-webkit-details-marker{display:none}.pkis-desktop-navigation>button:hover,.pkis-desktop-navigation summary:hover,.pkis-desktop-navigation>button.active,.pkis-desktop-navigation details[open]>summary{background:var(--pkis-surface-3);color:var(--pkis-text)}.pkis-desktop-navigation details{position:relative}.pkis-desktop-navigation details>div{z-index:20;border:1px solid var(--pkis-border);background:var(--pkis-surface);min-width:250px;box-shadow:var(--pkis-shadow);border-radius:12px;padding:8px;display:grid;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%)}.pkis-desktop-navigation details>div button{color:var(--pkis-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:2px;padding:10px;display:grid}.pkis-desktop-navigation details>div button:hover,.pkis-desktop-navigation details>div button.active{background:var(--pkis-surface-3)}.pkis-desktop-navigation details>div small{color:var(--pkis-text-muted);font-size:.68rem;font-weight:500}.pkis-nav-actions{justify-content:flex-end;align-items:center;gap:8px;margin-right:88px;display:flex}.pkis-notification-button,.pkis-signout-button{border:1px solid var(--pkis-border-light);background:var(--pkis-surface);min-height:40px;color:var(--pkis-text);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:.76rem;font-weight:800;display:flex;position:relative}.pkis-notification-button:hover,.pkis-signout-button:hover{border-color:var(--pkis-primary);background:var(--pkis-surface-3)}.pkis-notification-button>span{color:var(--pkis-primary-hover);font-size:.65rem}.pkis-signout-button>span{font-size:1rem;line-height:1;transform:rotate(180deg)}.pkis-notification-button em{background:var(--pkis-danger);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 3px;font-size:.65rem;font-style:normal;font-weight:900;display:grid}.pkis-interface-language{border:1px solid var(--pkis-border-light);background:var(--pkis-surface);min-height:40px;color:var(--pkis-text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:.66rem;font-weight:850;display:flex}.pkis-interface-language.compact>span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pkis-interface-language select{min-width:52px;color:var(--pkis-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:5px;font-weight:900}.pkis-interface-language select:focus{box-shadow:none}.pkis-interface-language option{background:var(--pkis-surface);color:var(--pkis-text)}.pkis-navigation-active .theme-switcher{z-index:1060;top:12px}.pkis-mobile-navigation{display:none}.pkis-notification-scrim{z-index:1200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03060e94;position:fixed;inset:0}.pkis-notification-drawer{border-left:1px solid var(--pkis-border);background:var(--pkis-bg);width:min(460px,100%);height:100%;color:var(--pkis-text);position:absolute;top:0;right:0;overflow:auto;box-shadow:-20px 0 50px #0000004d}.pkis-notification-drawer>header{border-bottom:1px solid var(--pkis-border);justify-content:space-between;align-items:flex-start;padding:23px;display:flex}.pkis-notification-drawer>header span{color:var(--pkis-primary-hover);letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:900}.pkis-notification-drawer h2{margin:5px 0 0}.pkis-notification-drawer>header button{border:1px solid var(--pkis-border);background:var(--pkis-surface);width:38px;height:38px;color:var(--pkis-text);cursor:pointer;border-radius:50%;font-size:1.4rem}.pkis-notification-drawer>nav{border-bottom:1px solid var(--pkis-border);grid-template-columns:1fr 1fr;padding:10px 18px;display:grid}.pkis-notification-drawer>nav button{color:var(--pkis-text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px;font-weight:850}.pkis-notification-drawer>nav button.active{border-color:var(--pkis-primary);color:var(--pkis-text)}.pkis-notification-message{background:var(--pkis-warning-bg);color:var(--pkis-text-soft);border-radius:9px;margin:13px 18px 0;padding:11px;font-size:.78rem}.pkis-notification-list-head{color:var(--pkis-text-muted);justify-content:space-between;align-items:center;padding:15px 19px;font-size:.75rem;display:flex}.pkis-notification-list-head button{color:var(--pkis-primary-hover);cursor:pointer;background:0 0;border:0;font-weight:800}.pkis-notification-list>button{border:0;border-bottom:1px solid var(--pkis-border);width:100%;color:var(--pkis-text);text-align:left;cursor:pointer;background:0 0;gap:11px;padding:15px 19px;display:flex}.pkis-notification-list>button.unread{background:color-mix(in srgb,var(--pkis-primary) 8%,var(--pkis-bg))}.pkis-notification-list>button.read{opacity:.7}.pkis-notification-list>button:hover{background:var(--pkis-surface-2)}.pkis-notification-dot{background:var(--pkis-primary);border-radius:50%;flex:0 0 8px;height:8px;margin-top:7px}.pkis-notification-list>button.warning .pkis-notification-dot{background:var(--pkis-warning)}.pkis-notification-list>button.danger .pkis-notification-dot{background:var(--pkis-danger)}.pkis-notification-list>button>div{gap:4px;display:grid}.pkis-notification-list small{color:var(--pkis-text-muted);text-transform:uppercase;font-size:.66rem;font-weight:800}.pkis-notification-list p{color:var(--pkis-text-muted);margin:0;font-size:.78rem;line-height:1.45}.pkis-notification-empty{text-align:center;padding:48px 24px}.pkis-notification-empty p{color:var(--pkis-text-muted);line-height:1.5}.pkis-notification-settings{gap:17px;padding:18px;display:grid}.pkis-push-card{border:1px solid var(--pkis-border);background:var(--pkis-surface);border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:16px;display:flex}.pkis-push-card p{color:var(--pkis-text-muted);margin:4px 0 0;font-size:.75rem}.pkis-push-card button,.pkis-save-preferences{background:var(--pkis-primary);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-weight:850}.pkis-push-card button.enabled{background:var(--pkis-success)}.pkis-setting-note{background:var(--pkis-warning-bg);color:var(--pkis-text-soft);border-radius:8px;margin:0;padding:10px;font-size:.75rem}.pkis-notification-settings fieldset{border:1px solid var(--pkis-border);background:var(--pkis-surface-2);border-radius:12px;gap:10px;margin:0;padding:15px;display:grid}.pkis-notification-settings legend{padding:0 7px;font-weight:850}.pkis-notification-settings fieldset>label{align-items:flex-start;gap:10px;display:flex}.pkis-notification-settings fieldset>label input{accent-color:var(--pkis-primary);margin-top:3px}.pkis-notification-settings fieldset>label span{gap:2px;display:grid}.pkis-notification-settings fieldset small,.pkis-notification-settings fieldset>p{color:var(--pkis-text-muted);margin:0;font-size:.7rem;line-height:1.45}.pkis-quiet-hours{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pkis-quiet-hours label{color:var(--pkis-text-muted);gap:5px;font-size:.72rem;font-weight:800;display:grid}.pkis-quiet-hours input{border:1px solid var(--pkis-border);background:var(--pkis-surface);color:var(--pkis-text);border-radius:8px;padding:9px}.pkis-save-preferences:disabled,.pkis-push-card button:disabled{opacity:.55;cursor:not-allowed}@media (width<=980px){.pkis-app-navigation{grid-template-columns:auto 1fr auto}.pkis-desktop-navigation{justify-content:flex-start;overflow-x:auto}.pkis-nav-actions{margin-right:76px}.pkis-desktop-navigation details>div{left:0;transform:none}}@media (width<=760px){body.pkis-navigation-active{padding-bottom:72px}.pkis-app-navigation{grid-template-columns:auto 1fr;gap:8px;min-height:55px;padding:7px 12px;position:sticky}.pkis-nav-brand img{width:36px;height:36px}.pkis-nav-brand small{font-size:.62rem}.pkis-desktop-navigation{display:none}.pkis-nav-actions{justify-self:end;gap:5px;margin-right:46px}.pkis-interface-language{min-height:38px;padding:4px 5px}.pkis-interface-language select{min-width:45px;padding:4px}.pkis-notification-button,.pkis-signout-button{min-height:38px;padding:7px 9px}.pkis-notification-button strong{display:none}.pkis-signout-button{font-size:.68rem}.pkis-navigation-active .theme-switcher{top:10px;right:10px}.pkis-navigation-active .theme-switcher-button{justify-content:center;width:40px;padding:8px}.pkis-navigation-active .theme-switcher-button span:last-child{display:none}.pkis-mobile-navigation{z-index:1100;padding:7px max(7px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--pkis-border);background:color-mix(in srgb,var(--pkis-bg) 96%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000038}.pkis-mobile-navigation>button,.pkis-mobile-navigation summary{min-height:50px;color:var(--pkis-text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;gap:3px;padding:3px;font-size:.64rem;font-weight:800;list-style:none;display:grid;position:relative}.pkis-mobile-navigation summary::-webkit-details-marker{display:none}.pkis-mobile-navigation>button span,.pkis-mobile-navigation summary span{color:var(--pkis-text-soft);font-size:1rem}.pkis-mobile-navigation>button.active{background:var(--pkis-surface-3);color:var(--pkis-text)}.pkis-mobile-navigation em{background:var(--pkis-danger);color:#fff;border-radius:999px;place-items:center;min-width:17px;height:17px;font-size:.58rem;font-style:normal;display:grid;position:absolute;top:0;right:18%}.pkis-mobile-navigation details{position:relative}.pkis-mobile-navigation details>div{border:1px solid var(--pkis-border);background:var(--pkis-surface);min-width:220px;max-height:55vh;box-shadow:var(--pkis-shadow);border-radius:12px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0;overflow:auto}.pkis-mobile-navigation details>div button{color:var(--pkis-text);text-align:left;background:0 0;border:0;border-radius:8px;padding:11px}.pkis-mobile-navigation details>div button:hover{background:var(--pkis-surface-3)}.pkis-notification-drawer{padding-bottom:72px}.pkis-notification-drawer>header{padding:18px}.pkis-quiet-hours{grid-template-columns:1fr}}@media (width<=430px){.pkis-app-navigation{padding-inline:8px}.pkis-nav-brand span{display:none}.pkis-nav-actions{margin-right:43px}.pkis-signout-button strong{display:none}.pkis-signout-button,.pkis-notification-button{width:38px;padding:7px}.pkis-interface-language{max-width:50px}}:root[data-theme=light] :where(.assignment-page,.quiz-management-page,.retrain-page,.training-report,.control-center,.employee-history,.employee-intelligence,.history-page){background:var(--pkis-bg)!important;color:var(--pkis-text)!important}:root[data-theme=light] :where(.assignment-page,.quiz-management-page,.retrain-page,.training-report,.control-center,.employee-history,.employee-intelligence,.history-page) :where(h1,h2,h3,h4,label,th,td,strong){color:var(--pkis-text)!important}:root[data-theme=light] :where(.assignment-page,.quiz-management-page,.retrain-page,.training-report,.control-center,.employee-history,.employee-intelligence,.history-page) :where(p,small,.subtitle){color:var(--pkis-text-muted)!important}:root[data-theme=light] :where(.assignment-page,.quiz-management-page,.retrain-page,.training-report,.control-center,.employee-history,.employee-intelligence,.history-page) :where(.assignment-card,.quiz-management-card,.retrain-card,.panel,.card,.employee-profile,.employee-summary,.history-selector,.control-content,.export-section,table){background:var(--pkis-surface)!important;border-color:var(--pkis-border)!important;color:var(--pkis-text)!important}:root[data-theme=light] :where(.assignment-page,.quiz-management-page,.retrain-page,.training-report,.control-center,.employee-history,.employee-intelligence,.history-page) :where(input,select,textarea){background:var(--pkis-surface)!important;border-color:var(--pkis-border-light)!important;color:var(--pkis-text)!important}:root[data-theme=light] :where(.assignment-page,.quiz-management-page,.retrain-page,.training-report,.control-center,.employee-history,.employee-intelligence,.history-page) :where(.back-button,.secondary-button){background:var(--pkis-surface-3)!important;border-color:var(--pkis-border-light)!important;color:var(--pkis-text)!important}:root[data-theme=light] :where(.assignment-page,.quiz-management-page,.retrain-page,.training-report,.control-center,.employee-history,.employee-intelligence,.history-page) :where(thead,tbody tr:hover){background:var(--pkis-surface-2)!important}:root[data-theme=light] :where(.assignment-page,.quiz-management-page,.retrain-page,.training-report,.control-center,.employee-history,.employee-intelligence,.history-page) :where(td,th){border-color:var(--pkis-border)!important}:root[data-theme=light] .assignment-card :where(section[style],div[style],article){background:var(--pkis-surface-2)!important;border-color:var(--pkis-border)!important;color:var(--pkis-text)!important}:root[data-theme=light] .assignment-card :where(section[style],div[style],article) :where(h2,h3,p,span,small,strong){color:var(--pkis-text)!important}:root[data-theme=light] .control-center :where(.alert-panel,.actions-panel,.empty-state){background:var(--pkis-surface-2)!important;border-color:var(--pkis-border)!important;color:var(--pkis-text)!important}:root[data-theme=light] .control-center .card{background:var(--pkis-surface)!important;border-color:var(--pkis-border)!important}:root[data-theme=light] .control-center :where(.alert-panel,.empty-state) :where(h3,p,span){color:var(--pkis-text-muted)!important}:root[data-theme=light] :where(.quiz-question-item,.quiz-empty,.status-message),:root[data-theme=light] :where(.history-panel,.summary-grid>div,.summary-status,.intel-panel,.assignment-summary>div,.empty-history,.recommendation){background:var(--pkis-surface-2)!important;border-color:var(--pkis-border)!important;color:var(--pkis-text)!important}:where(.assignment-page,.quiz-management-page,.retrain-page,.training-report,.control-center,.employee-history,.employee-intelligence,.history-page,.training-operations,.daily-operations-page,.maintenance-page,.company-policy-page,.supervisor-product-library,.supervisor-form-page){min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--pkis-bg)!important;color:var(--pkis-text)!important}:where(.assignment-page,.quiz-management-page,.retrain-page,.training-report,.control-center,.employee-history,.employee-intelligence,.history-page,.training-operations,.daily-operations-page,.maintenance-page,.company-policy-page,.supervisor-product-library,.supervisor-form-page) :where(input,select,textarea){font:inherit;border-color:var(--pkis-border-light)!important;background:var(--pkis-surface-2)!important;color:var(--pkis-text)!important}button.pkis-back-button{border:1px solid var(--pkis-border-light)!important;background:var(--pkis-surface-3)!important;width:auto!important;min-height:42px!important;color:var(--pkis-text)!important;box-shadow:var(--pkis-shadow-small)!important;cursor:pointer!important;border-radius:9px!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin:0!important;padding:9px 15px!important;font-family:inherit!important;font-size:13px!important;font-weight:850!important;line-height:1.2!important;text-decoration:none!important;transition:border-color .18s,background .18s,transform .18s!important;display:inline-flex!important}button.pkis-back-button:before{content:"";border-bottom:2px solid;border-left:2px solid;flex:0 0 8px;width:8px;height:8px;display:block;transform:rotate(45deg)}button.pkis-back-button:hover{border-color:var(--pkis-primary-hover)!important;background:color-mix(in srgb, var(--pkis-surface-3), var(--pkis-primary) 12%)!important;transform:translateY(-1px)!important}button.pkis-back-button:focus-visible{outline:3px solid color-mix(in srgb, var(--pkis-primary), transparent 68%);outline-offset:2px}.supervisor-form-page{padding:32px 20px 60px}.supervisor-form-shell{border:1px solid var(--pkis-border);background:var(--pkis-surface);width:min(900px,100%);box-shadow:var(--pkis-shadow);border-radius:14px;margin:0 auto;padding:28px}.supervisor-tool-header{border-bottom:1px solid var(--pkis-border);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;padding-bottom:20px;display:flex}.supervisor-tool-header span{color:var(--pkis-primary-hover);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.supervisor-tool-header h1{margin:6px 0;font-size:clamp(26px,4vw,34px)}.supervisor-tool-header p,.supervisor-form-shell p,.supervisor-form-shell small{color:var(--pkis-text-muted);line-height:1.5}.supervisor-form-shell>div,.supervisor-form-shell>section{margin-bottom:16px}.supervisor-form-shell>div>label,.supervisor-form-shell>section label{color:var(--pkis-text-soft);font-size:13px;font-weight:800}.supervisor-form-shell>div>input,.supervisor-form-shell>div>select,.supervisor-form-shell>section input,.supervisor-form-shell>section select{width:100%;min-height:44px;margin-top:7px;padding:10px 12px}.supervisor-form-shell button:not(.pkis-back-button){background:var(--pkis-primary);color:#fff;cursor:pointer;border:0;border-radius:9px;min-height:43px;padding:9px 15px;font-weight:850}@media (width<=640px){.supervisor-form-page{padding:18px 12px 40px}.supervisor-form-shell{padding:19px 16px}.supervisor-tool-header{flex-direction:column-reverse;align-items:stretch}.supervisor-tool-header .pkis-back-button{align-self:flex-start}}:where(.pkis-dashboard,.pkis-app-navigation) :where(button,summary,a[href],input,select){min-height:44px}:where(.pkis-dashboard,.pkis-app-navigation) :where(button,summary,a[href],input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb, var(--pkis-primary) 72%, #fff);outline-offset:2px}:where(.employee-welcome-hero,.supervisor-command-hero,.ceo-command-hero,.accountant-hero,.quality-hero){box-shadow:0 12px 34px #030a1829!important}.accountant-progress,.quality-progress{border:1px solid var(--pkis-border);background:var(--pkis-surface);border-radius:16px;grid-template-columns:minmax(220px,.55fr) minmax(280px,1fr);align-items:center;gap:18px 28px;margin-bottom:18px;padding:18px 20px;display:grid}.accountant-progress>div:first-child,.quality-progress>div:first-child{gap:3px;display:grid}.accountant-progress>div:first-child>span,.quality-progress>div:first-child>span{color:var(--pkis-primary-hover);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:900}.accountant-progress>div:first-child>strong,.quality-progress>div:first-child>strong{font-size:21px}.accountant-progress small,.quality-progress small{color:var(--pkis-text-muted)}.accountant-progress-bars,.quality-progress>div:last-child{gap:10px;display:grid}.accountant-progress label,.quality-progress label{gap:5px;display:grid}.accountant-progress label>span,.quality-progress label>span{color:var(--pkis-text-soft);justify-content:space-between;gap:12px;font-size:11px;font-weight:800;display:flex}.accountant-progress em,.quality-progress em{color:var(--pkis-text-muted);font-style:normal}.accountant-progress label>i,.quality-progress label>i{background:var(--pkis-surface-3);border-radius:999px;height:8px;overflow:hidden}.accountant-progress b,.quality-progress b{border-radius:inherit;background:var(--pkis-primary);height:100%;transition:width .6s;display:block}@media (width<=760px){:where(.employee-category-navigation,.supervisor-dashboard-tabs,.ceo-dashboard-tabs,.accountant-tabs,.quality-tabs,.people-tabs,.temperature-tabs){overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity;overflow-x:auto;grid-template-columns:none!important;gap:5px!important;display:flex!important}:where(.employee-category-navigation,.supervisor-dashboard-tabs,.ceo-dashboard-tabs,.accountant-tabs,.quality-tabs,.people-tabs,.temperature-tabs)::-webkit-scrollbar{display:none}:where(.employee-category-navigation,.supervisor-dashboard-tabs,.ceo-dashboard-tabs,.accountant-tabs,.quality-tabs,.people-tabs,.temperature-tabs)>button{scroll-snap-align:start;flex:none;min-width:96px}.accountant-progress,.quality-progress{grid-template-columns:1fr;padding:16px}:where(.employee-welcome-hero,.supervisor-command-hero,.ceo-command-hero,.accountant-hero,.quality-hero){border-radius:18px!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}}