: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-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-shadow:0 8px 25px #1e293b1f;--pkis-shadow-small:0 4px 14px #1e293b1a}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)}.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}.login-card,.supervisor-login-card{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}.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}.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}.dashboard.supervisor-home{box-sizing:border-box;background:var(--pkis-bg);width:100%;min-height:100vh;color:var(--pkis-text);padding:82px 20px 60px}.supervisor-home{box-sizing:border-box;width:100%}.supervisor-home>*{box-sizing:border-box;width:100%;max-width:1180px;margin-left:auto;margin-right:auto}.supervisor-home h1{color:var(--pkis-text);margin:0 0 8px;font-size:34px}.supervisor-home h2{color:var(--pkis-text);margin:0 0 10px;font-size:22px}.supervisor-home h3{color:var(--pkis-text)}.supervisor-home p{color:var(--pkis-text-muted);line-height:1.6}.supervisor-home button{border:1px solid var(--pkis-border-light);background:var(--pkis-surface-3);color:var(--pkis-text);cursor:pointer;border-radius:8px;padding:10px 15px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.supervisor-home button:hover{background:color-mix(in srgb, var(--pkis-surface-3), var(--pkis-text) 10%);transform:translateY(-1px)}.supervisor-home .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px;display:grid}.supervisor-home .card{border:1px solid var(--pkis-border);background:var(--pkis-surface);text-align:center;box-sizing:border-box;border-radius:12px;min-width:0;padding:18px;box-shadow:0 8px 20px #0003}.supervisor-home .card h3{color:var(--pkis-text-muted);margin:0 0 9px;font-size:13px;font-weight:600}.supervisor-home .card p{color:var(--pkis-text);margin:0;font-size:28px;font-weight:700}.supervisor-home .panel{border:1px solid var(--pkis-border);background:var(--pkis-surface);box-sizing:border-box;border-radius:14px;width:100%;margin-bottom:22px;padding:24px;overflow:hidden;box-shadow:0 8px 22px #0003}.supervisor-home .table-scroll{-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;max-width:100%;overflow:auto hidden}.supervisor-home .data-table{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;min-width:760px;color:var(--pkis-text);display:table}.supervisor-home .data-table thead{display:table-header-group}.supervisor-home .data-table tbody{display:table-row-group}.supervisor-home .data-table tr{display:table-row}.supervisor-home .data-table th,.supervisor-home .data-table td{box-sizing:border-box;vertical-align:middle;border-bottom:1px solid var(--pkis-border);white-space:nowrap;text-overflow:ellipsis;display:table-cell;overflow:hidden}.supervisor-home .data-table th{color:var(--pkis-text);text-align:left;padding:12px 10px;font-size:15px;font-weight:700}.supervisor-home .data-table td{color:var(--pkis-text);text-align:left;padding:10px;font-size:15px}.supervisor-home .data-table .table-center,.supervisor-home .data-table .table-status{text-align:center}.supervisor-home .data-table .table-status>span{box-sizing:border-box;white-space:nowrap;justify-content:center;align-items:center;max-width:100%;display:inline-flex}.supervisor-home .data-table tbody tr:hover{background:color-mix(in srgb, var(--pkis-surface-3), transparent 55%)}.supervisor-home .data-table tbody tr:last-child td{border-bottom:none}.supervisor-home .action-table{min-width:850px}.supervisor-home .action-table col.employee{width:18%}.supervisor-home .action-table col.branch{width:15%}.supervisor-home .action-table col.product{width:20%}.supervisor-home .action-table col.score{width:13%}.supervisor-home .action-table col.attempts{width:10%}.supervisor-home .action-table col.updated{width:24%}.supervisor-home .branch-table{min-width:900px}.supervisor-home .branch-table col.branch{width:14%}.supervisor-home .branch-table col.employees{width:11%}.supervisor-home .branch-table col.assignments{width:13%}.supervisor-home .branch-table col.completed,.supervisor-home .branch-table col.retraining,.supervisor-home .branch-table col.completion{width:12%}.supervisor-home .branch-table col.average{width:14%}.supervisor-home .branch-table col.status{width:12%}.supervisor-home .quiz-table{min-width:850px}.supervisor-home .quiz-table col.employee{width:22%}.supervisor-home .quiz-table col.product{width:25%}.supervisor-home .quiz-table col.score{width:12%}.supervisor-home .quiz-table col.status{width:21%}.supervisor-home .quiz-table col.completed{width:20%}@media (width<=1100px){.supervisor-home .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.dashboard.supervisor-home{padding:76px 12px 40px}.supervisor-home h1{font-size:28px}.supervisor-home h2{font-size:20px}.supervisor-home .panel{padding:18px 14px}.supervisor-home .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.supervisor-home .kpi-grid{grid-template-columns:1fr}.supervisor-home .card p{font-size:24px}}.assignment-page{box-sizing:border-box;color:#fff;background:#0f1117;min-height:100vh;padding:32px 20px 60px}.assignment-card{box-sizing:border-box;background:#181c25;border:1px solid #2d3545;border-radius:14px;width:100%;max-width:1180px;margin:0 auto;padding:28px;box-shadow:0 10px 28px #00000047}.assignment-card h1{margin:16px 0 8px;font-size:32px}.assignment-card h2,.assignment-card h3{color:#fff}.assignment-card p{color:#aab4c5}.subtitle{color:#aab4c5;margin:0;line-height:1.6}.back-button,.assignment-card button{color:#fff;cursor:pointer;background:#202938;border:1px solid #364255;border-radius:8px;padding:10px 15px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.back-button:hover,.assignment-card button:hover{background:#2a3547;transform:translateY(-1px)}.assign-button{background:#2864e8!important;border:none!important}.assign-button:hover{background:#3b75f0!important}.assignment-group{flex-direction:column;gap:7px;display:flex}.assignment-group label{color:#dce3ef;font-size:14px;font-weight:600}.assignment-group input,.assignment-group select,.assignment-card input[type=search]{box-sizing:border-box;color:#fff;background:#11151d;border:1px solid #3a4558;border-radius:8px;outline:none;width:100%;min-height:43px;padding:10px 12px;font-family:inherit;font-size:14px}.assignment-group input:focus,.assignment-group select:focus,.assignment-card input[type=search]:focus{border-color:#2864e8;box-shadow:0 0 0 2px #2864e82e}.assignment-group input[readonly]{color:#aab4c5;cursor:default}.assignment-card select option{color:#fff;background:#11151d}.assignment-message{border-radius:8px;padding:13px 14px;font-size:14px;font-weight:600}.assignment-card section[style]{color:#fff}.assignment-card section[style*="background: rgb(248, 250, 252)"],.assignment-card section[style*="background:#f8fafc"]{background:#151a23!important;border-color:#2d3545!important}.assignment-card div[style*="background: rgb(248, 250, 252)"],.assignment-card div[style*="background:#f8fafc"]{background:#1b2130!important;border-color:#303a4e!important}.assignment-card div[style*="background: rgb(255, 251, 235)"],.assignment-card div[style*="background:#fffbeb"]{background:#332b17!important;border-color:#725b1d!important}.assignment-card div[style*="background: rgb(255, 241, 242)"],.assignment-card div[style*="background:#fff1f2"]{background:#351b22!important;border-color:#71303d!important}.assignment-card div[style*="background: rgb(240, 253, 244)"],.assignment-card div[style*="background:#f0fdf4"]{background:#163222!important;border-color:#27653e!important}.assignment-card article{color:#fff;background:#151a23!important;border-color:#303a4e!important}.assignment-card article[style*=fca5a5]{border-color:#a33b48!important}.assignment-card small{color:#aab4c5}.assignment-card table{border-collapse:collapse;color:#fff;width:100%;min-width:720px}.assignment-card thead{background:#202938}.assignment-card th{text-align:left;color:#dce3ef;text-transform:uppercase;letter-spacing:.04em;padding:13px 12px;font-size:12px}.assignment-card td{color:#c9d2e3;border-bottom:1px solid #2d3545;padding:14px 12px;font-size:14px}.assignment-card tbody tr:hover{background:#202938}@media (width<=700px){.assignment-page{padding:20px 14px 40px}.assignment-card{padding:19px}.assignment-card h1{font-size:26px}.assignment-card input[type=search]{width:100%}}.control-center{box-sizing:border-box;color:#fff;background:#12141c;min-height:100vh;padding:30px}:root[data-theme=light] .control-center{background:var(--pkis-bg);color:var(--pkis-text)}:root[data-theme=light] .control-center :where(.card,.alert-panel,.panel,.actions-panel,.empty-state){background:var(--pkis-surface);border-color:var(--pkis-border);color:var(--pkis-text)}:root[data-theme=light] .control-center :where(h1,h2,h3,strong,th,td){color:var(--pkis-text)}:root[data-theme=light] .control-center :where(p,span){color:var(--pkis-text-muted)}:root[data-theme=light] .control-center :where(button,select,input){background:var(--pkis-surface-3);border-color:var(--pkis-border-light);color:var(--pkis-text)}:root[data-theme=light] .control-center th{background:var(--pkis-surface-3);border-color:var(--pkis-border)}:root[data-theme=light] .control-center td{border-color:var(--pkis-border)}:root[data-theme=light] .control-center tbody tr:hover{background:var(--pkis-surface-2)}.control-content{width:min(1200px,100%);margin:0 auto}.control-center .back-button,.control-center button{color:#fff;font:inherit;cursor:pointer;background:#252a38;border:1px solid #3b4255;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.control-center button:hover{background:#303749;border-color:#6366f1;transform:translateY(-1px)}.control-center .back-button,.control-header{margin-bottom:25px}.control-header h1{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:36px;font-weight:700}.control-header p,.panel-header p{color:#9da7c0;margin:0;font-size:15px}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-bottom:25px;display:grid}.control-center .card{text-align:center;background:linear-gradient(145deg,#242938,#171a22);border:1px solid #303646;border-radius:16px;padding:20px}.control-center .card span{color:#aab4cc;margin-bottom:10px;font-size:13px;display:block}.control-center .card strong{color:#fff;font-size:28px;display:block}.alert-panel,.panel,.actions-panel{background:#1a1d27;border:1px solid #303646;border-radius:18px;margin-bottom:25px;padding:25px}.alert-panel p{margin:0;font-weight:600}.alert-success{color:#6ee7a0;border-left:5px solid #6ee7a0}.alert-danger{color:#f87171;border-left:5px solid #f87171}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panel-header h2{color:#fff;margin:0 0 8px;font-size:22px}.record-count{color:#aeb8ce;border:1px solid #3b4255;border-radius:20px;flex:none;padding:6px 10px;font-size:12px}.control-center table{border-collapse:collapse;width:100%;min-width:850px}.control-center th{color:#fff;text-align:left;background:#252a38;border-bottom:1px solid #3b4255;padding:14px;font-size:13px;font-weight:600}.control-center td{color:#c8d1e8;border-bottom:1px solid #303646;padding:14px;font-size:14px}.control-center tbody tr:hover{background:#202532}.control-center tbody tr:last-child td{border-bottom:0}.control-center td strong{color:#fff}.priority,.status{border:1px solid #0000;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-block}.priority.high{color:#f87171;background:#f871711f;border-color:#f8717140}.priority.normal{color:#facc15;background:#facc151f;border-color:#facc1540}.status.completed{color:#6ee7a0;background:#6ee7a01f;border-color:#6ee7a040}.status.assigned{color:#facc15;background:#facc151f;border-color:#facc1540}.overdue{color:#f87171;font-weight:700}.control-center .complete-button,.control-center .primary-action{background:#6366f1;border-color:#6366f1}.control-center .complete-button:hover,.control-center .primary-action:hover{background:#5558d9}.empty-state{color:#9da7c0;text-align:center;padding:30px}.empty-state h3{color:#fff;margin:0 0 8px}.empty-state p{margin:0 0 18px}.action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.action-grid button{min-height:48px}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.control-center{padding:18px}.control-header h1{font-size:28px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.actions-panel,.alert-panel{padding:18px}.panel-header{flex-direction:column}.action-grid{grid-template-columns:1fr}}@media (width<=400px){.kpi-grid{grid-template-columns:1fr}}.retrain-page{background:var(--pkis-bg);min-height:100vh;color:var(--pkis-text);padding:30px 24px 70px}.retrain-header{align-items:center;gap:16px;width:min(900px,100%);margin:0 auto 26px;display:flex}.retrain-icon{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:14px;flex:0 0 54px;place-items:center;width:54px;height:54px;font-size:25px;display:grid}.retrain-header h1{color:var(--pkis-text);margin:0 0 6px;font-size:32px;font-weight:800}.retrain-header p{color:var(--pkis-text-muted);margin:0;font-size:14px;line-height:1.5}.retrain-card{background:var(--pkis-surface);border:1px solid var(--pkis-border);width:min(900px,100%);box-shadow:var(--pkis-shadow);border-radius:16px;margin:0 auto;padding:30px}.retrain-card .back-button{margin-bottom:24px}.retrain-card button{border:1px solid var(--pkis-border-light);background:var(--pkis-surface-3);color:var(--pkis-text);font:inherit;cursor:pointer;border-radius:9px;padding:10px 15px;font-size:13px;font-weight:700;transition:all .18s}.retrain-card button:hover{border-color:var(--pkis-primary-hover);background:#2b3344;transform:translateY(-1px)}.form-group{margin-bottom:22px}.form-group label{color:var(--pkis-text-soft);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.form-group select,.form-group input{background:var(--pkis-surface-2);width:100%;min-height:46px;color:var(--pkis-text);border:1px solid var(--pkis-border-light);font:inherit;border-radius:9px;outline:none;padding:10px 13px;font-size:14px}.form-group select:focus,.form-group input:focus{border-color:var(--pkis-primary);box-shadow:0 0 0 3px #2563eb26}.form-group input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.employee-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 25px;display:grid}.employee-summary>div{background:var(--pkis-surface-2);border:1px solid var(--pkis-border);border-radius:10px;padding:15px}.employee-summary span{color:var(--pkis-text-muted);margin-bottom:6px;font-size:12px;display:block}.employee-summary strong{color:var(--pkis-text);font-size:14px}.training-gaps{margin-bottom:24px}.training-gaps h2{margin:0 0 13px;font-size:20px}.no-gaps,.gap-item{border-radius:10px;padding:14px 16px}.no-gaps{color:#86efac;background:#22c55e12;border:1px solid #22c55e38}.gap-list{gap:10px;display:grid}.gap-item{background:var(--pkis-surface-2);border:1px solid var(--pkis-border);justify-content:space-between;align-items:center;gap:14px;display:flex}.gap-item strong{color:var(--pkis-text)}.priority-box{background:#f59e0b14;border:1px solid #f59e0b40;border-radius:10px;margin:20px 0;padding:15px 16px}.priority-title{color:#fbbf24;margin-bottom:5px;font-weight:800}.retrain-actions{gap:12px;margin-top:26px;display:flex}.retrain-actions .assign-button{background:var(--pkis-danger);border-color:var(--pkis-danger);color:#fff;flex:1}.retrain-actions .assign-button:hover{background:#f05252;border-color:#f05252;box-shadow:0 6px 16px #ef444438}.retrain-actions .back-button{background:var(--pkis-surface-3)}.retrain-empty{text-align:center;padding:35px 20px}.empty-icon{margin-bottom:10px;font-size:38px}.retrain-empty h1{margin:0 0 8px}.retrain-empty p{color:var(--pkis-text-muted);margin:0}@media (width<=700px){.retrain-page{padding:20px 12px 45px}.retrain-header{align-items:flex-start}.retrain-header h1{font-size:27px}.retrain-card{border-radius:12px;padding:21px 17px}.employee-summary{grid-template-columns:1fr}.retrain-actions{flex-direction:column}.gap-item{flex-direction:column;align-items:flex-start}}.employee-intelligence{color:#fff;background:#12141c;min-height:100vh;padding:30px}.back-button{color:#dce3f5;cursor:pointer;background:#252a38;border:1px solid #3b4255;border-radius:8px;margin-bottom:25px;padding:10px 18px;font-size:14px;transition:all .2s}.back-button:hover{background:#303649;border-color:#59627a}.employee-header{text-align:center;margin-bottom:30px}.employee-header h1{color:#fff;margin-bottom:5px;font-size:38px}.employee-header p{color:#9da7c0;font-size:16px}.employee-profile{background:linear-gradient(145deg,#1f2431,#171a22);border:1px solid #303646;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:25px;display:flex;box-shadow:0 8px 25px #0000002e}.employee-profile h2{margin-bottom:15px;font-size:30px}.employee-profile p{color:#aeb8ce;margin:7px 0}.employee-profile strong{color:#fff;margin-left:8px}.certification-box{text-align:center;background:#252a38;border:1px solid #3b4255;border-radius:14px;min-width:190px;padding:20px 35px}.certification-box span{color:#9da7c0;margin-bottom:8px;font-size:14px;display:block}.certification-box strong{color:#6ee7a0;font-size:22px}.intelligence-kpis{grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:25px;display:grid}.intel-card{text-align:center;background:linear-gradient(145deg,#242938,#171a22);border:1px solid #303646;border-radius:16px;padding:22px;transition:transform .2s,border-color .2s;box-shadow:0 8px 20px #00000026}.intel-card:hover{border-color:#4b556d;transform:translateY(-2px)}.intel-card span{color:#aab4cc;margin-bottom:12px;font-size:14px;display:block}.intel-card strong{color:#fff;font-size:30px}.management-alert{color:#f1f5f9;background:#302329;border-left:5px solid #ef4444;border-radius:10px;align-items:center;gap:12px;margin-bottom:25px;padding:17px 20px;display:flex}.management-alert strong{color:#ff8b8b}.management-alert span{color:#c8d1e8}.intel-panel{background:#1a1d27;border:1px solid #303646;border-radius:18px;margin-bottom:25px;padding:25px;box-shadow:0 8px 25px #00000026}.intel-panel h2{color:#f8fafc;margin-bottom:20px;font-size:21px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.employee-intelligence table{border-collapse:collapse;width:100%}.employee-intelligence th{color:#fff;text-align:center;background:#252525;padding:14px;font-weight:600}.employee-intelligence td{color:#c8d1e8;text-align:center;border-bottom:1px solid #343846;padding:14px}.employee-intelligence tbody tr{transition:background .2s}.employee-intelligence tbody tr:hover{background:#202430}.intel-columns{grid-template-columns:1fr 1fr;gap:25px;display:grid}.intel-panel ul{margin:0;padding:0;list-style:none}.intel-panel li{color:#c8d1e8;border-bottom:1px solid #303646;align-items:center;gap:10px;padding:13px 0;display:flex}.intel-panel li:last-child{border-bottom:none}.intel-panel li strong{color:#fff;margin-left:auto}.assignment-summary{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.assignment-summary div{text-align:center;background:#202430;border:1px solid #343b4d;border-radius:12px;padding:20px}.assignment-summary span{color:#9da7c0;margin-bottom:8px;display:block}.assignment-summary strong{color:#fff;font-size:28px}.recommendation h2{margin-bottom:12px}.recommendation p{color:#c8d1e8;margin:0;line-height:1.6}.intel-actions{flex-wrap:wrap;gap:15px;margin-top:10px;margin-bottom:30px;display:flex}.intel-actions button{cursor:pointer;border:none;border-radius:9px;padding:13px 22px;font-size:14px;font-weight:600;transition:transform .2s,opacity .2s,background .2s}.intel-actions button:hover{opacity:.92;transform:translateY(-2px)}.primary-action{color:#fff;background:#6366f1}.primary-action:hover{background:#5558e8}.secondary-action{color:#dce3f5;background:#252a38;border:1px solid #3b4255!important}.secondary-action:hover{background:#303649}.empty-state{text-align:center;color:#9da7c0;background:#171a22;border-radius:10px;padding:30px}@media (width<=1100px){.intelligence-kpis{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.intelligence-kpis{grid-template-columns:repeat(2,1fr)}.intel-columns{grid-template-columns:1fr}.employee-profile{flex-direction:column;align-items:flex-start;gap:20px}.certification-box{width:100%}.assignment-summary{grid-template-columns:1fr}}@media (width<=600px){.employee-intelligence{padding:18px}.employee-header h1{font-size:28px}.intelligence-kpis{grid-template-columns:1fr}.intel-panel{padding:18px;overflow-x:auto}.intel-actions{flex-direction:column}.intel-actions button{width:100%}}:root[data-theme=light] .employee-intelligence{background:var(--pkis-bg);color:var(--pkis-text)}:root[data-theme=light] .employee-intelligence :where(.employee-profile,.intel-card,.intel-panel,.certification-box,.assignment-summary div,.recommendation,.empty-state){background:var(--pkis-surface);border-color:var(--pkis-border);color:var(--pkis-text);box-shadow:var(--pkis-shadow-small)}:root[data-theme=light] .employee-intelligence :where(h1,h2,h3,strong,th,td){color:var(--pkis-text)}:root[data-theme=light] .employee-intelligence :where(p,span,li){color:var(--pkis-text-muted)}:root[data-theme=light] .employee-intelligence :where(button,select,input){background:var(--pkis-surface-3);border-color:var(--pkis-border-light);color:var(--pkis-text)}:root[data-theme=light] .employee-intelligence th{background:var(--pkis-surface-3);border-color:var(--pkis-border)}:root[data-theme=light] .employee-intelligence td,:root[data-theme=light] .employee-intelligence li{border-color:var(--pkis-border)}:root[data-theme=light] .employee-intelligence tbody tr:hover{background:var(--pkis-surface-2)}.employee-history{color:#fff;box-sizing:border-box;background:#12141c;min-height:100vh;padding:30px}.employee-history .back-button{color:#fff;cursor:pointer;background:#252a38;border:1px solid #3b4255;border-radius:10px;margin-bottom:25px;padding:10px 16px;font-size:14px;transition:all .2s}.employee-history .back-button:hover{background:#303749;border-color:#6366f1}.history-header{margin-bottom:25px}.history-header h1{letter-spacing:-.5px;margin:0 0 8px;font-size:36px;font-weight:700}.history-header p{color:#9da7c0;margin:0;font-size:15px}.history-selector{background:#1a1d27;border:1px solid #303646;border-radius:16px;margin-bottom:25px;padding:20px}.history-selector label{color:#aeb8ce;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.history-selector select{color:#fff;cursor:pointer;background:#252a38;border:1px solid #3b4255;border-radius:10px;outline:none;width:100%;max-width:500px;padding:13px 15px;font-size:15px}.history-selector select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.employee-history .employee-profile{background:#1b1f2a;border:1px solid #303646;border-radius:18px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px;padding:25px;display:flex}.employee-history .employee-profile h2{margin:0 0 12px;font-size:30px}.employee-history .employee-profile p{color:#aeb8ce;margin:7px 0}.employee-history .employee-profile strong{color:#fff}.status-box{text-align:center;background:#252a38;border:1px solid #3b4255;border-radius:14px;min-width:190px;padding:18px 25px}.status-box span{color:#9da7c0;margin-bottom:8px;font-size:13px;display:block}.status-box strong{font-size:18px}.history-kpis{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:25px;display:grid}.history-card{text-align:center;background:linear-gradient(145deg,#242938,#171a22);border:1px solid #303646;border-radius:16px;padding:20px}.history-card span{color:#aab4cc;margin-bottom:10px;font-size:13px;display:block}.history-card strong{color:#fff;font-size:28px;display:block}.history-panel{background:#1a1d27;border:1px solid #303646;border-radius:18px;margin-bottom:25px;padding:25px}.history-panel h2{margin:0 0 20px;font-size:22px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.summary-grid>div{text-align:center;background:#252a38;border:1px solid #343a4c;border-radius:12px;padding:18px}.summary-grid span{color:#9da7c0;margin-bottom:8px;font-size:13px;display:block}.summary-grid strong{font-size:22px;display:block}.panel-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.panel-header h2{margin-bottom:20px}.panel-header>span{color:#9da7c0;font-size:13px}.table-wrapper{width:100%;overflow-x:auto}.employee-history table{border-collapse:collapse;width:100%;min-width:700px}.employee-history th{color:#fff;text-align:left;background:#252a38;border-bottom:1px solid #3b4255;padding:14px;font-size:13px;font-weight:600}.employee-history td{color:#c8d1e8;border-bottom:1px solid #303646;padding:14px;font-size:14px}.employee-history tbody tr{transition:background .2s}.employee-history tbody tr:hover{background:#202532}.employee-history td strong{color:#fff}.status{border-radius:20px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-block}.status.certified{color:#6ee7a0;background:#6ee7a01f;border:1px solid #6ee7a040}.status.retraining{color:#f87171;background:#f871711f;border:1px solid #f8717140}.status.pending{color:#facc15;background:#facc151f;border:1px solid #facc1540}.history-columns{grid-template-columns:1fr 1fr;gap:25px;display:grid}.performance-list{margin:0;padding:0;list-style:none}.performance-list li{border-bottom:1px solid #303646;align-items:center;gap:12px;padding:14px 0;display:flex}.performance-list li:last-child{border-bottom:none}.performance-list li>span{font-size:18px}.performance-list li>div{flex:1}.performance-list li strong{color:#fff;margin-bottom:4px;display:block}.performance-list li small{color:#8f99b0;display:block}.performance-list li b{font-size:17px}.empty-state{text-align:center;color:#9da7c0;padding:35px}.empty-state h3{color:#fff;margin-bottom:8px}.empty-text{color:#9da7c0}.success-text{color:#6ee7a0}.recommendation{background:#20283a;border:1px solid #303b55;border-left:5px solid #6366f1;border-radius:14px;margin-bottom:30px;padding:25px}.recommendation h2{margin:0 0 12px;font-size:21px}.recommendation p{color:#c8d1e8;margin-bottom:20px;line-height:1.7}.recommendation button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:9px;padding:11px 18px;font-weight:600;transition:all .2s}.recommendation button:hover{background:#5558d9}.empty-history{text-align:center;background:#1a1d27;border:1px solid #303646;border-radius:18px;padding:50px}.empty-history h1{margin-bottom:12px}.empty-history p{color:#9da7c0}@media (width<=1200px){.history-kpis{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.history-columns{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.employee-history .employee-profile{flex-direction:column;align-items:flex-start}.status-box{box-sizing:border-box;width:100%}}@media (width<=600px){.employee-history{padding:18px}.history-header h1{font-size:28px}.history-kpis{grid-template-columns:1fr 1fr}.summary-grid{grid-template-columns:1fr}.history-card strong{font-size:23px}.employee-history .employee-profile h2{font-size:24px}}@media (width<=400px){.history-kpis{grid-template-columns:1fr}}:root[data-theme=light] .employee-history{background:var(--pkis-bg)!important;color:var(--pkis-text)!important}:root[data-theme=light] .employee-history :where(h1,h2,h3,strong,label,th,td){color:var(--pkis-text)!important}:root[data-theme=light] .employee-history :where(p,span,small){color:var(--pkis-text-muted)!important}:root[data-theme=light] .employee-history :where(section[style],article[style],div[style]){border-color:var(--pkis-border)!important}:root[data-theme=light] .employee-history :where(section[style],article[style]){background:var(--pkis-surface)!important}:root[data-theme=light] .employee-history :where(select,input,button){background:var(--pkis-surface-3)!important;border-color:var(--pkis-border-light)!important;color:var(--pkis-text)!important}:root[data-theme=light] .employee-history thead{background:var(--pkis-surface-3)!important}:root[data-theme=light] .employee-history td{border-color:var(--pkis-border)!important}.training-report{box-sizing:border-box;color:#fff;background:#0f1117;min-height:100vh;padding:32px 20px 60px}.training-report h1{text-align:center;color:#fff;margin:0;font-size:34px}.training-report>p{text-align:center;color:#aab4c5;margin:10px 0 30px;line-height:1.6}.training-report .back-button{color:#fff;cursor:pointer;background:#202938;border:1px solid #364255;border-radius:8px;padding:10px 15px;font-size:14px;font-weight:600}.training-report .back-button:hover{background:#2a3547}.training-report .kpi-grid{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:26px;display:grid}.training-report .card{text-align:center;background:#181c25;border:1px solid #2d3545;border-radius:12px;padding:18px}.training-report .card h3{color:#aab4c5;margin:0 0 9px;font-size:13px;font-weight:600}.training-report .card p,.training-report .card h2{color:#fff;margin:0;font-size:27px;font-weight:700}.training-report .panel,.training-report .export-section{background:#181c25;border:1px solid #2d3545;border-radius:14px;margin-bottom:22px;padding:24px;overflow-x:auto}.training-report .panel h2,.training-report .export-section h2{color:#fff;margin:0 0 10px;font-size:22px}.training-report .panel>p,.training-report .export-section p{color:#aab4c5;line-height:1.6}.training-report button{color:#fff;cursor:pointer;background:#202938;border:1px solid #364255;border-radius:8px;margin:4px;padding:10px 15px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.training-report button:hover{background:#2a3547;transform:translateY(-1px)}.training-report table{border-collapse:collapse;width:100%;min-width:680px}.training-report thead{background:#202938}.training-report th{color:#dce3ef;text-align:left;text-transform:uppercase;letter-spacing:.04em;padding:13px 12px;font-size:12px;font-weight:700}.training-report td{color:#c9d2e3;border-bottom:1px solid #2d3545;padding:14px 12px;font-size:14px}.training-report tbody tr:hover{background:#202938}.training-report tbody tr:last-child td{border-bottom:none}.training-report .certified{color:#86efac;font-weight:700}.training-report .retraining{color:#fca5a5;font-weight:700}.training-report .pending{color:#fde68a;font-weight:700}.training-report .management-alerts{gap:12px;margin-bottom:22px;display:grid}.training-report .management-alert{border-radius:10px;padding:16px;font-weight:600;line-height:1.6}.training-report .management-alert.success{color:#bbf7d0;background:#163222;border:1px solid #27653e}.training-report .management-alert.warning{color:#fde68a;background:#332b17;border:1px solid #725b1d}.training-report .management-alert.critical{color:#fecaca;background:#351b22;border:1px solid #a33b48}.training-report .risk-low{color:#86efac;font-weight:700}.training-report .risk-medium{color:#fde68a;font-weight:700}.training-report .risk-high,.training-report .risk-critical{color:#fca5a5;font-weight:700}@media (width<=1100px){.training-report .kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.training-report{padding:20px 14px 40px}.training-report h1{font-size:26px}.training-report .kpi-grid{grid-template-columns:repeat(2,1fr)}.training-report .panel,.training-report .export-section{padding:18px}}@media (width<=450px){.training-report .kpi-grid{grid-template-columns:1fr}}.quiz-management-page{color:#fff;box-sizing:border-box;background:#0f1117;min-height:100vh;padding:32px 20px 60px}.quiz-management-container{width:100%;max-width:1200px;margin:0 auto}.quiz-management-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.quiz-management-header h1{margin:0 0 8px;font-size:32px;font-weight:700}.quiz-management-header p{color:#aab4c5;margin:0;font-size:15px;line-height:1.6}.quiz-management-header button{color:#fff;cursor:pointer;background:#202938;border:1px solid #364255;border-radius:8px;padding:11px 16px;font-weight:600}.quiz-management-header button:hover{background:#2a3547}.quiz-management-card{box-sizing:border-box;background:#181c25;border:1px solid #2d3545;border-radius:12px;margin-bottom:22px;padding:24px}.quiz-management-card h2{margin:0 0 8px;font-size:21px}.quiz-management-card p{color:#aab4c5;line-height:1.6}.quiz-management-card select{color:#fff;box-sizing:border-box;background:#11151d;border:1px solid #3a4558;border-radius:8px;outline:none;width:100%;max-width:600px;margin-top:12px;padding:13px 14px;font-size:15px}.quiz-management-card select:focus{border-color:#2864e8}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.status-badge{border-radius:20px;padding:7px 12px;font-size:13px;font-weight:700;display:inline-block}.status-badge.published{color:#bbf7d0;background:#166534}.status-badge.draft{color:#fde68a;background:#713f12}.status-message{background:#172033;border:1px solid #30405c;border-radius:8px;margin:16px 0;padding:12px 14px;color:#bcd0ff!important}.quiz-management-card label{color:#dce3ef;margin:18px 0 7px;font-size:14px;font-weight:600;display:block}.quiz-management-card textarea,.quiz-management-card input{color:#fff;box-sizing:border-box;background:#11151d;border:1px solid #3a4558;border-radius:8px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:15px}.quiz-management-card textarea{resize:vertical;min-height:110px;line-height:1.5}.quiz-management-card textarea:focus,.quiz-management-card input:focus{border-color:#2864e8;box-shadow:0 0 0 2px #2864e826}.quiz-management-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.quiz-management-actions button,.quiz-management-card>button{cursor:pointer;color:#fff;background:#2864e8;border:none;border-radius:8px;padding:11px 17px;font-size:14px;font-weight:600}.quiz-management-actions button:hover,.quiz-management-card>button:hover{background:#3b75f0}.quiz-management-actions button:disabled{opacity:.45;cursor:not-allowed}.quiz-management-actions button:nth-child(2){background:#394456}.quiz-management-actions button:nth-child(2):hover{background:#465268}.quiz-management-actions button:last-child{background:#8b2635}.quiz-management-actions button:last-child:hover{background:#a52d3f}.quiz-question-list{flex-direction:column;gap:14px;margin-top:16px;display:flex}.quiz-question-item{background:#11151d;border:1px solid #30394a;border-radius:10px;padding:20px}.quiz-question-item h3{color:#9db9ff;margin:0 0 10px;font-size:16px}.quiz-question-item p{color:#fff;margin:7px 0}.quiz-question-item p:last-of-type{color:#aab4c5}.quiz-question-item strong{color:#dce3ef}.quiz-empty{text-align:center;background:#11151d;border:1px dashed #3a4558;border-radius:10px;margin-top:15px;padding:28px}.quiz-empty h2,.quiz-empty h3{margin-top:0}.quiz-empty p{margin-bottom:20px}@media (width<=700px){.quiz-management-page{padding:20px 14px 40px}.quiz-management-header{flex-direction:column}.quiz-management-header h1{font-size:26px}.quiz-management-header button{width:100%}.quiz-management-card{padding:18px}.section-heading{flex-direction:column;align-items:flex-start}.quiz-management-actions{flex-direction:column}.quiz-management-actions button{width:100%}}.supervisor-product-library{background:var(--pkis-bg)!important;color:var(--pkis-text)!important}.supervisor-product-library :where(h1,h2,h3,strong,li){color:var(--pkis-text)!important}.supervisor-product-library>div>div[style]:not(:first-child),.supervisor-product-library>div>div[style]>div[style]{border-color:var(--pkis-border)!important}:root[data-theme=light] .supervisor-product-library>div>div[style]:not(:first-child),:root[data-theme=light] .supervisor-product-library>div>div[style]>div[style]{background:var(--pkis-surface)!important;color:var(--pkis-text)!important}.supervisor-product-library button{border:1px solid var(--pkis-border-light);background:var(--pkis-surface-3);color:var(--pkis-text);cursor:pointer;border-radius:8px;padding:10px 15px;font-weight:700}@media (width<=700px){.supervisor-product-library{padding:22px 14px!important}.supervisor-product-library>div>div:first-child{flex-direction:column;gap:14px;align-items:flex-start!important}}.quiz-container{box-sizing:border-box;color:#fff;background:#181c25;border:1px solid #2d3545;border-radius:14px;width:100%;padding:24px}.quiz-header{border-bottom:1px solid #2d3545;margin-bottom:22px;padding-bottom:18px}.quiz-header h2{color:#fff;margin:0 0 10px;font-size:24px}.quiz-header p{color:#aab4c5;margin:7px 0;line-height:1.6}.quiz-header strong{color:#9db9ff}.quiz-warning,.quiz-error{color:#fde68a;background:#332b17;border:1px solid #725b1d;border-radius:10px;padding:15px;line-height:1.6}.quiz-error{color:#fecaca;background:#351b22;border-color:#71303d}.quiz-questions{flex-direction:column;gap:16px;display:flex}.quiz-question{background:#11151d;border:1px solid #303a4e;border-radius:10px;padding:18px}.quiz-question label{color:#dce3ef;margin-bottom:11px;font-size:15px;font-weight:600;line-height:1.5;display:block}.quiz-question input{box-sizing:border-box;color:#fff;width:100%;min-height:43px;font:inherit;background:#0d1118;border:1px solid #3a4558;border-radius:8px;outline:none;padding:10px 12px}.quiz-question input:focus{border-color:#2864e8;box-shadow:0 0 0 2px #2864e82e}.quiz-question input:disabled{cursor:not-allowed;opacity:.7}.quiz-submit-button{color:#fff;cursor:pointer;background:#2864e8;border:none;border-radius:8px;align-self:flex-start;padding:12px 18px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.quiz-submit-button:hover{background:#3b75f0;transform:translateY(-1px)}.quiz-result{border-radius:12px;margin-top:24px;padding:20px;line-height:1.6}.quiz-result h3{margin:0 0 10px;font-size:20px}.quiz-result p{margin:7px 0}.quiz-result.success{color:#bbf7d0;background:#163222;border:1px solid #27653e}.quiz-result.success h3{color:#86efac}.quiz-result.warning{color:#fecaca;background:#351b22;border:1px solid #a33b48}.quiz-result.warning h3{color:#fca5a5}@media (width<=700px){.quiz-container{padding:18px}.quiz-header h2{font-size:21px}.quiz-submit-button{width:100%}}.training-page{box-sizing:border-box;color:#fff;background:#0f1117;min-height:100vh;padding:32px 20px 60px}.training-card{box-sizing:border-box;background:#181c25;border:1px solid #2d3545;border-radius:14px;width:100%;max-width:1000px;margin:0 auto;padding:28px;box-shadow:0 10px 28px #00000047}.training-card button{color:#fff;cursor:pointer;background:#202938;border:1px solid #364255;border-radius:8px;padding:10px 15px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.training-card button:hover{background:#2a3547;transform:translateY(-1px)}.training-card .primary-button{background:#2864e8;border:none}.training-card .primary-button:hover{background:#3b75f0}.training-header{border-bottom:1px solid #2d3545;margin:24px 0;padding-bottom:20px}.training-header h1{color:#fff;margin:0;font-size:32px}.training-subtitle{color:#9db9ff;margin:8px 0 0;font-size:15px;font-weight:600}.training-section{background:#11151d;border:1px solid #303a4e;border-radius:12px;margin-top:20px;padding:22px}.training-section h3{color:#fff;margin:0 0 14px;font-size:19px}.training-section p{color:#c9d2e3;margin:0;line-height:1.7}.training-section img,.training-section video{background:#0d1118;border:1px solid #364255}.ingredient-list{color:#c9d2e3;margin:0;padding-left:22px;line-height:1.8}.ingredient-list li::marker{color:#6f9cff}.preparation-box{white-space:pre-wrap;color:#c9d2e3;line-height:1.8}.training-divider{background:#2d3545;height:1px;margin:30px 0}.quiz-section{margin-top:0}.quiz-section>h2{color:#fff;margin:0 0 16px;font-size:25px}@media (width<=700px){.training-page{padding:20px 14px 40px}.training-card{padding:20px}.training-header h1{font-size:26px}.quiz-section>h2{font-size:22px}}.employee-dashboard{box-sizing:border-box;color:#fff;background:#0f1117;min-height:100vh;padding:32px 20px 60px}.employee-dashboard-container{width:100%;max-width:1180px;margin:0 auto}.employee-dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.employee-dashboard-header h1{color:#fff;margin:0 0 8px;font-size:32px}.employee-dashboard-header p{color:#aab4c5;margin:0;line-height:1.6}.employee-dashboard button{color:#fff;cursor:pointer;background:#202938;border:1px solid #364255;border-radius:8px;padding:10px 15px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.employee-dashboard button:hover{background:#2a3547;transform:translateY(-1px)}.employee-summary-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;display:grid}.employee-summary-card{background:#181c25;border:1px solid #2d3545;border-radius:12px;padding:18px}.employee-summary-card span{color:#aab4c5;font-size:13px;display:block}.employee-summary-card strong{color:#fff;margin-top:8px;font-size:29px;display:block}.employee-summary-card.retraining strong{color:#fca5a5}.employee-summary-card.completed strong{color:#86efac}.employee-training-list{gap:16px;display:grid}:root[data-theme=light] .employee-dashboard{background:var(--pkis-bg)!important;color:var(--pkis-text)!important}:root[data-theme=light] .employee-dashboard :where(h1,h2,h3,strong){color:var(--pkis-text)!important}:root[data-theme=light] .employee-dashboard :where(p,span){color:var(--pkis-text-muted)!important}:root[data-theme=light] .employee-dashboard :where(section>div[style],article[style],section[style]:not(:has(>div[style],>article))){background:var(--pkis-surface)!important;border-color:var(--pkis-border)!important;color:var(--pkis-text)!important}:root[data-theme=light] .employee-dashboard article[style]>div:last-child{border-color:var(--pkis-border)!important}:root[data-theme=light] .employee-dashboard button:not(.start-training-button):not(.retry-training-button):not(.certificate-download-button){background:var(--pkis-surface-3)!important;border-color:var(--pkis-border-light)!important;color:var(--pkis-text)!important}.employee-certificate-card,.employee-learning-library-card{border:1px solid var(--pkis-border);border-left:5px solid var(--pkis-primary);background:var(--pkis-surface);color:var(--pkis-text);box-shadow:var(--pkis-shadow-small);border-radius:14px;justify-content:space-between;align-items:center;gap:22px;margin-bottom:28px;padding:24px;display:flex}.employee-learning-library-card{border-left-color:var(--pkis-success)}.employee-learning-library-card h2{color:var(--pkis-text);margin:5px 0 7px}.employee-learning-library-card p{color:var(--pkis-text-muted);margin:0;line-height:1.55}.employee-learning-library-card button{flex:none;border-color:var(--pkis-primary)!important;background:var(--pkis-primary)!important;color:#fff!important}.employee-assignment-alert{border:1px solid color-mix(in srgb, var(--pkis-warning), transparent 45%);border-left:5px solid var(--pkis-warning);background:color-mix(in srgb, var(--pkis-warning), var(--pkis-surface) 90%);color:var(--pkis-text);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:22px 24px;display:flex}.employee-assignment-alert h2{color:var(--pkis-text);margin:5px 0 7px;font-size:21px}.employee-assignment-alert p{color:var(--pkis-text-muted);margin:0}.employee-assignment-alert-label{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800;color:var(--pkis-warning)!important}.employee-assignment-alert a{background:var(--pkis-primary);color:#fff;border-radius:8px;flex:none;padding:11px 15px;font-weight:700;text-decoration:none}.employee-certificate-card h2{color:var(--pkis-text);margin:5px 0 7px}.employee-certificate-card p{color:var(--pkis-text-muted);margin:0}.employee-certificate-eyebrow{color:var(--pkis-primary-hover);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.employee-certificate-progress{background:var(--pkis-surface-3);border-radius:999px;width:min(430px,100%);height:9px;margin-top:15px;overflow:hidden}.employee-certificate-progress span{border-radius:inherit;background:var(--pkis-primary);height:100%;display:block}.employee-certificate-card .certificate-download-button{border-color:var(--pkis-primary);background:var(--pkis-primary);color:#fff;flex:none}.employee-certificate-error{color:var(--pkis-danger)!important;margin-top:10px!important}.employee-training-card{background:#181c25;border:1px solid #2d3545;border-radius:14px;padding:22px}.employee-training-card.retraining{border-color:#a33b48}.employee-training-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.employee-training-card h2{color:#fff;margin:0 0 7px;font-size:21px}.employee-training-card p{color:#aab4c5;margin:0;line-height:1.6}.employee-training-status{border-radius:999px;padding:7px 11px;font-size:13px;font-weight:700;display:inline-block}.employee-training-status.assigned{color:#fde68a;background:#332b17}.employee-training-status.completed{color:#86efac;background:#163222}.employee-training-status.retraining{color:#fca5a5;background:#351b22}.employee-retraining-notice{color:#fecaca;background:#351b22;border:1px solid #71303d;border-radius:10px;margin-top:18px;padding:15px;line-height:1.6}.employee-training-meta{border-top:1px solid #2d3545;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-top:20px;padding-top:17px;display:flex}.employee-training-meta p{font-size:14px}.start-training-button{background:#2864e8!important;border:none!important}.start-training-button:hover{background:#3b75f0!important}.retry-training-button{background:#b42318!important;border:none!important}.retry-training-button:hover{background:#cf2c25!important}.employee-empty-state{text-align:center;background:#181c25;border:1px dashed #3a4558;border-radius:14px;padding:42px 22px}.employee-empty-state h2{color:#fff;margin:0 0 10px}.employee-empty-state p{color:#aab4c5;margin:0}@media (width<=700px){.employee-dashboard{padding:20px 14px 40px}.employee-dashboard-header h1{font-size:26px}.employee-summary-grid{grid-template-columns:1fr}.employee-training-card{padding:18px}.employee-training-meta{align-items:stretch}.employee-training-meta button{width:100%}.employee-certificate-card,.employee-learning-library-card,.employee-assignment-alert{flex-direction:column;align-items:stretch}.employee-certificate-card .certificate-download-button,.employee-learning-library-card button,.employee-assignment-alert a{width:100%}}.learning-library{box-sizing:border-box;background:var(--pkis-bg);min-height:100vh;color:var(--pkis-text);padding:32px 20px 64px}.learning-library-container{width:min(1180px,100%);margin:0 auto}.learning-library-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.learning-library-header h1{color:var(--pkis-text);margin:3px 0 8px;font-size:clamp(30px,5vw,42px)}.learning-library-header p{color:var(--pkis-text-muted);margin:0;line-height:1.6}.learning-library-eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800;color:var(--pkis-primary-hover)!important}.library-back-button,.library-tabs button{border:1px solid var(--pkis-border-light);background:var(--pkis-surface-3);color:var(--pkis-text);cursor:pointer;border-radius:9px;padding:11px 16px;font-weight:700}.library-notice{border:1px solid var(--pkis-border);border-left:4px solid var(--pkis-primary);background:var(--pkis-surface);color:var(--pkis-text-muted);border-radius:9px;margin-bottom:22px;padding:14px 16px;line-height:1.55}.library-tabs{gap:10px;margin-bottom:30px;display:flex}.library-tabs button[aria-selected=true]{border-color:var(--pkis-primary);background:var(--pkis-primary);color:#fff}.library-section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.library-section-heading h2{color:var(--pkis-text);margin:0 0 7px;font-size:25px}.library-section-heading p{color:var(--pkis-text-muted);margin:0;line-height:1.55}.library-section-heading>span{color:var(--pkis-text-muted);flex:none;font-size:14px;font-weight:700}.safety-topic-grid,.product-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.safety-video-lesson{border:1px solid var(--pkis-border);background:var(--pkis-surface);box-shadow:var(--pkis-shadow-small);border-radius:14px;grid-template-columns:.85fr 1.15fr;gap:22px;margin-bottom:22px;padding:20px;display:grid}.safety-video-copy{align-self:center}.safety-video-copy h3{color:var(--pkis-text);margin:5px 0 8px;font-size:22px}.safety-video-copy p{color:var(--pkis-text-muted);line-height:1.55}.safety-video-copy a{color:var(--pkis-primary-hover);margin-top:8px;font-weight:800;display:inline-block}.safety-video-frame{background:#071827;border-radius:11px;min-height:250px;position:relative;overflow:hidden}.safety-video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.safety-topic,.catalogue-card,.library-empty-state{border:1px solid var(--pkis-border);background:var(--pkis-surface);box-shadow:var(--pkis-shadow-small);border-radius:13px}.safety-topic summary{cursor:pointer;grid-template-columns:42px 1fr;gap:12px;padding:19px;list-style:none;display:grid}.safety-topic summary::-webkit-details-marker{display:none}.topic-number{background:var(--pkis-surface-3);width:38px;height:38px;color:var(--pkis-primary-hover);border-radius:9px;place-items:center;font-weight:800;display:grid}.safety-topic summary strong{color:var(--pkis-text);margin-bottom:5px;font-size:17px;display:block}.safety-topic summary small{color:var(--pkis-text-muted);font-size:14px;line-height:1.45;display:block}.safety-topic-content{padding:0 19px 20px}.safety-topic-content>img{aspect-ratio:3/2;object-fit:cover;border-radius:10px;width:100%}.safety-topic-content h4{color:var(--pkis-text);margin:17px 0 5px}.safety-topic-content p{color:var(--pkis-text-muted);margin:0;line-height:1.6}.safety-topic-content ul{color:var(--pkis-text-muted);margin:5px 0 0;padding-left:20px;line-height:1.65}.safety-topic-content .safety-check{border-left:4px solid var(--pkis-success);background:var(--pkis-surface-3);border-radius:7px;margin-top:15px;padding:12px 14px}.catalogue-filters{grid-template-columns:1fr minmax(180px,260px);gap:14px;margin-bottom:20px;display:grid}.catalogue-filters label{color:var(--pkis-text-muted);font-size:13px;font-weight:700}.catalogue-filters input,.catalogue-filters select{box-sizing:border-box;border:1px solid var(--pkis-border-light);background:var(--pkis-surface);width:100%;color:var(--pkis-text);font:inherit;border-radius:8px;margin-top:7px;padding:12px}.catalogue-card{padding:20px}.catalogue-media{gap:12px;margin:-4px -4px 18px;display:grid}.catalogue-media img,.catalogue-media video{border:1px solid var(--pkis-border);background:var(--pkis-surface-2);object-fit:contain;border-radius:10px;width:100%;max-height:320px;display:block}.catalogue-card-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.catalogue-card-heading p{color:var(--pkis-primary-hover);letter-spacing:.06em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:800}.catalogue-card-heading h3{color:var(--pkis-text);margin:0;font-size:21px}.catalogue-card-heading>span{background:var(--pkis-success-bg);color:var(--pkis-success);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.catalogue-card details{border-top:1px solid var(--pkis-border);padding-top:14px}.catalogue-card summary{color:var(--pkis-primary-hover);cursor:pointer;font-weight:700}.catalogue-details{color:var(--pkis-text-muted);padding-top:13px;line-height:1.6}.catalogue-details h4{color:var(--pkis-text);margin:14px 0 6px}.catalogue-details ul,.catalogue-details ol{margin:0;padding-left:21px}.library-empty-state{text-align:center;grid-column:1/-1;padding:36px}.library-empty-state h3{color:var(--pkis-text);margin-top:0}.library-empty-state p{color:var(--pkis-text-muted);margin-bottom:0}.product-facts{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin:0 17px 15px;display:grid}.product-facts>div{border:1px solid var(--pkis-border);background:var(--pkis-surface-3);border-radius:8px;padding:10px}.product-facts small,.product-facts strong{display:block}.product-facts small{color:var(--pkis-text-muted);text-transform:uppercase;margin-bottom:3px;font-size:11px}.product-facts strong{color:var(--pkis-text);font-size:14px}:root[data-theme=light] .learning-library :where(h1,h2,h3,h4,strong,summary,label,li){color:var(--pkis-text)}:root[data-theme=light] .learning-library :where(p,small){color:var(--pkis-text-muted)}:root[data-theme=light] .learning-library :where(.safety-topic,.catalogue-card,.library-empty-state,input,select){background:var(--pkis-surface);border-color:var(--pkis-border)}@media (width<=760px){.learning-library{padding:22px 14px 48px}.learning-library-header,.library-section-heading{flex-direction:column;align-items:stretch}.library-back-button{align-self:flex-start}.library-tabs{grid-template-columns:1fr;display:grid}.safety-topic-grid,.product-catalogue-grid,.catalogue-filters,.safety-video-lesson{grid-template-columns:1fr}.safety-video-frame{min-height:210px}}: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}