:root{--brand-red: #e31b23;--brand-red-dark: #b91c2b;--brand-red-deep: #7f1d1d;--brand-red-soft: #fff1f2;--brand-black: #171717;--brand-surface: #f7f7f8;background:var(--brand-surface);color:#1f2937;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit}button{align-items:center;background:var(--brand-red);border:0;border-radius:7px;box-shadow:0 8px 18px #e31b2333;color:#fff;cursor:pointer;display:inline-flex;gap:7px;justify-content:center;min-height:32px;padding:7px 12px}button svg{height:15px;width:15px}button.ghost{background:#fff;border:1px solid var(--brand-red);box-shadow:none;color:var(--brand-red)}button.danger,.danger{background:#ef4444;color:#fff}button:disabled,button.ghost:disabled{background:#f3f4f6;border:1px solid #d1d5db;box-shadow:none;color:#9ca3af;cursor:not-allowed;opacity:1}input,select,textarea{background:#fff;border:1px solid #d9e1e8;border-radius:7px;color:#273241;min-height:36px;padding:8px 10px;width:100%}textarea{min-height:110px;resize:vertical}textarea.compact-textarea{min-height:54px;min-width:220px}a{color:#b91c1c}.password-field{display:block;position:relative;width:100%}.password-field input{padding-right:44px}.password-field button{background:transparent;border:0;box-shadow:none;color:#64748b;min-height:28px;padding:6px;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.password-field button:hover{color:#b91c2b}.suite-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.suite-sidebar{background:#fff;box-shadow:10px 0 26px #2229360d;color:#536071;height:100vh;overflow:hidden;padding:0 12px 16px;position:sticky;top:0}.suite-brand{align-items:center;display:flex;justify-content:center;margin:0 0 6px;min-height:104px;padding:6px 0 0}.suite-brand img{height:auto;max-height:56px;object-fit:contain;object-position:center;width:190px}.suite-sidebar nav{height:calc(100vh - 116px);overflow:auto;padding:0 10px 8px}.suite-sidebar nav::-webkit-scrollbar{width:5px}.suite-sidebar nav::-webkit-scrollbar-track{background:transparent}.suite-sidebar nav::-webkit-scrollbar-thumb{background:#53607138;border-radius:999px}.suite-sidebar nav::-webkit-scrollbar-thumb:hover{background:#53607157}.suite-sidebar nav{scrollbar-color:rgba(83,96,113,.24) transparent;scrollbar-width:thin}.nav-group{padding:5px 0 7px}.nav-group-toggle{background:transparent;box-shadow:none;color:#303946;display:grid;font-size:15px;font-weight:560;grid-template-columns:24px minmax(0,1fr) auto;justify-content:start;min-height:48px;padding:9px 12px;text-align:left;width:100%}.nav-group-toggle.direct{grid-template-columns:24px minmax(0,1fr) auto}.nav-group-toggle span,.nav-link span{justify-self:start;text-align:left}.nav-group-toggle svg{color:#6b7280;transition:transform .18s ease}.nav-group.expanded .nav-group-toggle svg{transform:rotate(180deg)}.nav-group.expanded .nav-group-toggle>svg:first-child,.nav-group-toggle.direct.active>svg:first-child{color:#b91c2b;transform:none}.nav-group-toggle.direct.active{background:#fff1f2;border-left:4px solid #b91c2b;color:#171717;font-weight:680}.nav-link{background:transparent;box-shadow:none;color:#303946;display:grid;font-weight:540;grid-template-columns:24px minmax(0,1fr) auto;justify-content:start;margin:2px 0;min-height:40px;padding:8px 12px 8px 30px;text-align:left;width:100%}.nav-link svg{color:#6b7280}.nav-link.active{background:linear-gradient(135deg,var(--brand-red),var(--brand-red-dark));box-shadow:0 12px 22px #e31b2338;color:#fff}.nav-link.active svg{color:#fff}.nav-count{align-self:center;border-radius:999px;font-size:11px;font-weight:800;justify-self:end;min-width:22px;padding:3px 7px;text-align:center}.nav-count.green{background:#16a34a;color:#fff}.suite-main{min-width:0;position:relative}.suite-topbar{align-items:center;background:#fff;box-shadow:0 10px 28px #22293614;display:flex;gap:14px;height:82px;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:20}.tenant-mark{align-items:center;background:linear-gradient(135deg,#991b1b,#e31b23);border-radius:8px;color:#fff;display:flex;font-size:18px;gap:9px;padding:8px 12px}.tenant-mark svg{color:#fecdd3}.topbar-actions{align-items:center;display:flex;gap:9px}.topbar-clock{align-items:center;background:#f8fbff;border:1px solid #dbe6f1;border-radius:8px;display:flex;gap:8px;min-height:42px;padding:5px 7px 5px 10px}.topbar-clock span{color:#536071;font-size:12px;font-weight:700;white-space:nowrap}.topbar-clock button{min-height:30px;padding:6px 9px;white-space:nowrap}.profile-chip{background:#fff;border:1px solid #e4ebf1;box-shadow:0 8px 24px #14233714;color:#233449;display:flex;min-height:42px;padding:6px 10px}.profile-chip img{height:28px;object-fit:contain;width:38px}.profile-chip span{display:grid;line-height:1.15;text-align:left}.profile-chip small{color:#8b96a6;font-size:11px}.profile-chip>svg{color:#64748b;height:14px;width:14px}.account-menu{position:relative}.account-popover{background:#fff;border:1px solid #e3e9ef;border-radius:8px;box-shadow:0 18px 42px #14233729;display:grid;gap:8px;min-width:230px;padding:14px;position:absolute;right:0;top:calc(100% + 10px);z-index:30}.account-popover strong{color:#202838}.account-popover small{color:#66717f;overflow-wrap:anywhere}.account-popover span{background:#fff1f2;border-radius:999px;color:#b91c2b;font-size:11px;font-weight:680;justify-self:start;padding:4px 8px}.account-popover button{justify-self:stretch}.notification-menu,.notification-button{position:relative}.notification-button span{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-weight:800;height:19px;justify-content:center;min-width:19px;position:absolute;right:-6px;top:-6px}.notification-popover{background:#fff;border:1px solid #e3e9ef;border-radius:8px;box-shadow:0 18px 42px #14233729;display:grid;gap:8px;max-height:430px;min-width:340px;overflow:auto;padding:14px;position:absolute;right:0;top:calc(100% + 10px);z-index:32}.notification-popover header{align-items:center;display:flex;justify-content:space-between}.notification-popover article{background:#fbfdff;border:1px solid #e6edf3;border-radius:8px;display:grid;gap:3px;padding:10px}.notification-popover small{color:#66717f}.notification-popover p{color:#536071;margin:0}.icon-only{min-width:32px;padding:7px}.suite-content{padding:34px 40px 48px}.stat-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.stat,.panel{background:#fff;border:1px solid #e0e6ec;border-radius:8px;box-shadow:0 10px 28px #2229360d}.stat{min-height:112px;padding:16px}.stat svg{color:#b91c2b;height:28px;width:28px}.stat span{color:#6b7380;display:block;margin-top:10px}.stat strong{color:#202838;display:block;font-size:23px;font-weight:700;margin-top:2px}.stat small{color:#8a95a3}.workbench-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.mail-page,.offers-page{display:grid;gap:14px}.mail-page-toolbar{align-items:center;background:#fff;border:1px solid #e3e9ef;border-radius:8px;display:flex;justify-content:space-between;padding:16px 18px}.mail-page-toolbar h2{color:#222936;font-size:24px;font-weight:640;margin:0}.mail-page-toolbar p{color:#66717f;margin:3px 0 0}.mail-reader-layout{align-items:stretch;display:grid;gap:14px;grid-template-columns:minmax(360px,.36fr) minmax(0,1fr);min-height:calc(100vh - 210px)}.modal-mail-layout{min-height:520px}.mail-list-panel,.mail-reading-panel{background:#fff;border:1px solid #e3e9ef;border-radius:8px;overflow:auto;padding:12px}.mail-list-panel{display:grid;gap:8px;align-content:start}.mail-reading-panel{padding:18px}.mail-reading-content header{align-items:start;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.mail-reading-content h2{color:#222936;font-size:22px;font-weight:640;margin:0 0 4px}.mail-reading-content p{color:#66717f;margin:0}.mail-reading-content small{color:#66717f;display:block;line-height:1.35;overflow-wrap:anywhere}.compose-modal{max-width:780px}.sent-modal{max-width:min(1180px,calc(100vw - 60px));width:94vw}.panel{margin-bottom:14px;padding:16px}.panel.full{width:100%}.panel-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:13px}.panel-head h2{align-items:center;color:#222936;display:flex;font-size:17px;font-weight:680;gap:8px;line-height:1.2;margin:0}.panel-head h2 svg{color:#b91c2b}.panel-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tabbar{background:#fff;border:1px solid #e3e9ef;border-radius:8px;display:flex;gap:5px;margin:0 0 14px;overflow-x:auto;padding:6px 8px 0}.tabbar button{background:transparent;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;color:#66717f;min-height:42px;padding:8px 12px 11px;white-space:nowrap}.tabbar button.active{border-bottom-color:var(--brand-red);color:var(--brand-red-dark);font-weight:680}.table-wrap{overflow:auto;width:100%}table{border-collapse:collapse;min-width:760px;width:100%}th{background:linear-gradient(135deg,#ef3340,#c8102e);color:#fff;font-size:12px;letter-spacing:.02em;padding:13px 15px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #edf1f5;color:#3d4652;padding:12px 15px;vertical-align:middle}tr:nth-child(2n) td{background:#fff5f5}.table-actions,.inline-actions{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.candidate-table{overflow-x:auto}.candidate-table .table-wrap{max-height:calc(100vh - 340px);overflow:auto}.candidate-table table{min-width:860px}.candidate-table td{padding:9px 12px;vertical-align:middle}.candidate-table td:first-child{text-align:center;width:54px}.candidate-table input[type=checkbox]{accent-color:#e31b23;cursor:pointer;height:16px;min-height:0;padding:0;width:16px}.candidate-table td:nth-child(3),.candidate-table td:nth-child(4){max-width:190px}.candidate-table td:nth-child(3),.candidate-table td:nth-child(4),.candidate-table td:nth-child(5),.candidate-table td:nth-child(6),.candidate-table td:nth-child(7){white-space:nowrap}.candidate-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:5px;justify-content:flex-start;min-width:176px}.candidate-actions .icon-only{border-radius:7px;box-shadow:none;height:30px;min-height:30px;min-width:30px;padding:6px;width:30px}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#fff0f1}.candidate-action-modal{max-width:720px}.candidate-popup-summary{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.candidate-popup-actions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.candidate-popup-actions button:first-child{grid-column:1 / -1}.candidate-actions .icon-only svg{height:14px;width:14px}.text-action{background:transparent;box-shadow:none;color:#b91c1c;justify-content:start;min-height:auto;padding:0}.filter-card,.toolbar{align-items:center;background:#fff;border:1px solid #e0e6ec;border-radius:8px;display:flex;gap:10px;margin-bottom:14px;padding:12px}.toolbar{margin:0;min-width:380px}.toolbar svg{color:#b91c2b}.toolbar-select{align-items:center;background:#fff;border:1px solid #e0e6ec;border-radius:8px;display:flex;gap:8px;min-width:240px;padding:5px 8px}.toolbar-select svg{color:#b91c2b;height:15px;width:15px}.toolbar-select select{border:0;min-height:30px;padding:4px 2px}.form-grid{display:grid;gap:12px;margin-bottom:12px}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full-span{grid-column:1 / -1}label{color:#657181;display:grid;gap:5px}.candidate-form{background:#f8fbff;border:1px solid #dfe8f2;border-radius:8px;box-shadow:inset 0 1px #ffffffbf;padding:16px}.candidate-form input,.candidate-form select,.candidate-form textarea{border-color:#d8e2ec;box-shadow:0 7px 16px #14233714}.candidate-form input:focus,.candidate-form select:focus,.candidate-form textarea:focus{border-color:#fda4af;box-shadow:0 0 0 3px #2563eb1f,0 9px 20px #1423371a;outline:none}.prefixed-input{align-items:stretch;display:flex;min-width:0}.prefixed-input span{align-items:center;background:#eef5fb;border:1px solid #d8e2ec;border-right:0;border-radius:7px 0 0 7px;color:#536071;display:flex;font-weight:650;padding:0 10px;white-space:nowrap}.prefixed-input input{border-radius:0 7px 7px 0}.short-select{min-height:32px;width:160px}.panelist-strip{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0 12px}.check-tile{align-items:center;background:#fbfdff;border:1px solid #e3e9ef;border-radius:8px;display:grid;gap:8px;grid-template-columns:auto 1fr;padding:10px}.check-tile input{accent-color:#e31b23;height:16px;width:16px}.check-tile small{color:#7b8795;display:block;margin-top:2px}.employee-form.compact{margin-bottom:0}.form-actions{align-items:center;display:flex;gap:8px;grid-column:1 / -1;justify-content:flex-end}.employee-modal{max-width:880px}.attendance-layout{display:grid;gap:14px;grid-template-columns:minmax(420px,.95fr) minmax(460px,1.05fr);margin-bottom:14px}.attendance-hero-card{align-items:center;display:grid;gap:14px;justify-items:center;min-height:280px;text-align:center}.attendance-hero-card .employee-cell{justify-self:center}.attendance-hero-card p{color:#66717f;font-size:16px;margin:0}.attendance-hero-card .form-grid{text-align:left;width:100%}.attendance-actions{align-items:center;display:flex;gap:10px;justify-content:center}.attendance-actions button{min-width:120px}.attendance-metrics{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-metrics .stat:nth-child(1),.attendance-metrics .stat:nth-child(2){background:linear-gradient(135deg,#f0fdfa,#fff1f2)}.attendance-metrics .stat:nth-child(5){background:#fff1f2}.candidate-board.wide{display:grid;gap:14px;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)}.candidate-board>div{align-content:start;background:#f8fbfd;border:1px dashed #b9c9d8;border-radius:8px;display:grid;gap:9px;max-height:560px;overflow:auto;padding:12px}.candidate-board h3{align-items:center;display:flex;gap:8px;margin:0 0 6px}.candidate-board h3 span{background:#171717;border-radius:999px;color:#fff;font-size:11px;padding:3px 7px}.candidate-row{align-items:center;background:#fff;border:1px solid #e1e8ee;border-radius:8px;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto auto auto;padding:10px}.candidate-row input[type=checkbox]{accent-color:#e31b23;height:16px;width:16px}.candidate-row small,.mail-card small,.learning-item small,.employee-cell small,.approval-row small{color:#7b8795;display:block}.skill-tooltip{background:#edf4fb;border-radius:999px;color:#25425d;cursor:help;padding:6px 10px;position:relative;white-space:nowrap}.skill-tooltip:after{background:#262626;border-radius:8px;bottom:calc(100% + 8px);color:#fff;content:attr(data-tooltip);display:none;left:0;max-width:290px;min-width:210px;padding:9px 10px;position:absolute;white-space:normal;z-index:30}.skill-tooltip:hover:after{display:block}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.chips span{background:#171717;border-radius:999px;color:#ffe4e6;padding:6px 10px}.integration-note{background:#fff5f5;border:1px solid #fecdd3;border-radius:8px;color:#32526f;margin-top:12px;padding:10px}.helper-copy{color:#536071;font-size:15px;line-height:1.55;margin:0}.pill{background:#eef2f7;border-radius:999px;color:#4f5b68;display:inline-flex;font-size:11px;font-weight:800;padding:5px 9px;text-transform:uppercase;white-space:nowrap}.pill.success{background:#d9fbe7;color:#04733f}.pill.warning{background:#fff3c4;color:#a16207}.pill.danger{background:#fee2e2;color:#b91c1c}.pill.blue{background:#ffe4e6;color:#b91c2b}.employee-cell{align-items:center;display:flex;gap:10px}.employee-cell>span{align-items:center;background:#ef3340;border-radius:50%;color:#fff;display:inline-flex;font-weight:800;height:38px;justify-content:center;width:38px}.mail-card,.approval-row,.mini-row,.learning-item,.goal-row{background:#fbfdff;border:1px solid #e6edf3;border-radius:8px;margin-bottom:8px;padding:11px}.mail-card{display:grid;gap:7px;box-shadow:none;color:inherit;min-height:auto;padding:12px 14px;text-align:left;width:100%}.mail-card.inbound,.mail-card.outbound{border-left:1px solid #e6edf3}.mail-card.active{background:#fff1f2;border-color:#fda4af}.mail-card:hover{border-color:#fecdd3;box-shadow:0 10px 24px #0f172a0f;transform:none}.mail-card header{align-items:start;display:flex;gap:12px;justify-content:space-between}.mail-card-main{display:grid;gap:3px;min-width:0}.mail-card-main strong{color:#172033;font-size:14px;line-height:1.3;overflow-wrap:anywhere}.mail-card-main span{color:#687385;font-size:12px;line-height:1.25}.mail-card-main small{color:#506078;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.mail-card p{color:#334155;line-height:1.55;margin:0;overflow-wrap:anywhere}.mail-attachments{display:flex;flex-wrap:wrap;gap:7px}.mail-attachments span{align-items:center;background:#fff5f5;border:1px solid #fecdd3;border-radius:999px;color:#244561;display:inline-flex;font-size:12px;gap:5px;padding:5px 9px}.mail-attachments svg{height:14px;width:14px}.mail-error{background:#fff1f2;border:1px solid #fecdd3;border-radius:7px;color:#b91c1c!important;padding:7px 9px}.approval-row,.goal-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.mini-row{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(84px,.8fr) minmax(0,1.2fr);min-width:0}.mini-row span{color:#66717f;min-width:0}.mini-row strong{color:#243142;line-height:1.35;min-width:0;overflow-wrap:anywhere;text-align:right;word-break:break-word}.usage-row{background:#f6f9fc;border:1px solid #e6edf3;box-shadow:none;color:#243142;justify-content:space-between;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.usage-row:before{background:linear-gradient(90deg,#1e40af2e,#2563eb4d);content:"";inset:0 auto 0 0;position:absolute;width:var(--w)}.usage-row span,.usage-row strong{position:relative;z-index:1}.details-grid{display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.offer-preview,.document-sheet{background:#fbfdff;border:1px solid #e3e9ef;border-radius:8px;max-height:470px;overflow:auto;padding:18px}.offer-full-modal{max-width:min(1180px,calc(100vw - 60px));width:94vw}.offer-full-scroll,.mail-viewer-body{background:#fbfdff;border:1px solid #e3e9ef;border-radius:8px;overflow:auto;padding:18px}.offer-full-scroll{max-height:calc(100vh - 190px)}.mail-viewer-modal{max-width:min(980px,calc(100vw - 60px))}.mail-viewer-body{max-height:56vh;margin-top:14px}.mail-viewer-attachments{margin-top:12px}.mail-viewer-attachments h3{font-size:15px;margin:0 0 8px}.learning-material-preview{background:#fff;border:1px solid #dbe3ed;border-radius:8px;max-height:360px;overflow:auto;padding:18px}.learning-material-preview.large{max-height:62vh}.learning-pdf-sheet{color:#1f2937;font-family:Arial,Helvetica,sans-serif;line-height:1.55}.learning-pdf-sheet header{align-items:center;border-bottom:3px solid #e31b23;display:flex;gap:14px;margin-bottom:14px;padding-bottom:12px}.learning-pdf-sheet img{height:52px;object-fit:contain}.learning-pdf-sheet h1{color:#171717;font-size:24px;margin:0}.learning-pdf-sheet h2{color:#171717;font-size:17px;margin:18px 0 8px}.learning-pdf-sheet p,.learning-pdf-sheet li{font-size:13px}.learning-pdf-sheet ul{margin:0;padding-left:20px}.document-sheet{min-height:310px}.offer-list{display:grid;gap:10px}.offer-list-row{align-items:center;background:#fbfdff;border:1px solid #e3e9ef;border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(360px,1fr) auto minmax(300px,auto);padding:13px}.offer-link{align-items:start;background:transparent;box-shadow:none;color:#222936;display:grid;gap:4px;justify-content:start;min-height:auto;padding:0;text-align:left}.offer-link span{color:#171717;font-size:16px;font-weight:700}.offer-link small{color:#66717f}.offer-row-meta{align-items:end;display:grid;gap:6px;justify-items:end}.offer-row-meta strong{color:#222936}.offer-row-actions{justify-content:flex-end}.template-row{align-items:center;background:#fbfdff;border:1px solid #e3e9ef;border-radius:8px;display:flex;gap:12px;justify-content:space-between;margin-bottom:9px;padding:13px}.template-row.active{background:#fff5f5;border-color:#f59e0b}.template-row div{display:grid;gap:4px}.template-row strong{color:#202838}.template-row small{color:#66717f}.template-row span{color:#b91c1c;font-size:12px;overflow-wrap:anywhere}.template-meta{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px}.template-preview-sheet h2{border-bottom:2px solid #e31b23;color:#171717;margin:0 0 14px;padding-bottom:10px}.template-preview-sheet p{color:#3d4652;line-height:1.55;margin:0 0 12px}.payslip-modal{max-width:900px}.payslip-sheet{background:#fff;border:1px solid #e3e9ef;border-radius:8px;display:grid;gap:14px;padding:18px}.payslip-head{align-items:center;border-bottom:2px solid #e31b23;display:flex;gap:14px;padding-bottom:14px}.payslip-head img{height:58px;object-fit:contain;width:150px}.payslip-head strong{color:#171717;display:block;font-size:22px}.payslip-head span{color:#66717f}.payslip-columns{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.payslip-columns h3{margin:0 0 8px}.payslip-total{align-items:center;background:linear-gradient(135deg,#991b1b,#e31b23);border-radius:8px;color:#fff;display:flex;justify-content:space-between;padding:14px 16px}.payslip-total strong{font-size:20px}.learning-item{cursor:pointer;display:grid;gap:5px}.learning-item.active{background:#fff5f5;border-color:#ef3340}.learning-dashboard{background:#fff;border:1px solid #edf1f5;box-shadow:0 10px 28px #2229360a;padding:38px 42px 54px}.learning-title h1{color:#202838;font-size:30px;font-weight:680;line-height:1.12;margin:0 0 12px}.learning-title p{color:#596574;font-size:16px;margin:0}.learning-stats{display:grid;gap:30px;grid-template-columns:repeat(4,minmax(0,1fr));margin:38px 0 36px}.learning-stat{align-items:center;background:#fff;border:1px solid #e5e9ef;border-radius:14px;box-shadow:0 12px 28px #22293612;display:flex;gap:20px;min-height:132px;padding:28px 24px}.learning-stat.featured{box-shadow:0 16px 34px #22293624}.learning-stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex:0 0 56px;height:56px;justify-content:center;line-height:1;min-height:56px;min-width:56px;width:56px}.learning-stat-icon svg{display:block;flex:0 0 auto;height:28px;stroke-width:2.4;width:28px}.tone-orange,.tone-blue{background:linear-gradient(135deg,#ef3340,#c8102e)}.tone-green{background:linear-gradient(135deg,#4caf50,#26923b)}.learning-stat strong{color:#202838;display:block;font-size:27px;font-weight:680;line-height:1;margin-bottom:10px}.learning-stat small{color:#596574;display:block;font-size:16px;line-height:1.35}.learning-tabs-card{background:#fff;border:1px solid #e5e9ef;border-radius:14px;box-shadow:0 10px 26px #2229360d;overflow:hidden}.learning-tabs-card .tabbar{border:0;border-bottom:1px solid #edf1f5;border-radius:0;margin:0;padding:0 24px}.learning-tabs-card .tabbar button{color:#596574;font-size:16px;font-weight:640;min-height:72px;padding:18px 24px}.learning-tabs-card .tabbar button.active{border-bottom-color:#e31b23;color:#b91c2b}.learning-progress{padding:36px}.learning-progress h2{color:#202838;font-size:23px;font-weight:680;line-height:1.15;margin:0 0 28px}.learning-card-grid{display:grid;gap:34px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:34px}.learning-card-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-progress-card,.learning-program-card{background:#fff;border:1px solid #e5e9ef;border-radius:12px;box-shadow:0 8px 22px #2229360d;display:grid;gap:16px;min-height:190px;padding:24px}.learning-card-head{align-items:start;display:flex;gap:16px;justify-content:space-between}.learning-progress-card h3,.learning-program-card h3{color:#202838;font-size:21px;font-weight:680;line-height:1.2;margin:0}.learning-progress-card p,.learning-program-card p{color:#596574;font-size:16px;line-height:1.45;margin:0}.learning-progress-track{background:#eef2f6;border-radius:999px;height:9px;overflow:hidden}.learning-progress-track span{background:linear-gradient(135deg,#ef3340,#c8102e);display:block;height:100%}.learning-card-footer{align-items:center;display:flex;justify-content:space-between}.learning-card-footer small{color:#66717f}.learning-card-icon{align-items:center;border-radius:50%;color:#fff;display:inline-flex;height:50px;justify-content:center;width:50px}.learning-card-icon svg{height:26px;width:26px}.learning-meta{color:#657181;display:flex;gap:10px}.learning-resource-list{display:grid;gap:14px}.learning-resource-list article{align-items:center;border:1px solid #e5e9ef;border-radius:10px;display:grid;gap:14px;grid-template-columns:auto 1fr auto;padding:16px}.learning-resource-list svg{color:#c8102e}.career-entry-head{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.career-entry-head p{color:#596574;font-size:14px;margin:-18px 0 0}.career-entry-head .inline-actions select{min-width:260px}.career-stage-strip{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:16px}.career-stage-strip span{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;color:#b91c2b;font-weight:800;padding:10px;text-align:center}.learning-level-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.learning-level-grid.single{grid-template-columns:minmax(320px,760px)}.learning-level-card{background:#fff;border:1px solid #e5e9ef;border-radius:8px;display:grid;gap:12px;padding:16px}.learning-level-card.locked{opacity:.68}.learning-level-card header{align-items:start;display:flex;gap:10px;justify-content:space-between}.learning-level-card h3{font-size:18px;margin:0 0 5px}.learning-level-card p{color:#66717f;font-size:13px;margin:0}.level-materials{display:grid;gap:7px}.level-materials h4{color:#202838;font-size:13px;margin:6px 0 0}.level-materials small{background:#fbfdff;border:1px solid #e6edf3;border-radius:6px;color:#596574;padding:7px}.level-tests{display:grid;gap:8px}.level-tests article{background:#fff5f5;border:1px solid #fecaca;border-radius:8px;display:grid;gap:6px;padding:9px}.level-tests small{color:#7b8795}.level-tests button{justify-self:start}.video-frame{aspect-ratio:16 / 9;background:#171717;border-radius:8px;margin-bottom:10px;overflow:hidden;position:relative;z-index:1}.learning-player-modal{max-width:1180px}.assessment-modal{height:min(92vh,820px);max-width:1120px}.modal-backdrop.locked{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80}.learning-player-grid{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(520px,1.35fr) minmax(300px,.65fr)}.learning-player-grid .video-frame{margin-bottom:0;max-height:430px}.learning-summary,.assessment-panel{background:#fbfdff;border:1px solid #e3e9ef;border-radius:8px;padding:14px;position:relative;z-index:2}.learning-summary p{color:#536071;line-height:1.55;margin:0 0 12px}.assessment-panel h3,.learning-summary h3{margin:0 0 10px}.assessment-board{display:grid;gap:12px;max-height:56vh;overflow:auto;padding-right:4px}.question-card{background:#fbfdff;border:1px solid #e3e9ef;border-radius:8px;display:grid;gap:8px;margin:8px 0;padding:11px}.choice-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid label{align-items:center;background:#fff;border:1px solid #e3e9ef;border-radius:8px;display:flex;gap:8px;padding:9px}.choice-grid input{accent-color:#e31b23}.code-answer{background:#0f172a;color:#e5edf6;font-family:Cascadia Code,Consolas,monospace;min-height:150px}.assessment-result{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;color:#7f1d1d;display:grid;gap:4px;padding:12px}.assessment-result p{margin:0}.text-learning-material{color:#e5edf6;font-size:18px;line-height:1.6;padding:28px}.empty{color:#7b8795;margin:0;padding:12px;text-align:center}.toast{background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-weight:800;margin:0 0 14px;padding:11px 13px}.assistant-fab{border-radius:50%;bottom:22px;height:58px;position:fixed;right:24px;width:58px;z-index:25}.candidate-test-shell{background:#f5f7fb;min-height:100vh;padding:24px}.candidate-test-head{align-items:center;background:#fff;border:1px solid #e0e6ec;border-radius:8px;display:grid;gap:16px;grid-template-columns:auto 1fr auto;margin:0 auto 16px;max-width:1120px;padding:16px}.candidate-test-head img{height:58px;object-fit:contain;width:150px}.candidate-test-head h1{color:#202838;font-size:24px;margin:2px 0}.candidate-test-head p,.candidate-test-head span{color:#66717f;margin:0}.candidate-test-head strong{background:#fff5f5;border-radius:8px;color:#991b1b;font-size:20px;padding:10px 12px}.candidate-test-shell .assessment-board{margin:0 auto;max-height:none;max-width:1120px}.candidate-test-actions{display:flex;justify-content:flex-end;margin:16px auto 0;max-width:1120px}.modal-backdrop{align-items:center;background:#1d26328c;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:22px;position:fixed;z-index:50}.large-modal{background:#fff;border-radius:8px;box-shadow:0 24px 70px #141c2852;display:grid;gap:14px;max-height:88vh;max-width:900px;overflow:auto;padding:20px;width:min(900px,100%)}.large-modal header,.large-modal footer{align-items:center;display:flex;justify-content:space-between}.large-modal h2{margin:0}.large-modal p{color:#6b7380;margin:0}.program-modal{max-width:760px}.org-hero{align-items:center;background:#fff;border:1px solid #e0e6ec;border-radius:24px;box-shadow:0 10px 28px #2229360d;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px;padding:22px 24px}.org-hero h2{color:#171717;font-size:24px;margin:0 0 6px}.org-hero p{color:#657181;font-size:16px;margin:0}.org-tools{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.org-tools .toolbar{margin:0;min-width:340px}.segmented{border:1px solid #d9e1e8;border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{background:#fff;border-radius:0;box-shadow:none;color:#536071}.segmented button.active{background:#fff5f5;color:#b91c1c}.org-canvas{background:radial-gradient(#e7edf3 1px,transparent 1px) 0 0 / 20px 20px,#fff;border:1px solid #e0e6ec;border-radius:24px;box-shadow:0 10px 28px #2229360d;min-height:520px;overflow:hidden;padding:18px;position:relative}.org-controls{align-items:center;background:#fff;border:1px solid #e3e9ef;border-radius:18px;box-shadow:0 10px 24px #22293614;display:inline-flex;gap:8px;padding:8px 12px}.org-tree{display:grid;gap:18px;justify-items:center;margin:68px auto 20px;min-width:920px;transform:scale(var(--org-scale, 1));transform-origin:top center;transition:transform .2s ease;width:86%}.org-tree.collapsed{min-width:320px}.org-level{display:flex;gap:28px;justify-content:center;position:relative;width:100%}.org-level.managers:before,.org-level.team:before{background:#d4dde7;content:"";height:1px;left:9%;position:absolute;right:9%;top:-13px}.org-node{background:#fff;border:1px solid #e3e9ef;border-top:3px solid #24a979;border-radius:6px;box-shadow:0 8px 18px #2229360f;display:grid;gap:4px;justify-items:center;min-height:92px;min-width:128px;padding:11px;position:relative}.org-node:before{background:#d4dde7;content:"";height:14px;left:50%;position:absolute;top:-17px;width:1px}.org-level.root .org-node:before{display:none}.org-node.admin{border-top-color:#6b7280}.org-node span{align-items:center;background:#e0f7ea;border-radius:50%;color:#0b7a46;display:inline-flex;font-size:11px;font-weight:800;height:26px;justify-content:center;width:26px}.org-node strong{color:#171717;font-size:12px;text-align:center}.org-node small{color:#657181;font-size:10px;text-align:center}.org-node em{background:#fff5f5;border-radius:999px;color:#991b1b;font-size:9px;font-style:normal;padding:3px 6px}.org-connect{display:none}.department-legend{background:#fff;border:1px solid #e3e9ef;border-radius:18px;bottom:20px;box-shadow:0 12px 28px #2229361a;display:grid;gap:12px;padding:18px;position:absolute;right:20px;width:250px}.department-legend header{align-items:center;display:flex;justify-content:space-between}.department-legend header button{min-height:30px}.legend-toggle{bottom:20px;position:absolute;right:20px}.role-access-page{display:grid;gap:14px}.role-access-hero{align-items:center;background:#fff;border:1px solid #e5e9ef;border-radius:8px;box-shadow:0 10px 26px #2229360d;display:flex;justify-content:space-between;padding:18px 20px}.role-access-hero h2{color:#202838;font-size:22px;font-weight:680;margin:0 0 6px}.role-access-hero p{color:#596574;margin:0;max-width:820px}.role-summary-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.role-access-page table{min-width:920px}.role-access-page td:nth-child(4){color:#596574;max-width:360px}.role-access-page .inline-actions{flex-wrap:nowrap}.role-modal{max-width:1060px}.role-modal.compact{max-width:720px}.role-modal .table-wrap{max-height:55vh;overflow:auto}.role-modal input[type=checkbox]{accent-color:#ef3340;height:18px;width:18px}.role-modal footer span{color:#596574;font-weight:650}.allowed-list{display:flex;flex-wrap:wrap;gap:7px}.credential-card{background:#fff5f5;border:1px solid #fecaca;border-radius:8px;display:grid;gap:6px;margin:14px 0;padding:14px}.credential-card>strong{color:#991b1b}.credential-card p{color:#596574;margin:4px 0 0}.department-legend h3{margin:0}.department-legend span{align-items:center;display:flex;gap:10px}.department-legend i{border-radius:50%;display:inline-block;height:12px;width:12px}.login-page{align-items:center;background:radial-gradient(circle at 15% 15%,rgba(227,27,35,.28),transparent 34%),linear-gradient(135deg,#111,#2a1012 52%,#7f1d1d);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:8px;box-shadow:0 30px 80px #0b2f4f47;display:grid;gap:11px;max-width:380px;padding:24px;width:100%}.login-card img{height:auto;max-height:58px;object-fit:contain;object-position:left;width:210px}.login-card h1{margin:0}.login-card p,.login-card small{color:#6b7380;margin:0}.loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.loading img{height:86px;object-fit:contain}.loading svg{color:#e31b23}.candidate-link-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:100vh}.candidate-link-loading svg{color:#e31b23}.candidate-link-loading p{color:#374151;font-size:16px;font-weight:600}.loading-dots{animation:loadingDots 1.4s infinite}@keyframes loadingDots{0%,20%{opacity:.2}50%{opacity:1}80%,to{opacity:.2}}.candidate-onboarding-shell{background:radial-gradient(circle at 10% 0%,#fff2f2 0,transparent 32%),linear-gradient(135deg,#f5f8fc,#eef4fa);background:#eef4f8;color:#1f2937;min-height:100vh;padding:28px}.candidate-onboarding-hero{align-items:center;background:#fff;border:1px solid #dce6ef;border-radius:18px;box-shadow:0 18px 45px #0f172a14;display:grid;gap:18px;grid-template-columns:auto minmax(0,1fr) auto;margin:0 auto 18px;max-width:1180px;padding:18px 22px}.candidate-onboarding-hero img{height:64px;object-fit:contain;width:140px}.candidate-onboarding-hero span{color:#e31b23;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.candidate-onboarding-hero h1{font-size:28px;margin:4px 0}.candidate-onboarding-hero p{color:#64748b;margin:0}.candidate-onboarding-hero>strong{background:#dcfce7;border-radius:999px;color:#166534;padding:8px 12px;white-space:nowrap}.candidate-onboarding-card{background:#fff;border:1px solid #dce6ef;border-radius:18px;box-shadow:0 18px 45px #0f172a14;margin:0 auto;max-width:1180px;padding:22px}.candidate-onboarding-card.centered{display:grid;gap:12px;justify-items:center;margin-top:12vh;max-width:520px;text-align:center}.candidate-onboarding-card.centered img{height:70px;object-fit:contain}.onboarding-status-strip{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.candidate-document-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.candidate-document-card{background:#f8fbfd;border:1px solid #e1e9f0;border-radius:14px;display:grid;gap:10px;padding:14px}.candidate-document-card header{align-items:start;display:flex;gap:12px;justify-content:space-between}.candidate-document-card small{color:#64748b;display:block}.candidate-document-card form{display:grid;gap:8px}.candidate-document-card textarea{min-height:68px}.candidate-submission-intro{background:#171717;border-left:5px solid #e31b23;border-radius:12px;color:#fff;margin:0 0 18px;padding:18px 20px}.candidate-submission-intro h2{font-size:19px;margin:0 0 7px}.candidate-submission-intro p{color:#d8e0e8;line-height:1.55;margin:0;max-width:780px}.candidate-upload-footer{margin-top:18px;text-align:center;position:sticky;bottom:12px}.candidate-upload-footer button{background:#171717;border-radius:10px;font-weight:700;padding:14px 28px}.candidate-upload-footer button:hover:not(:disabled){background:#0f0f0f}.candidate-upload-footer button:disabled{opacity:.6;cursor:not-allowed}.candidate-submitted-documents{border-top:1px solid #e1e9f0;margin-top:20px;padding-top:16px}.candidate-submitted-documents h3{margin:0 0 10px}.document-link-list{display:grid;gap:9px}.document-link-list a{align-items:center;display:inline-flex;gap:7px;width:fit-content}.document-file-row{align-items:center;display:inline-flex;gap:6px}.document-file-row input[type=file]{font-size:13px;height:34px;margin:0;padding:0 4px}.document-file-row button.icon-only{height:34px;min-width:34px;padding:0}@media(max-width:1180px){.suite-shell{grid-template-columns:1fr}.suite-sidebar{height:auto;position:relative}.suite-sidebar nav{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid,.workbench-grid,.candidate-board.wide,.form-grid.two-col,.panelist-strip,.learning-player-grid,.learning-stats,.learning-card-grid,.learning-card-grid.compact,.role-summary-grid,.attendance-layout,.attendance-metrics,.mail-reader-layout,.offer-list-row,.candidate-document-grid,.onboarding-status-strip{grid-template-columns:1fr}.offer-row-meta,.offer-row-actions{justify-items:start;justify-content:flex-start}.toolbar{min-width:0;width:100%}.org-hero{align-items:stretch;flex-direction:column}.org-canvas{overflow:auto}.learning-dashboard{padding:26px 20px 34px}.learning-title h1{font-size:32px}.learning-tabs-card .tabbar{padding:0 10px}.learning-tabs-card .tabbar button{font-size:15px;min-height:58px;padding:14px 12px}.learning-progress{padding:22px}}@media(max-width:760px){.suite-content{padding:14px}.suite-topbar,.panel-head,.filter-card{align-items:stretch;flex-direction:column;height:auto}.topbar-actions{flex-wrap:wrap}.suite-sidebar nav{grid-template-columns:1fr}.candidate-row{grid-template-columns:auto 1fr}.details-grid{grid-template-columns:1fr}.candidate-onboarding-shell{padding:14px}.candidate-onboarding-hero{align-items:start;grid-template-columns:1fr}}@media print{body *{visibility:hidden}.payslip-modal,.payslip-modal *{visibility:visible}.payslip-modal{box-shadow:none;left:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;width:100%}.payslip-modal header{display:none}.payslip-sheet{border:0}}