:root{color:#172523;font-synthesis:none;--ink:#172523;--muted:#687b77;--line:#dfe8e5;--paper:#fff;--canvas:#f3f7f5;--brand:#154a52;--brand-dark:#0d3339;--mint:#e0eaeb;--coral:#ee7058;--shadow:0 22px 65px #143a341f;background:#f3f7f5;font-family:Segoe UI,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);min-width:1024px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.loading-screen{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:12px;display:grid}.brand-mark{color:#fff;background:var(--brand);border-radius:11px;place-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:inline-grid;box-shadow:0 8px 22px #154a5238}.login-page{background:radial-gradient(circle at 10% 5%,#154a5217,#0000 28%),#eef3f1;place-items:center;min-height:100vh;padding:32px;display:grid}.login-shell{width:min(880px,100%);height:min(570px,100vh - 64px);min-height:500px;box-shadow:var(--shadow);background:#fff;border:1px solid #175b5214;border-radius:18px;grid-template-columns:44% 56%;display:grid;overflow:hidden}.login-panel{background:#fdfefefa;flex-direction:column;min-width:0;padding:26px clamp(32px,3.5vw,44px) 22px;display:flex}.login-top{justify-content:flex-end;display:flex}.domain{color:var(--brand);letter-spacing:.13em;font-size:11px;font-weight:800}.brand{align-items:center;gap:12px;margin-bottom:38px;font-size:18px;font-weight:800;display:flex}.login-copy{width:min(100%,410px);margin:auto;padding:28px 0}.eyebrow{color:var(--brand);letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800}.login-copy h1{color:var(--ink);letter-spacing:-.035em;margin-bottom:12px;font-size:38px;line-height:1.12}.login-description{color:var(--muted);margin-bottom:30px;line-height:1.55}.login-copy form{gap:18px;display:grid}.field,.form-grid label,.inline-editor>label{gap:8px;display:grid}label{color:#344d48;font-size:13px;font-weight:700}input{width:100%;height:50px;color:var(--ink);background:#fff;border:1px solid #d4dfdc;border-radius:9px;outline:none;padding:0 15px;transition:border-color .18s,box-shadow .18s}input:hover{border-color:#b5c8c3}input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #154a5217}button{color:#fff;background:var(--brand);border:0;border-radius:9px;min-height:44px;padding:0 17px;font-weight:750;transition:background .18s,transform .18s}button:hover{background:var(--brand-dark)}button:disabled{cursor:default;opacity:.55}.primary{width:100%;min-height:50px}.primary:hover{transform:translateY(-1px)}.login-footer{color:#82918d;text-align:center;margin:auto 0 0;font-size:11px}.login-visual{background:#d8e2df;min-width:0;position:relative;overflow:hidden}.login-visual img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.login-visual-shade{background:linear-gradient(#081f1c05 38%,#081f1cd6 100%);position:absolute;inset:0}.visual-caption{color:#fff;position:absolute;bottom:34px;left:36px;right:36px}.visual-caption span{letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px;font-size:10px;font-weight:800;display:block}.visual-caption strong{max-width:440px;font-size:22px;line-height:1.35;display:block}.app-shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;width:264px;box-shadow:none;z-index:5;background:#0f4148;flex-direction:column;padding:28px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{align-items:center;gap:12px;padding:4px 10px 26px;font-size:15px;font-weight:800;display:flex}.sidebar-brand .brand-mark{box-shadow:none;background:#ffffff1a;border:1px solid #ffffff29}.nav-label{color:#789e97;letter-spacing:.12em;text-transform:uppercase;margin:12px 14px 8px;font-size:10px;font-weight:800}.nav{gap:8px;display:grid}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;min-height:0;overflow-y:auto}.nav-section-label{color:#789e97;letter-spacing:.12em;text-transform:uppercase;margin:10px 14px 0;font-size:9px;font-weight:800}.nav-section-label:first-child{margin-top:0}.nav button{color:#a9c2bd;text-align:left;background:0 0;align-items:center;gap:12px;min-height:50px;padding:0 14px;font-size:14px;display:flex}.nav button:hover,.nav button.active{color:#fff;background:linear-gradient(90deg,#74d3be33,#ffffff14)}.nav button.active{box-shadow:inset 0 0 0 1px #97e1d01f}.nav button small{color:#769991;margin-left:auto;font-size:9px}.nav-icon{letter-spacing:.04em;background:#ffffff17;border-radius:8px;place-items:center;width:27px;height:27px;font-size:9px;display:grid}.sidebar-user{border-top:1px solid #ffffff1a;margin-top:auto;padding:20px 10px 4px}.sidebar-user-row{align-items:center;gap:11px;display:flex}.sidebar-user strong,.sidebar-user span{display:block}.sidebar-user strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12px;overflow:hidden}.sidebar-user-row div span{color:#86aaa3;margin-top:3px;font-size:10px}.avatar{color:#fff;background:linear-gradient(145deg,#f48a6f,#e95f4b);border:3px solid #fff;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:grid;box-shadow:0 5px 16px #e15b453b}.avatar.small{border-width:2px;width:36px;height:36px;font-size:10px}.logout{color:#a8c1bc;background:0 0;min-height:32px;margin-top:16px;padding:0;font-size:11px}.logout:hover{color:#fff;background:0 0}.main-area{grid-column:2;min-width:0}.topbar{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border-bottom:1px solid #d9e5e1d9;justify-content:space-between;align-items:center;height:88px;padding:0 clamp(28px,3.5vw,56px);display:flex;position:sticky;top:0}.topbar h2{letter-spacing:-.02em;margin:0;font-size:18px}.topbar-context{color:var(--brand);letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:800}.topbar-user{text-align:right;align-items:center;gap:13px;display:flex}.topbar-user strong,.topbar-user span{display:block}.topbar-user strong{font-size:12px}.topbar-user div span{color:var(--muted);margin-top:3px;font-size:10px}.content{width:100%;max-width:1420px;margin:auto;padding:44px clamp(28px,4vw,64px) 70px}.admin-panel{margin:0}.panel-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.panel-heading h2{letter-spacing:-.04em;margin:0;font-size:36px}.count{color:var(--muted);font-size:13px;font-weight:700}.stats{grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:28px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:16px;min-height:115px;padding:21px 23px;box-shadow:0 8px 28px #19433c0b}.stat span{color:var(--muted);font-size:12px;font-weight:650}.stat strong{letter-spacing:-.04em;margin-top:12px;font-size:30px;display:block}.employee-form,.inline-editor{border:1px solid var(--line);background:#fff;border-radius:16px;margin:20px 0;padding:24px;box-shadow:0 10px 32px #0d33390e}.employee-form h3,.inline-editor h3{color:#294c46;margin-bottom:19px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:22px;overflow-x:auto;box-shadow:0 12px 35px #0d33390f}table{border-collapse:collapse;width:100%;min-width:850px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:15px 17px;font-size:13px}th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#f8faf9;font-size:10px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfc}.badge{border-radius:6px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.badge.active{color:var(--brand);background:var(--mint)}.badge.inactive{color:#8a3f34;background:#fde8e3}.badge.deleted{color:#5f5665;background:#eee9f0}.actions{white-space:nowrap;justify-content:flex-start;align-items:center;gap:6px;display:inline-flex}button.link{min-height:30px;color:var(--brand);background:0 0;padding:0 8px;font-size:11px}button.link:hover{color:var(--brand-dark);background:var(--mint)}button.link.danger{color:#a34436}button.secondary{color:var(--brand);background:var(--mint)}button.secondary:hover{background:#d8e8ea}.button-row{gap:10px;margin-top:18px;display:flex}.error,.notice{border-radius:9px;margin:0 0 16px;padding:12px 14px;font-size:13px}.error{color:#842b2b;background:#fbe9e9}.notice{color:#17613f;background:#e2f4ea}.hint{color:var(--muted);font-size:12px}.secret-output{color:#4f3b00;background:#fff8dd;border:1px solid #e1c46c;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:14px;display:flex}.secret-output span{font-family:Consolas,monospace;font-weight:700}.empty-state{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:760px;padding:42px;box-shadow:0 12px 35px #0d33390f}.empty-state h1{letter-spacing:-.04em;font-size:34px}.empty-state p:last-child{color:var(--muted);line-height:1.6}.brand-logo{object-fit:contain;object-position:left center;width:auto;display:block}.brand-logo-green{max-width:270px;height:46px}.brand-logo-white{max-width:205px;height:42px}.brand-lockup{text-transform:lowercase;letter-spacing:-.025em}.education-icon{border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.education-icon img{object-fit:contain;width:42px;height:42px;display:block}.education-icon.light{background:#edf4f5}.sidebar-brand.brand-lockup{letter-spacing:-.02em;font-size:18px}.sidebar-icon{background:#fffffff0;box-shadow:0 7px 22px #00000024}.sidebar-icon img{width:38px;height:38px}.brand-lockup .education-icon{border-radius:10px;flex:0 0 44px;width:44px;height:44px}.brand-lockup .brand-logo{margin:0}.brand-lockup .brand-logo-green{max-width:230px;height:36px}.sidebar-brand.brand-lockup .brand-logo-white{max-width:158px;height:31px}.sidebar-wordmark{align-items:center;min-height:74px;padding:0 2px 24px;display:flex}.sidebar-wordmark{gap:10px}.sidebar-cap{object-fit:contain;flex:0 0 43px;width:43px;height:38px}.sidebar-wordmark .brand-logo-white{width:171px;max-width:calc(100% - 53px);height:auto}.login-wordmark{gap:11px}.login-cap{object-fit:contain;flex:0 0 48px;width:48px;height:40px}.login-wordmark .brand-logo-green{width:224px;max-width:calc(100% - 59px);height:auto}.sidebar-wordmark,.login-wordmark{gap:2px}.sidebar-wordmark .brand-logo-white,.login-wordmark .brand-logo-green{margin-left:-5px}.login-copy h1{max-width:390px;font-size:36px;font-weight:720;line-height:1.13}.login-description{max-width:365px;font-size:15px}.login-copy label{font-size:12px}.login-copy .primary{letter-spacing:.01em}.visual-caption strong{max-width:470px;font-size:21px;font-weight:650}.login-copy{padding:0}.login-copy .brand{margin-bottom:42px}.login-copy h1{margin-bottom:30px;font-size:32px}.visual-caption strong{font-size:22px}.authorized-note{color:#82918d;text-align:center;margin:-4px 0 0;font-size:11px}.visual-caption strong{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:750}.nav-icon{background:#ffffff14}.nav-icon svg{width:18px;height:18px;display:block}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:18px}.sidebar-footer button{width:100%}.employee-tabs{border:1px solid var(--line);background:#e9f0ee;border-radius:12px;gap:5px;width:fit-content;margin-bottom:28px;padding:5px;display:flex}.employee-tabs button{color:#536c67;background:0 0;min-height:40px;padding:0 18px;font-size:12px}.employee-tabs button:hover{color:var(--brand);background:#ffffffa6}.employee-tabs button.active{color:#fff;background:var(--brand);box-shadow:0 5px 14px #154a522e}.employee-tabs button:disabled{cursor:not-allowed;color:#82938f;opacity:.72;box-shadow:none;background:0 0}.table-action{min-height:34px;color:var(--brand);background:#fff;border:1px solid #cfe0dc;padding:0 12px;font-size:11px}.table-action:hover{border-color:var(--brand);color:#fff;background:var(--brand)}.table-action.danger{color:#a34436;background:snow;border-color:#efd5d0}.table-action.danger:hover{color:#fff;background:#a34436;border-color:#a34436}.focused-form,.edit-workspace{margin-top:0}.focused-form{max-width:980px}.section-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.section-title span{color:var(--brand);letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.section-title h2{letter-spacing:-.035em;margin:0;font-size:28px}.section-title .secondary{margin:0}.edit-workspace>.employee-form{margin-top:0}.security-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.security-grid .employee-form{align-content:start;margin:0}.security-grid .employee-form>label{gap:8px;display:grid}.security-grid .employee-form>button[type=submit]{width:fit-content;margin-top:18px}.data-controls{grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;margin-bottom:16px;display:grid}.data-filters{align-items:end;gap:12px;display:flex}.search-control,.select-control{gap:6px;display:grid}.search-control{width:min(390px,100%)}.search-control span,.select-control span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:800}.search-control input{height:42px}select{height:42px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d4dfdc;border-radius:9px;outline:none;padding:0 34px 0 12px}select:focus{border-color:var(--brand);box-shadow:0 0 0 4px #154a5217}.pagination-summary{color:var(--muted);justify-content:flex-end;align-items:end;gap:18px;font-size:11px;display:flex}.pagination-summary label{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.pagination-summary select{height:34px;padding-right:26px}.pagination{color:var(--muted);grid-column:1/-1;justify-content:flex-end;align-items:center;gap:10px;font-size:11px;display:flex}.pagination button{min-width:34px;min-height:32px;color:var(--brand);border:1px solid var(--line);background:#fff;padding:0}.pagination button:hover:not(:disabled){color:#fff;background:var(--brand)}.pagination button:disabled{opacity:.4}.icon-action{width:36px;min-height:34px;color:var(--brand);background:#fff;border:1px solid #cfe0dc;place-items:center;padding:0;display:inline-grid}.icon-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.icon-action:hover{border-color:var(--brand);color:#fff;background:var(--brand)}.icon-action.danger{color:#a34436;background:snow;border-color:#efd5d0}.icon-action.danger:hover{color:#fff;background:#a34436;border-color:#a34436}.icon-action.success{color:#287052;background:#f5fbf8;border-color:#c9e4d9}.icon-action.success:hover{color:#fff;background:#287052;border-color:#287052}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#061d1a80;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.confirmation-modal{background:#fff;border:1px solid #ffffff8c;border-radius:16px;grid-template-columns:48px minmax(0,1fr);gap:17px;width:min(500px,100%);padding:26px;display:grid;box-shadow:0 28px 80px #05221e40}.confirmation-icon{border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.confirmation-icon.danger{color:#ad493b;background:#fcece8}.confirmation-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.confirmation-eyebrow{color:#ad493b;letter-spacing:.12em;font-size:9px;font-weight:900}.confirmation-modal h2{letter-spacing:-.025em;margin:6px 0 10px;font-size:22px}.confirmation-modal p{color:var(--muted);margin:0 0 9px;font-size:13px;line-height:1.55}.confirmation-modal strong{color:#824033;font-size:11px}.confirmation-modal footer{border-top:1px solid var(--line);grid-column:1/-1;justify-content:flex-end;gap:9px;margin-top:8px;padding-top:18px;display:flex}.danger-button{color:#fff;background:#b64b3d}.danger-button:hover{background:#963c31}.data-table-shell{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 35px #0d33390f}.data-filterbar{border-bottom:1px solid var(--line);background:#fbfdfc;align-items:end;gap:12px;padding:16px;display:flex}.data-filterbar .search-control{flex:1;max-width:430px}.control-input{position:relative}.control-input svg{fill:none;stroke:#78918b;stroke-width:1.8px;stroke-linecap:round;width:17px;height:17px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.control-input input{background:#fff;padding-left:40px}.data-filterbar select{background-color:#fff;min-width:138px}.data-table-shell .table-wrap{box-shadow:none;border:0;border-radius:0;margin:0}.data-table-shell th{background:#f7faf9}.table-loading{color:var(--muted);text-align:center;margin:0;padding:36px 18px}.data-pagination{border-top:1px solid var(--line);min-height:58px;color:var(--muted);background:#fbfdfc;grid-template-columns:1fr auto auto;align-items:center;gap:22px;padding:10px 16px;font-size:11px;display:grid}.result-count{font-weight:650}.page-size,.page-navigation{align-items:center;gap:9px;display:flex}.page-size select{min-width:64px;height:34px;padding:0 25px 0 10px}.page-navigation button{border:1px solid var(--line);width:34px;min-height:32px;color:var(--brand);background:#fff;padding:0}.page-navigation button:hover:not(:disabled){border-color:var(--brand);color:#fff;background:var(--brand)}.page-navigation button:disabled{opacity:.38}.employee-editor{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:980px;overflow:hidden;box-shadow:0 12px 35px #0d33390f}.editor-header{border-bottom:1px solid var(--line);background:#fbfdfc;align-items:center;gap:15px;padding:20px 22px;display:flex}.editor-icon{width:42px;height:42px;color:var(--brand);background:var(--mint);border-radius:11px;flex:0 0 42px;place-items:center;display:grid}.editor-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.editor-header span{color:var(--brand);letter-spacing:.11em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.editor-header h2{letter-spacing:-.025em;margin:0;font-size:20px}.editor-header p{color:var(--muted);margin:4px 0 0;font-size:12px}.editor-body{padding:24px 22px 8px}.editor-grid{margin:0}.editor-grid label{position:relative}.editor-grid label small{color:#8a9995;font-size:9px;font-weight:600;position:absolute;top:0;right:0}.editor-footer{border-top:1px solid var(--line);background:#fbfdfc;justify-content:flex-end;gap:10px;margin-top:20px;padding:15px 22px;display:flex}.editor-footer .secondary{margin:0}.topbar{background:#fffffff0;height:82px;padding:0 clamp(28px,3.5vw,56px);box-shadow:0 1px #123d380a}.topbar-heading{gap:4px;display:grid}.topbar-context{color:var(--brand);letter-spacing:.13em;margin:0;font-size:9px;font-weight:850}.topbar h2{letter-spacing:-.025em;font-size:19px;font-weight:720}.topbar-user{border:1px solid var(--line);text-align:left;background:#f8fbfa;border-radius:14px;gap:11px;min-width:0;padding:7px 12px 7px 8px}.topbar-user .avatar{color:#fff;background:linear-gradient(145deg,#225f69,#13434b);border:0;width:38px;height:38px;font-size:11px;box-shadow:0 5px 14px #154a5233}.topbar-user-copy{gap:2px;min-width:0;display:grid}.topbar-user-copy strong{color:#1e302d;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12px;overflow:hidden}.topbar-user-copy span{letter-spacing:.04em;text-transform:uppercase;font-weight:650;color:#738681!important;margin:0!important;font-size:9px!important}.topbar-user .avatar svg{width:20px;height:20px;display:block}.topbar-user{text-align:right;background:0 0;border:0;border-radius:0;gap:12px;padding:0}.topbar-user:hover{background:0 0;border-color:#0000}.topbar-user .avatar{width:40px;height:40px;color:var(--brand);box-shadow:none;background:#edf4f5;border:1px solid #cfe0dc}.topbar-user-copy{justify-items:end}.topbar-user-copy strong{max-width:250px;font-size:12px}.topbar-user-copy span{color:#7a8c88!important;font-size:9px!important}.topbar-user .avatar{color:#fff;background:var(--brand);border:0;place-items:center;display:grid}.topbar-user .avatar svg{fill:currentColor;width:21px;height:21px;overflow:visible}.topbar-actions{justify-self:end;align-items:center;gap:15px;display:flex;position:relative}.notifications{border-left:1px solid #dbe6e3;padding-left:14px;position:relative}.notification-trigger{color:#58716c;width:39px;min-width:39px;min-height:39px;box-shadow:none;background:#f8fbfa;border:1px solid #d7e4e1;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.notification-trigger:hover{color:var(--brand);background:#eef7f4;border-color:#bdd4cf;transform:none}.notification-trigger svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.notification-count{color:#fff;background:#eb654f;border:2px solid #fff;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;font-weight:800;line-height:1;display:grid;position:absolute;top:-4px;right:-4px}.notification-panel{z-index:20;border:1px solid var(--line);background:#fff;border-radius:16px;width:min(340px,100vw - 40px);position:absolute;top:calc(100% + 13px);right:0;overflow:hidden;box-shadow:0 18px 50px #1a3d3729}.notification-panel header{border-bottom:1px solid #e6efed;justify-content:space-between;align-items:center;padding:15px 17px 12px;display:flex}.notification-panel header strong{color:var(--ink);font-size:13px}.notification-panel header span{color:var(--muted);font-size:10px}.notification-list{padding:6px}.notification-list button{width:100%;min-height:62px;color:var(--text);text-align:left;background:0 0;align-items:center;gap:11px;padding:10px;display:flex}.notification-list button:hover{color:var(--text);background:#f0f7f5;transform:none}.notification-list button>span:last-child{min-width:0}.notification-list strong,.notification-list small{display:block}.notification-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.notification-list small{color:var(--muted);margin-top:4px;font-size:10px;font-weight:500}.notification-course-icon{width:32px;height:32px;color:var(--brand);background:var(--mint);border-radius:9px;flex:0 0 32px;place-items:center;font-size:10px;display:grid}.notification-empty{color:var(--muted);text-align:center;margin:0;padding:22px 17px;font-size:11px}.course-empty{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;place-content:center;justify-items:center;min-height:420px;padding:40px;display:grid;box-shadow:0 12px 35px #0d33390f}.course-empty-icon{width:48px;height:48px;color:var(--brand);background:var(--mint);border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.course-empty h1{margin-bottom:8px;font-size:28px}.course-empty p{color:var(--muted)}.course-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.course-heading h1{letter-spacing:-.04em;margin:12px 0 7px;font-size:34px}.course-heading p{color:var(--muted);margin:0}.course-heading>strong{color:var(--brand);font-size:28px}.course-status{color:var(--brand);background:var(--mint);text-transform:uppercase;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800}.course-status.pending{color:#84631f;background:#fff1d5}.course-progress,.lesson-progress{background:#e5ecea;border-radius:99px;overflow:hidden}.course-progress{height:8px;margin:22px 0 30px}.lesson-progress{height:5px;margin:15px 0 8px}.course-progress i,.lesson-progress i{border-radius:inherit;background:var(--brand);height:100%;display:block}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.lesson-card{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:125px 1fr;display:grid;overflow:hidden;box-shadow:0 10px 30px #0d33390d}.lesson-cover{color:#fff;background:linear-gradient(145deg,#1e5c65,#0d3339);place-items:center;min-height:180px;display:grid}.lesson-cover>.play-symbol{border:1px solid #ffffff40;border-radius:50%;place-items:center;width:45px;height:45px;font-size:18px;font-weight:800;display:grid}.lesson-card>div:last-child{padding:20px}.lesson-card small{color:var(--brand);text-transform:uppercase;font-size:10px;font-weight:800}.lesson-card h2{min-height:44px;margin:7px 0;font-size:16px}.lesson-card button{margin-top:10px}.back-button{color:var(--brand);background:var(--mint);margin-bottom:18px}.video-stage{background:#0d3339;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px #0d33392e}.video-stage video{aspect-ratio:16/9;object-fit:cover;background:#0d3339;width:100%;max-height:680px;display:block}.video-details{padding:25px 4px}.video-details>span{color:var(--brand);text-transform:uppercase;font-size:10px;font-weight:800}.video-details h1{margin:8px 0;font-size:28px}.video-details p,.video-details small{color:var(--muted)}.course-settings,.lesson-management{border:1px solid var(--line);background:#fff;border-radius:16px;padding:26px;box-shadow:0 12px 35px #0d33390e}.course-settings-heading,.lesson-management>header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.course-settings-heading span:first-child,.lesson-management>header span{color:var(--brand);letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.course-settings-heading h2,.lesson-management h2{letter-spacing:-.025em;margin:0;font-size:22px}.lesson-management{margin-top:20px}.lesson-management>header p{color:var(--muted);margin:7px 0 0;font-size:12px}.lesson-editor{background:#f8fbfa;border:1px solid #cfe0dc;border-radius:13px;margin-bottom:20px;padding:22px}.wide-field{grid-column:1/-1}.check-field{grid-template-columns:auto 1fr;align-self:end;align-items:center;min-height:50px;display:flex!important}.check-field input{width:17px;height:17px}.admin-lesson-list{gap:10px;display:grid}.admin-lesson-list article{border:1px solid var(--line);background:#fbfdfc;border-radius:12px;grid-template-columns:48px minmax(0,1fr) 38px;align-items:center;gap:16px;min-height:106px;padding:16px;display:grid}.lesson-number{color:#fff;background:var(--brand);border-radius:11px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.admin-lesson-list small{color:var(--brand);text-transform:uppercase;font-size:9px;font-weight:800}.admin-lesson-list h3{margin:4px 0;font-size:15px}.admin-lesson-list p{color:var(--muted);margin:0 0 5px;font-size:12px}.admin-lesson-list code{color:#55706a;font-size:11px}.course-content-empty{color:var(--muted);text-align:center;border:1px dashed #c8d9d5;border-radius:12px;padding:36px}.course-content-empty strong{color:var(--ink);margin-bottom:6px;display:block}.employee-library{min-height:calc(100vh - 202px)}.employee-library .lesson-grid{min-height:inherit;grid-template-rows:repeat(2,minmax(250px,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.employee-library .lesson-card{border:1px solid var(--line);min-height:0;color:var(--ink);text-align:left;background:#fff;border-radius:17px;grid-template-columns:minmax(180px,42%) 1fr;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;overflow:hidden;box-shadow:0 12px 34px #0d333912}.employee-library .lesson-card:hover{background:#fff;border-color:#bad3cd;transform:translateY(-2px);box-shadow:0 18px 42px #0d33391c}.employee-library .lesson-cover{background:radial-gradient(circle at 25% 20%,#5c9ca56b,#0000 30%),linear-gradient(145deg,#1e5c65,#0a3833);min-height:100%;position:relative}.employee-library .lesson-cover:after{content:"";background:linear-gradient(#0000 45%,#041c1985);position:absolute;inset:0}.employee-library .lesson-cover small{z-index:1;color:#ffffffd6;letter-spacing:.1em;position:absolute;bottom:16px;left:18px}.play-symbol{z-index:1;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff57;border-radius:50%;place-items:center;width:54px;height:54px;padding-left:3px;font-size:15px;display:grid;position:relative}.lesson-card-copy{flex-direction:column;justify-content:space-between;min-width:0;padding:24px;display:flex}.lesson-card-copy h2{min-height:0;color:var(--ink);letter-spacing:-.025em;margin:9px 0 7px;font-size:20px}.lesson-card-copy p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.lesson-card-copy>div:last-child>small{color:var(--brand);text-transform:none;font-size:10px;font-weight:750}.video-state{text-transform:uppercase;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:800;display:inline-flex}.video-state.pending{color:#745d2b;background:#fff2d8}.video-state.progress{color:#315b77;background:#e3f1f9}.video-state.completed{color:var(--brand);background:var(--mint)}.employee-library .lesson-card{grid-template-rows:minmax(170px,1fr) auto;grid-template-columns:1fr}.employee-library .lesson-cover{min-height:0;overflow:hidden}.lesson-thumbnail{object-fit:cover;pointer-events:none;background:linear-gradient(145deg,#1d5660,#0c2e34);width:100%;height:100%;display:block;position:absolute;inset:0}.lesson-shade{z-index:1;background:linear-gradient(#061e1b0d,#061e1b2e);position:absolute;inset:0}.employee-library .lesson-cover .video-state{z-index:2;color:#154a52;background:#fffffff0;position:absolute;top:14px;left:14px;box-shadow:0 3px 12px #061e1b14}.employee-library .play-symbol{z-index:2;width:46px;height:46px;color:var(--brand);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffffe6;border-color:#ffffffbf;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px #061e1b29}.employee-library .lesson-card-copy{align-content:start;gap:8px;min-height:92px;padding:17px 18px 16px;display:grid}.lesson-title-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.employee-library .lesson-title-row h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:750;line-height:1.3;overflow:hidden}.lesson-title-row>span{color:var(--muted);flex:none;font-size:10px;font-weight:500}.lesson-open-action{min-height:37px;color:var(--brand);background:#e0eaeb;border-radius:7px;place-items:center;font-size:11px;font-weight:800;transition:color .18s,background .18s;display:grid}.employee-library .lesson-card:hover .lesson-open-action{color:#fff;background:var(--brand)}.navigation-trail{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fbfaf0;border-bottom:1px solid #d9e5e1e6;height:48px;position:sticky;top:88px}.navigation-trail-inner{align-items:center;gap:14px;width:100%;max-width:1420px;height:100%;margin:auto;padding:0 clamp(28px,4vw,64px);display:flex}.navigation-back{min-height:30px;color:var(--brand);background:#fff;border:1px solid #cfdfdb;border-radius:8px;align-items:center;gap:5px;padding:0 10px 0 7px;font-size:11px;display:inline-flex;box-shadow:0 3px 10px #0d33390a}.navigation-back:hover{color:var(--brand-dark);background:var(--mint);border-color:#b4cec8}.navigation-back svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.navigation-trail ol{align-items:center;gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.navigation-trail li{color:#81918d;align-items:center;min-width:0;font-size:11px;display:flex}.navigation-trail li+li:before{content:"/";color:#b1bfbc;margin-right:8px}.navigation-trail li button{min-height:28px;color:var(--brand);font-size:inherit;background:0 0;padding:0 4px}.navigation-trail li button:hover{color:var(--brand-dark);background:0 0}.navigation-trail li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.navigation-trail li[aria-current=page] span{color:#526964;font-weight:700}.navigation-trail+.content{padding-top:32px}.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.topbar-heading{justify-self:start}.topbar-user{justify-self:end}.topbar .navigation-trail{z-index:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;align-items:center;gap:5px;width:auto;max-width:min(42vw,560px);height:auto;display:flex;position:static;top:auto}.topbar .navigation-back{color:#728681;width:26px;min-width:26px;min-height:26px;box-shadow:none;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.topbar .navigation-back:hover{color:var(--brand);background:var(--mint)}.topbar .navigation-back svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.trail-root{color:#5e746f;background:0 0;min-height:26px;padding:0 3px;font-size:11px;font-weight:650}.trail-root:hover{color:var(--brand);background:0 0}.trail-separator{fill:none;stroke:#aab9b5;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:12px;height:12px}.trail-current{color:#81918d;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.player-only-view{min-height:calc(100vh - 202px);display:grid}.player-only-view .video-stage{min-height:inherit;align-items:center;display:grid}.player-only-view .video-stage video{object-fit:cover;width:100%;height:100%;max-height:calc(100vh - 202px)}.library-video-stage{position:relative}.library-video-navigation{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:absolute;inset:0}.library-video-navigation button{color:#fff;-webkit-backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto;background:#081d2194;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;transition:background .18s,border-color .18s,transform .18s;display:grid;box-shadow:0 6px 20px #0003}.library-video-navigation button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.library-video-navigation button:hover{background:#082d33d1;border-color:#ffffff8c;transform:scale(1.06)}.library-video-navigation button:active{transform:scale(.96)}.library-video-navigation button:focus-visible{outline-offset:3px;outline:2px solid #fff}.video-stage{position:relative}.unavailable-video{color:#6d807b;text-align:center;background:linear-gradient(145deg,#eef4f2,#f8fbfa);place-content:center;justify-items:center;gap:8px;min-height:320px;padding:32px;display:grid}.unavailable-video>span{color:#fff;background:#9aada8;border-radius:50%;place-items:center;width:58px;height:58px;font-size:22px;display:grid}.unavailable-video>strong{color:var(--ink);margin-top:8px;font-size:20px}.unavailable-video>p{margin:0}.unavailable-thumbnail{color:#fff;text-align:center;background:linear-gradient(145deg,#78918b,#526c67);place-items:center;padding:12px;font-size:11px;font-weight:800;display:grid}.video-stage:after{content:"";z-index:3;aspect-ratio:5;opacity:.62;filter:drop-shadow(0 2px 5px #0000008c);pointer-events:none;background:url(/assets/pldcenter-logo-white.png) 0/contain no-repeat;width:clamp(105px,16%,175px);position:absolute;bottom:62px;left:18px}.next-video-countdown{color:#fff;pointer-events:none;background:#051417e0;border:1px solid #ffffff38;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;display:flex;position:absolute;bottom:72px;right:22px;box-shadow:0 10px 28px #00000047}.next-video-countdown span{font-size:12px;font-weight:750}.next-video-countdown strong{color:#0d3339;background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.thumbnail-preview{aspect-ratio:16/9;border:1px solid var(--line);background:#e8efed;border-radius:11px;max-width:520px;overflow:hidden}.thumbnail-preview img{object-fit:cover;width:100%;height:100%;display:block}.employee-library .lesson-card-copy{gap:0;padding:17px 18px 18px}.course-table-heading{border-bottom:1px solid var(--line);background:#fbfdfc;justify-content:space-between;align-items:center;gap:20px;min-height:67px;padding:14px 17px;display:flex}.course-table-heading>div span{color:var(--brand);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.course-table-heading>div strong{font-size:13px}.video-table-title{align-items:center;gap:11px;display:flex}.video-table-title img,.video-table-title>span{object-fit:cover;color:#fff;background:linear-gradient(145deg,#1e5c65,#0d3339);border-radius:6px;flex:0 0 54px;place-items:center;width:54px;height:34px;font-size:10px;display:grid}.course-editor .editor-body{padding:24px}.course-editor .thumbnail-preview{margin-bottom:4px}.table-secondary{color:var(--muted);margin-top:4px;font-size:10px;display:block}.table-progress{vertical-align:middle;background:#e3ebe8;border-radius:99px;width:120px;height:5px;margin-right:8px;display:inline-block;overflow:hidden}.table-progress i{border-radius:inherit;background:var(--brand);height:100%;display:block}.badge.progress{color:#315b77;background:#e3f1f9}.badge.pending{color:#745d2b;background:#fff2d8}.course-editor label>small{color:var(--muted);font-size:10px;font-weight:600}.course-editor input[type=file]{color:var(--muted);cursor:pointer;background:#f8fbfa;padding:7px}.course-editor input[type=file]::file-selector-button{color:var(--brand);background:var(--mint);font:inherit;cursor:pointer;border:0;border-radius:8px;margin-right:12px;padding:10px 14px;font-weight:800}.course-editor input[type=file]:hover::file-selector-button{background:#d9e9eb}.employee-library .lesson-card-copy p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.training-course{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:minmax(0,1fr) 350px;height:calc(100vh - 202px);min-height:560px;display:grid;overflow:hidden;box-shadow:0 16px 42px #0d333914}.training-main{overscroll-behavior:contain;scrollbar-color:#a9bfba transparent;scrollbar-width:thin;background:#f7faf9;min-width:0;min-height:0;padding:24px;overflow-y:auto}.training-main::-webkit-scrollbar{width:8px}.training-main::-webkit-scrollbar-thumb{background:#a9bfba;border-radius:99px}.training-main .video-stage{background:#f7faf9;border-radius:14px;box-shadow:0 12px 32px #0d33391f}.training-main .video-stage video{aspect-ratio:16/9;border-radius:inherit;object-fit:cover;transform-origin:50%;border:0;outline:0;width:100%;max-height:calc(100vh - 350px);transform:scale(1.004)}.training-video-player{isolation:isolate;border:1px solid #154a521a;position:relative}.training-video-player:after{display:none}.training-video-player video{cursor:pointer}.video-loading-thumbnail{z-index:4;border-radius:inherit;pointer-events:none;background:#0a2529;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.video-loading-thumbnail img{object-fit:cover;width:100%;height:100%}.video-loading-thumbnail span{z-index:1;color:#fff;background:#06191cb8;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:800;position:absolute;bottom:18px;right:18px}.training-video-controls{z-index:5;color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#08232700 0%,#08232714 24%,#0823276b 62%,#082327b8 100%);padding:52px 17px 12px;transition:opacity .24s 1s;position:absolute;bottom:0;left:0;right:0}.training-video-player:hover .training-video-controls,.training-video-player:focus-within .training-video-controls{opacity:1;pointer-events:auto;transition-delay:0s}.training-video-progress{--video-progress:0%;appearance:none;cursor:pointer;background:0 0;border:0;outline:0;width:100%;height:16px;margin:0;padding:0}.training-video-progress::-webkit-slider-runnable-track{background:linear-gradient(90deg,#72c6bd var(--video-progress),#ffffff57 var(--video-progress));border-radius:99px;height:4px}.training-video-progress::-webkit-slider-thumb{appearance:none;background:#2d7a7c;border:2px solid #fff;border-radius:50%;width:13px;height:13px;margin-top:-4.5px;box-shadow:0 2px 8px #00000040}.training-video-progress::-moz-range-track{background:#ffffff57;border-radius:99px;height:4px}.training-video-progress::-moz-range-progress{background:#72c6bd;border-radius:99px;height:4px}.training-video-progress::-moz-range-thumb{background:#2d7a7c;border:2px solid #fff;border-radius:50%;width:10px;height:10px}.training-video-progress:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #72c6bd73}.training-video-actions{align-items:center;gap:10px;min-height:32px;display:flex}.training-video-actions button{color:#fff;width:32px;min-width:32px;min-height:32px;box-shadow:none;background:0 0;border-radius:8px;place-items:center;padding:0;display:grid}.training-video-actions button:hover{background:#72c6bd33;transform:none}.training-video-actions button:focus-visible{outline-offset:1px;outline:2px solid #8ed6ce}.training-video-actions svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.training-video-actions span{color:#ffffffe6;font-variant-numeric:tabular-nums;font-size:11px;font-weight:650}.training-video-actions span i{color:#ffffff7a;margin:0 3px;font-style:normal}.training-video-actions .video-volume{margin-left:auto}.video-volume-slider{appearance:none;cursor:pointer;background:0 0;border:0;width:86px;height:16px;margin:0;padding:0}.video-volume-slider::-webkit-slider-runnable-track{background:#ffffff8c;border-radius:99px;height:4px}.video-volume-slider::-webkit-slider-thumb{appearance:none;background:#72c6bd;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin-top:-4px}.video-volume-slider::-moz-range-track{background:#ffffff8c;border-radius:99px;height:4px}.video-volume-slider::-moz-range-thumb{background:#72c6bd;border:2px solid #fff;border-radius:50%;width:9px;height:9px}.training-video-player:fullscreen{background:#071f22;border:0;border-radius:0;place-items:center;display:grid}.training-video-player:fullscreen video{object-fit:contain;border-radius:0;width:100%;height:100%;max-height:100vh}.training-details{padding:22px 4px 4px}.training-details>div{justify-content:space-between;align-items:center;gap:20px;display:flex}.training-details>div span{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:850}.training-details>div small{color:var(--muted);font-size:11px}.training-details h1{letter-spacing:-.025em;margin:8px 0 7px;font-size:23px}.training-details p{max-width:800px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.course-index{border-left:1px solid var(--line);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.course-index>header{border-bottom:1px solid var(--line);padding:23px 20px 19px}.course-index>header>div:first-child{justify-content:space-between;align-items:center;gap:16px;display:flex}.course-index>header span{color:var(--ink);font-size:13px;font-weight:800}.course-index>header strong{color:var(--brand);font-size:14px}.course-index>header>small{color:var(--muted);margin-top:7px;font-size:9px;display:block}.course-index-progress{background:#e5efec;border-radius:99px;height:5px;margin-top:15px;overflow:hidden}.course-index-progress i{border-radius:inherit;background:linear-gradient(90deg,#1b5d67,#518f99);height:100%;transition:width .25s;display:block}.course-index-list{overscroll-behavior:contain;scrollbar-width:none;align-content:start;min-height:0;display:grid;overflow-y:auto}.course-index-list::-webkit-scrollbar{display:none}.course-index-list button{width:100%;min-height:78px;color:var(--ink);text-align:left;box-shadow:none;background:#fff;border:0;border-bottom:1px solid #edf2f0;border-radius:0;grid-template-columns:32px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:14px 18px;display:grid}.course-index-list button:not(:disabled):hover{color:var(--ink);background:#f3f8f7;transform:none}.course-index-list button.locked{color:#84928e;cursor:not-allowed;background:#fafcfb}.course-index-list button.locked .index-status{filter:grayscale();font-size:11px}.course-index-list button.active{box-shadow:inset 3px 0 var(--brand);background:#eaf4f1}.course-index-list button:focus{outline:0}.course-index-list button:focus-visible{box-shadow:inset 3px 0 var(--brand), inset 0 0 0 2px #154a5247}.index-status{color:#657a75;background:#eef3f1;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;font-weight:850;display:grid}.index-status.progress{color:#315b77;background:#e3f1f9}.index-status.completed{color:#fff;background:var(--brand)}.index-status.questionnaire{color:#8a6f2f;background:#fff2d8}.index-copy{gap:5px;min-width:0;display:grid}.index-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.index-copy small{color:var(--muted);font-size:9px}.index-play{color:var(--brand);font-size:10px}.course-index-list .questionnaire-index{color:#7f8d89;opacity:1;background:#fafcfb;grid-template-columns:32px minmax(0,1fr)}.course-index-list .questionnaire-index:disabled{cursor:not-allowed;opacity:.72}@media (width<=1100px){.training-course{grid-template-columns:minmax(0,1fr) 300px}.training-main{padding:18px}}.course-catalog{min-height:calc(100vh - 202px)}.course-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.catalog-card{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:16px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 12px 32px #0d33390f}.catalog-card:hover{color:var(--ink);background:#fff;border-color:#bad3cd;transform:translateY(-2px);box-shadow:0 18px 40px #0d33391a}.catalog-cover{color:#fff;background:linear-gradient(145deg,#1e5c65,#0a3833);place-items:center;height:170px;font-size:24px;display:grid;position:relative;overflow:hidden}.catalog-cover img{object-fit:cover;width:100%;height:100%}.catalog-cover i{background:#5f9ca5;height:4px;position:absolute;bottom:0;left:0}.catalog-copy{gap:10px;padding:18px;display:grid}.catalog-copy>div,.catalog-copy footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.catalog-copy>div>small{color:var(--muted);font-size:9px}.catalog-copy h2{letter-spacing:-.02em;margin:0;font-size:17px}.catalog-copy p{min-height:34px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.catalog-copy footer{color:var(--muted);border-top:1px solid #edf2f0;padding-top:5px;font-size:9px}.catalog-copy footer strong{color:var(--brand);font-size:10px}.course-list-shell{margin-top:18px}@media (width<=1200px){.course-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.questionnaire-editor{gap:18px;display:grid}.questionnaire-settings .editor-header{justify-content:space-between;align-items:center}.question-count{border:1px solid var(--line);color:var(--brand);white-space:nowrap;background:#f3f8f6;border-radius:999px;padding:9px 13px;font-size:12px}.questionnaire-toolbar{justify-content:space-between;align-items:center;gap:18px;padding:4px 2px;display:flex}.questionnaire-toolbar div{gap:3px;display:grid}.questionnaire-toolbar span,.choice-list>span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.questionnaire-toolbar strong{font-size:14px}.questionnaire-toolbar button,.question-empty button,.questionnaire-actions button{color:#fff;background:var(--brand);font:inherit;cursor:pointer;border:0;border-radius:9px;padding:12px 17px;font-weight:800}.question-list{gap:14px;display:grid}.question-card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 12px 28px #0d3e360f}.question-card>header{border-bottom:1px solid var(--line);background:#f8fbfa;grid-template-columns:38px minmax(180px,260px) 110px 1fr;align-items:end;gap:12px;padding:15px 18px;display:grid}.question-number{color:#fff;background:var(--brand);border-radius:9px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:900;display:grid}.question-card label{color:var(--text);gap:6px;font-size:11px;font-weight:800;display:grid}.question-card select,.question-card input,.question-card textarea{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:9px;outline:none;padding:10px 12px}.question-card select:focus,.question-card input:focus,.question-card textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0f746517}.question-card .points-field input{max-width:90px}.question-remove{color:#bf4838;font:inherit;cursor:pointer;background:#fff8f7;border:1px solid #f0cbc5;border-radius:8px;place-self:center end;padding:8px 11px;font-size:11px;font-weight:800}.question-prompt{padding:17px 18px 8px}.question-prompt textarea{resize:vertical}.choice-list{gap:9px;padding:10px 18px 18px;display:grid}.choice-row{grid-template-columns:20px minmax(0,1fr) 32px;align-items:center;gap:9px;display:grid}.choice-row>input:first-child{width:17px;height:17px;accent-color:var(--brand)}.choice-row>button{color:#b64638;cursor:pointer;background:#fff2ef;border:0;border-radius:8px;width:30px;height:30px;font-size:19px}.choice-row input:disabled{color:var(--text);opacity:1;background:#f5f8f7}.add-choice{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:6px 0;font-size:12px;font-weight:800}.question-empty{color:var(--muted);text-align:center;background:#fff9;border:1px dashed #bdd3ce;border-radius:15px;justify-items:center;gap:7px;padding:48px 24px;display:grid}.question-empty strong{color:var(--text)}.question-empty p{margin:0 0 8px}.questionnaire-actions{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-radius:13px;justify-content:flex-end;padding:13px;display:flex;position:sticky;bottom:18px;box-shadow:0 12px 30px #0d3e361a}.questionnaire-actions button:disabled{cursor:wait;opacity:.65}.employee-questionnaire{background:#f8fbfa;min-height:100%;padding:28px 32px 34px}.employee-questionnaire>header{margin-bottom:22px}.employee-questionnaire>header span{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.employee-questionnaire>header h1{margin:6px 0 5px;font-size:26px}.employee-questionnaire>header p{color:var(--muted);margin:0}.employee-question-list{gap:14px;display:grid}.employee-question-list fieldset{border:1px solid var(--line);background:#fff;border-radius:13px;gap:9px;margin:0;padding:18px;display:grid}.employee-question-list legend{width:calc(100% - 12px);color:var(--text);align-items:center;gap:10px;padding:0 6px;font-size:14px;font-weight:850;display:flex}.employee-question-list legend span{color:#fff;background:var(--brand);border-radius:8px;flex:0 0 27px;place-items:center;height:27px;font-size:11px;display:grid}.employee-question-list label{color:#29413c;cursor:pointer;background:#fbfdfc;border:1px solid #e0e9e6;border-radius:9px;align-items:center;gap:10px;padding:11px 12px;display:flex}.employee-question-list label:has(input:checked){background:#edf7f4;border-color:#74aaa0}.employee-question-list input{width:16px;height:16px;accent-color:var(--brand)}.submit-questionnaire{color:#fff;background:var(--brand);font:inherit;cursor:pointer;border:0;border-radius:9px;margin:20px 0 0 auto;padding:13px 20px;font-weight:850;display:block}.submit-questionnaire:disabled{cursor:not-allowed;opacity:.6}.questionnaire-success{text-align:center;align-content:center;place-items:center;gap:8px;min-height:420px;display:grid}.questionnaire-success span{color:#fff;background:var(--brand);border-radius:50%;place-items:center;width:54px;height:54px;font-size:25px;display:grid}.questionnaire-success h1{margin:7px 0 0}.questionnaire-success p{color:var(--muted);margin:0}.course-index-list .questionnaire-index.active{color:#fff;background:var(--brand)}.course-index-list .questionnaire-index.active .index-status{color:var(--brand);background:#fff}.course-section-tabs{margin-bottom:20px}.course-heading-actions{align-items:center;gap:10px;display:flex}.course-heading-actions>button{color:#fff;background:var(--brand);min-height:36px;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:0 14px;font-size:11px;font-weight:850}.course-heading-actions>button:disabled{color:#87a39d;cursor:not-allowed;background:#e7efed}.settings-heading{margin-bottom:24px}.settings-heading>span{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.settings-heading h1{letter-spacing:-.035em;margin:7px 0 6px;font-size:27px}.settings-heading p{color:var(--muted);margin:0}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-card{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:118px;padding:20px;display:grid;box-shadow:0 12px 30px #0d3e360f}.settings-card-icon{width:46px;height:46px;color:var(--brand);background:var(--mint);border-radius:12px;place-items:center;display:grid}.settings-card-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:24px}.settings-card>div{gap:4px;display:grid}.settings-card>div>span{color:var(--brand);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:850}.settings-card h2{margin:0;font-size:16px}.settings-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.settings-card>button{color:#fff;background:var(--brand);min-height:38px;font:inherit;cursor:pointer;border:0;border-radius:9px;padding:0 15px;font-size:11px;font-weight:850}.about-card{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:820px;overflow:hidden;box-shadow:0 12px 35px #0d33390e}.about-card>header{border-bottom:1px solid var(--line);padding:28px 30px 24px}.about-card>header>span{color:var(--brand);letter-spacing:.12em;font-size:9px;font-weight:900}.about-card h1{letter-spacing:-.035em;margin:7px 0 5px;font-size:27px}.about-card header p{color:var(--muted);margin:0;font-size:13px}.about-card dl{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.about-card dl>div{border-bottom:1px solid var(--line);min-height:86px;padding:20px 30px}.about-card dl>div:nth-child(odd){border-right:1px solid var(--line)}.about-card dt{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800}.about-card dd{margin:0;font-size:13px;font-weight:700}.about-status{color:var(--brand);background:var(--mint);border-radius:6px;padding:5px 9px;font-size:10px;display:inline-flex}.about-card>footer{background:#fafcfb;padding:20px 30px 24px}.about-card footer p{color:#405a55;margin:0 0 5px;font-size:12px;font-weight:700}.about-card footer small{color:var(--muted);font-size:10px}.system-grid{grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);align-items:start;gap:18px;display:grid}.system-grid .employee-editor{width:100%}.system-grid .data-table-shell{margin:0}.employee-library .lesson-card{border-color:#c5d8d3e6;border-radius:21px;transition:transform .24s,border-color .24s,box-shadow .24s;box-shadow:0 14px 36px #0d333917}.employee-library .lesson-card:hover{border-color:#afcbc4;transform:translateY(-4px);box-shadow:0 22px 48px #0d333924}.employee-library .lesson-cover{isolation:isolate}.employee-library .lesson-thumbnail{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.employee-library .lesson-card:hover .lesson-thumbnail{transform:scale(1.035)}.employee-library .lesson-duration{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#082327b8;border:1px solid #ffffff38;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:750;line-height:1;position:absolute;bottom:13px;right:14px;box-shadow:0 4px 12px #051c1f29}.employee-library .play-symbol{transition:color .22s,background .22s,box-shadow .22s,transform .22s}.employee-library .lesson-card:hover .play-symbol{color:#fff;background:var(--brand);transform:translate(-50%,-50%)scale(1.07);box-shadow:0 9px 24px #06373947}
