@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#19241e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f6f2;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}:root{--ink:#19241e;--muted:#748078;--green:#3e6257;--green-dark:#29483f;--green-bright:#00c850;--green-soft:#e1ebe7;--surface:#fff;--canvas:#f4f6f2;--line:#e3e7e1;--shadow:0 18px 40px #1f37280f}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.auth-screen{background:radial-gradient(circle at 78% 15%, #d8eeae59, transparent 25%), var(--canvas);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);background:#fff;border-radius:20px;gap:28px;padding:38px;display:grid}.auth-brand{padding:0}.auth-logo{border-radius:14px;width:100%;height:auto}.auth-card h1{font-size:25px}.auth-intro{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.5}.auth-card form{gap:14px;display:grid}.auth-card label{color:var(--muted);gap:6px;font-size:10px;font-weight:800;display:grid}.auth-card input{border:1px solid var(--line);border-radius:9px;outline:none;height:44px;padding:0 12px}.auth-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #2f684d1a}.auth-card form button{width:100%}.auth-error{color:#a54e45;min-height:15px;margin:0;font-size:10px}.auth-card footer{border-top:1px solid var(--line);color:var(--muted);justify-content:center;align-items:center;gap:6px;padding-top:17px;font-size:9px;display:flex}.auth-loader{border:3px solid var(--green-soft);border-top-color:var(--green);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.auth-screen>p{color:var(--muted);margin-top:80px;font-size:10px;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.demo-access{color:var(--green-dark);text-align:left;background:#edf6f1;border:1px solid #b9d6c8;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:11px 13px;display:grid}.demo-access>span:first-child{color:#fff;background:var(--green);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.demo-access strong,.demo-access small{display:block}.demo-access strong{font-size:10px}.demo-access small{color:var(--muted);margin-top:2px;font-size:9px}.auth-mode-switch{background:var(--canvas);border-radius:10px;grid-template-columns:repeat(2,1fr);padding:4px;display:grid}.auth-mode-switch button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:8px;font-size:10px;font-weight:800}.auth-mode-switch button.active{color:var(--green-dark);background:#fff;box-shadow:0 3px 10px #1f372814}.auth-success{color:var(--green-dark);background:var(--green-soft);border-radius:8px;margin:0;padding:10px;font-size:10px;line-height:1.45}.auth-secondary-action{color:var(--green);background:0 0;border:0;font-size:10px;font-weight:800}.app-frame{min-height:100vh}.sidebar{z-index:20;border-right:1px solid var(--line);background:#fbfcfa;flex-direction:column;width:250px;padding:28px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 8px;display:flex}.brand-logo{border-radius:11px;width:40px;height:40px}.brand strong,.brand small{display:block}.brand strong{font:800 17px Manrope,sans-serif}.brand small{color:var(--muted);margin-top:1px;font-size:10px}.brand .brand-signature{color:var(--green);letter-spacing:.02em;margin-top:3px;font-size:8px;font-weight:800}.sidebar nav{gap:5px;margin-top:42px;display:grid}.nav-label,.eyebrow{color:#8a938c;letter-spacing:.16em;margin:0 0 8px;font-size:9px;font-weight:800}.nav-label{padding:0 12px}.nav-button{color:#667169;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;padding:12px;font-size:13px;font-weight:600;display:flex}.nav-button:hover,.nav-button.active{color:var(--green-dark);background:var(--green-soft)}.sidebar-footer{gap:8px;margin-top:auto;display:grid}.user-panel{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:8px;padding:12px 8px;display:grid}.user-panel strong,.user-panel small{display:block}.user-panel strong{font-size:12px}.user-panel small{color:var(--muted);margin-top:2px;font-size:9px}.avatar{width:38px;height:38px;color:var(--green-dark);background:#dce9df;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.avatar.small{width:32px;height:32px;font-size:9px}.logout{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px;font-size:10px;font-weight:700;display:flex}.workspace{min-height:100vh;margin-left:250px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;justify-content:space-between;align-items:center;min-height:102px;padding:22px 38px;display:flex}.topbar-title{align-items:center;gap:12px;display:flex}.topbar-title p{color:#909791;letter-spacing:.14em;margin:0 0 5px;font-size:9px;font-weight:800}h1,h2,h3{color:var(--ink);margin:0;font-family:Manrope,sans-serif}h1{letter-spacing:-.8px;font-size:27px}h2{letter-spacing:-.8px;font-size:25px}h3{letter-spacing:-.4px;font-size:17px}.topbar-actions{align-items:center;gap:12px;display:flex}.organization-badge{max-width:220px;color:var(--green-dark);background:var(--green-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:20px;align-items:center;gap:7px;padding:8px 11px;font-size:9px;font-weight:800;display:inline-flex;overflow:hidden}.organization-badge svg{flex:none}.connection{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:20px;align-items:center;gap:7px;padding:8px 11px;font-size:9px;font-weight:700;display:flex}.connection span{background:#c3c9c4;border-radius:50%;width:7px;height:7px}.connection.online span{background:#54a270;box-shadow:0 0 0 4px #e6f2ea}.icon-button,.menu-button{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;position:relative}.icon-button i{background:#cb6657;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.menu-button{display:none}.page-content{padding:30px 38px 50px}.hero-panel{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#3e6257,#29483f);border-radius:18px;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:22px;padding:28px 30px;display:flex}.hero-panel h2{color:#fff;font-size:25px}.hero-panel p:not(.eyebrow){color:#ffffffad;max-width:580px;margin:8px 0 0;font-size:12px}.hero-actions{gap:9px;display:flex}.primary-button,.secondary-button{border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:11px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:var(--green);border:0}.hero-panel .primary-button{color:#073b21;background:#bff6d1}.secondary-button{color:#fff;background:#ffffff14;border:1px solid #ffffff40}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.metric-card,.card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.metric-card{border-radius:14px;gap:7px;padding:20px;display:grid;position:relative;overflow:hidden}.metric-card:after{content:"";background:#a8cbb5;width:5px;height:100%;position:absolute;top:0;right:0}.metric-card.blue:after{background:#91b7c5}.metric-card.sand:after{background:#d8bd83}.metric-card.rose:after{background:#d49990}.metric-card span,.metric-card small{color:var(--muted);font-size:10px}.metric-card strong{font:800 25px Manrope,sans-serif}.overview-grid{grid-template-columns:1.4fr .8fr;gap:18px;display:grid}.card{border-radius:16px;padding:22px}.card-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.card-header button{color:var(--green);text-transform:uppercase;background:0 0;border:0;font-size:9px;font-weight:800}.coverage-list{gap:15px;display:grid}.coverage-row{grid-template-columns:150px 1fr 42px;align-items:center;gap:14px;display:grid}.coverage-row strong,.coverage-row small{display:block}.coverage-row strong{font-size:11px}.coverage-row small{color:var(--muted);margin-top:2px;font-size:9px}.coverage-track{background:#edf0ec;border-radius:5px;height:7px;overflow:hidden}.coverage-track span{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--green-bright));height:100%;display:block}.coverage-ok,.coverage-alert{font-size:10px;font-weight:800}.coverage-ok{color:var(--green)}.coverage-alert{color:#b47931}.attendance-card{text-align:center}.attendance-card .card-header{text-align:left}.attendance-ring{background:conic-gradient(var(--green) 0 72%, #e9ede9 72%);border-radius:50%;place-items:center;width:128px;height:128px;margin:4px auto 18px;display:grid}.attendance-ring:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:94px;height:94px}.attendance-ring div{z-index:1;grid-area:1/1}.attendance-ring strong,.attendance-ring span{display:block}.attendance-ring strong{font:800 27px Manrope}.attendance-ring span{color:var(--muted);font-size:9px}.legend{color:var(--muted);justify-content:center;gap:13px;font-size:8px;display:flex}.legend i{border-radius:50%;width:6px;height:6px;margin-right:3px;display:inline-block}.legend .present{background:var(--green)}.legend .break{background:#dcaa62}.legend .absent{background:#c9ceca}.legend b{color:var(--ink)}.event-list{display:grid}.event-row{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.event-row strong,.event-row small{display:block}.event-row strong{font-size:11px}.event-row small{color:var(--muted);margin-top:2px;font-size:9px}.event-row time{font-size:10px;font-weight:800}.request-row{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px 0;display:grid}.request-icon{border-radius:9px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.request-icon.vacation{color:#46705a;background:#e5f0e9}.request-icon.correction{color:#8b632c;background:#f7ecdc}.request-row strong,.request-row small{display:block}.request-row strong{font-size:11px}.request-row small{color:var(--muted);margin-top:2px;font-size:9px}.request-state{color:#9c6c2e;background:#fbf0df;border-radius:15px;padding:5px 7px;font-size:8px;font-weight:800}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.section-heading p:not(.eyebrow){color:var(--muted);margin:6px 0 0;font-size:11px}.section-actions{align-items:flex-end;gap:10px;display:flex}.month-picker{color:var(--muted);text-transform:uppercase;gap:5px;font-size:8px;font-weight:800;display:grid}.month-picker input{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:9px;padding:0 11px;font-size:11px;font-weight:600}.data-notice{color:var(--green-dark);background:#edf5f1;border:1px solid #c9ddd3;border-radius:10px;margin:-10px 0 18px;padding:10px 12px;font-size:10px}.table-card{padding:0;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);gap:8px;padding:17px 20px;display:flex}.search-box{border:1px solid var(--line);background:var(--canvas);border-radius:9px;align-items:center;gap:8px;min-width:300px;padding:0 11px;display:flex}.search-box input{background:0 0;border:0;outline:none;width:100%;padding:9px 0;font-size:11px}.filter-button{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:10px;display:inline-flex}.table-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{color:var(--muted);letter-spacing:.1em;text-align:left;text-transform:uppercase;background:#fafbf9;padding:12px 18px;font-size:8px}td{border-top:1px solid var(--line);padding:14px 18px;font-size:11px}.employee-cell{align-items:center;gap:10px;display:flex}.employee-cell strong,.employee-cell small,.cell-note{display:block}.employee-cell small,.cell-note{color:var(--muted);margin-top:2px;font-size:9px}.status{border-radius:15px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.status.present{color:#397052;background:#e5f0e9}.status.off{color:#6f7880;background:#edf0f2}.status.leave{color:#8d682f;background:#f8eedf}.status.absent{color:#9b5149;background:#f6e8e6}.more-button{background:0 0;border:0}.department-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.department-card{position:relative}.department-icon{width:42px;height:42px;color:var(--green);background:var(--green-soft);border-radius:11px;place-items:center;margin-bottom:18px;display:grid}.department-code{color:#98a099;font-size:9px;font-weight:800;position:absolute;top:22px;right:22px}.department-card h3{font-size:16px}.department-card>p{min-height:34px;color:var(--muted);margin:6px 0 18px;font-size:10px;line-height:1.5}.department-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);gap:20px;padding:14px 0;font-size:9px;display:flex}.department-meta strong{color:var(--ink);font-size:15px}.department-card footer{align-items:center;gap:9px;padding-top:14px;display:flex}.department-card footer small,.department-card footer strong{display:block}.department-card footer small{color:var(--muted);font-size:8px}.department-card footer strong{margin-top:2px;font-size:10px}.coming-soon{text-align:center;align-content:center;place-items:center;min-height:420px;display:grid}.coming-icon{width:66px;height:66px;color:var(--green);background:var(--green-soft);border-radius:18px;place-items:center;margin-bottom:20px;display:grid}.coming-soon>p:not(.eyebrow){max-width:480px;color:var(--muted);margin:8px 0 18px;font-size:12px}.phase-pill{color:var(--green);background:var(--green-soft);border-radius:18px;padding:7px 10px;font-size:9px;font-weight:800}.guide-hero{color:#fff;background:linear-gradient(135deg, var(--green), var(--green-dark));border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:26px 30px;display:flex}.guide-hero h2{color:#fff}.guide-hero p:not(.eyebrow){color:#d6e2dd;margin:7px 0 0;font-size:11px}.guide-hero img{border-radius:18px;width:78px;height:78px}.guide-layout{grid-template-columns:1.4fr .7fr;gap:18px;display:grid}.guide-chapters{gap:11px;display:grid}.guide-card{grid-template-columns:42px 1fr auto;align-items:center;gap:14px;display:grid}.guide-card>span{color:var(--green-bright);font:800 18px Manrope}.guide-card p{color:var(--muted);margin:5px 0 0;font-size:10px}.guide-card button{color:var(--green);text-transform:uppercase;background:0 0;border:0;font-size:9px;font-weight:800}.guide-side{align-self:start}.guide-side>svg{color:var(--green)}.guide-side h3{margin-top:10px}.guide-side ol{color:var(--muted);gap:12px;margin:18px 0;padding-left:20px;font-size:10px;line-height:1.45;display:grid}.guide-help{color:var(--green);background:var(--green-soft);border-radius:10px;align-items:center;gap:9px;padding:12px;display:flex}.guide-help strong,.guide-help small{display:block}.guide-help strong{font-size:10px}.guide-help small{color:var(--muted);margin-top:2px;font-size:8px}.attendance-metrics{margin-top:0}.empty-state{color:var(--muted);text-align:center;padding:36px}.calculation-note{color:var(--muted);align-items:center;gap:7px;margin:14px 0 0;font-size:10px;display:flex}.calculation-note svg{color:var(--green)}.calculation-note strong{color:var(--ink)}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#12211a7a;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{background:#fff;border:1px solid #ffffff80;border-radius:18px;width:min(620px,100%);padding:26px;box-shadow:0 30px 80px #14261d38}.modal-card>header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.form-grid label{color:var(--muted);gap:6px;font-size:9px;font-weight:800;display:grid}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:10px 11px;font-size:11px;font-weight:500}.form-grid textarea{resize:vertical;min-height:76px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #3e62571a}.span-2{grid-column:span 2}.form-actions{justify-content:flex-end;gap:9px;padding-top:5px;display:flex}.plain-button{border:1px solid var(--line);min-height:40px;color:var(--muted);background:#fff;border-radius:9px;padding:0 15px;font-size:10px;font-weight:800}.live-total{color:var(--green-dark);background:var(--green-soft);border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.live-total span,.live-total strong{display:block}.live-total span{font-size:9px}.live-total strong{margin-top:2px;font-size:14px}.week-switcher{border:1px solid var(--line);background:#fff;border-radius:9px;display:flex;overflow:hidden}.week-switcher button{border:0;border-right:1px solid var(--line);min-height:40px;color:var(--green-dark);background:#fff;padding:0 11px;font-size:9px;font-weight:800}.week-switcher button:last-child{border-right:0}.week-switcher button:hover{background:var(--green-soft)}.schedule-summary{grid-template-columns:repeat(3,minmax(130px,1fr)) minmax(180px,.8fr);gap:12px;margin-bottom:16px;display:grid}.schedule-summary .card{gap:5px;padding:16px 18px;display:grid}.schedule-summary .card span,.department-filter{color:var(--muted);font-size:9px;font-weight:700}.schedule-summary .card strong{font:800 20px Manrope,sans-serif}.department-filter{border:1px solid var(--line);box-shadow:var(--shadow);text-transform:uppercase;background:#fff;border-radius:14px;gap:5px;padding:12px 14px;display:grid}.department-filter select{min-height:30px;color:var(--ink);background:0 0;border:0;outline:none;font-size:11px;font-weight:700}.schedule-card{padding:0;overflow:hidden}.schedule-scroll{overflow-x:auto}.schedule-grid{grid-template-columns:190px repeat(7,minmax(118px,1fr));min-width:1050px;display:grid}.schedule-corner,.schedule-day{z-index:3;border-bottom:1px solid var(--line);background:#f9faf8;padding:13px 14px;position:sticky;top:0}.schedule-corner{z-index:5;color:var(--muted);letter-spacing:.1em;font-size:8px;font-weight:800;left:0}.schedule-day{border-left:1px solid var(--line);text-transform:capitalize;justify-content:space-between;align-items:center;display:flex}.schedule-day strong{font-size:10px}.schedule-day span{color:var(--muted);font-size:9px}.schedule-day.today,.schedule-cell.today{background:#f1f7f3}.schedule-row{display:contents}.schedule-person{z-index:2;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:9px;min-height:88px;padding:12px 14px;display:flex;position:sticky;left:0}.schedule-person strong,.schedule-person small,.schedule-person div>span{display:block}.schedule-person strong{font-size:10px}.schedule-person small{color:var(--muted);margin-top:2px;font-size:8px}.schedule-person div>span{color:var(--green);margin-top:6px;font-size:8px;font-weight:800}.schedule-person .hours-over{color:#a15d4e}.schedule-cell{border-bottom:1px solid var(--line);border-left:1px solid var(--line);background:#fff;align-content:center;gap:5px;min-height:88px;padding:8px;display:grid}.shift-chip{color:var(--green-dark);text-align:left;background:#e7f2ec;border:1px solid #c5ded1;border-radius:9px;gap:3px;padding:9px;display:grid}.shift-chip:disabled{cursor:default;opacity:1}.shift-chip strong{font-size:9px}.shift-chip span{color:var(--muted);font-size:8px}.shift-chip.night{color:#3f536d;background:#edf2f8;border-color:#cad5e5}.add-shift-cell{width:28px;height:28px;color:var(--muted);opacity:0;background:0 0;border:1px dashed #bfc8c1;border-radius:8px;justify-self:center;place-items:center;display:grid}.schedule-cell:hover .add-shift-cell{opacity:1}.overlap-warning{color:#984c3e;background:#fbefec;border:1px solid #e7c1b7;border-radius:9px;align-items:center;gap:8px;padding:11px 12px;font-size:10px;font-weight:700;display:flex}.request-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.request-metrics button{border:1px solid var(--line);color:var(--muted);box-shadow:var(--shadow);text-align:left;background:#fff;border-radius:13px;gap:5px;padding:16px 18px;display:grid}.request-metrics button.active{color:var(--green-dark);background:var(--green-soft);border-color:#a9cabc}.request-metrics span{font-size:9px;font-weight:700}.request-metrics strong{color:var(--ink);font:800 20px Manrope}.request-list{gap:12px;display:grid}.request-card{grid-template-columns:auto 1fr auto;align-items:start;gap:16px;display:grid}.request-type-icon{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.request-type-icon.vacation{color:#3f6c56;background:#e1eee6}.request-type-icon.permission{color:#84602e;background:#f6ead6}.request-type-icon.attendance_correction{color:#46677b;background:#e3edf2}.request-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.request-title p{color:var(--muted);margin:4px 0 0;font-size:9px}.request-status{border-radius:20px;padding:6px 9px;font-size:8px;font-weight:800}.request-status.pending{color:#936527;background:#fbefd9}.request-status.approved{color:#397052;background:#e4f0e8}.request-status.rejected{color:#995047;background:#f7e7e5}.request-details{flex-wrap:wrap;gap:24px;margin-top:15px;display:flex}.request-details small,.request-details strong{display:block}.request-details small{color:var(--muted);text-transform:uppercase;font-size:8px}.request-details strong{margin-top:3px;font-size:10px}.request-reason{color:#59645d;margin:14px 0 0;font-size:10px;line-height:1.5}.admin-note{color:var(--green);background:var(--green-soft);border-radius:9px;align-items:flex-start;gap:8px;margin:12px 0 0;padding:10px;font-size:9px;display:flex}.admin-note span,.admin-note strong{display:block}.admin-note strong{margin-bottom:2px}.review-button{border:1px solid var(--green);color:var(--green);background:#fff;border-radius:9px;align-self:center;padding:9px 12px;font-size:9px;font-weight:800}.empty-requests{min-height:210px;color:var(--muted);text-align:center;align-content:center;place-items:center;display:grid}.empty-requests h3{margin-top:10px}.empty-requests p{margin:5px 0 0;font-size:10px}.review-summary{background:var(--canvas);border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.review-summary strong,.review-summary small{display:block}.review-summary small{color:var(--muted);margin-top:2px;font-size:9px}.review-reason{color:#526058;margin:16px 0;font-size:11px;line-height:1.55}.review-note{color:var(--muted);gap:6px;font-size:9px;font-weight:800;display:grid}.review-note textarea{border:1px solid var(--line);resize:vertical;border-radius:9px;outline:none;min-height:90px;padding:11px}.review-actions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.reject-button,.approve-button{border-radius:9px;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:10px;font-weight:800;display:inline-flex}.reject-button{color:#994b42;background:#fff;border:1px solid #dca9a2}.approve-button{color:#fff;background:var(--green);border:0}.plain-button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.settings-layout{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.settings-card>header{border-bottom:1px solid var(--line);align-items:center;gap:11px;margin-bottom:20px;padding-bottom:15px;display:flex}.settings-card>header p{color:var(--muted);margin:4px 0 0;font-size:9px}.settings-icon{width:40px;height:40px;color:var(--green);background:var(--green-soft);border-radius:11px;place-items:center;display:grid}.consultant-settings{grid-column:span 2}.consultant-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:9px;margin-top:18px;padding-top:16px;display:flex}.settings-help{color:var(--muted);align-items:center;gap:7px;margin:13px 0 0;font-size:9px;display:flex}.settings-help svg{color:var(--green)}.platform-secure{min-height:40px;color:var(--green-dark);background:#edf6f1;border:1px solid #b9d6c8;border-radius:20px;align-items:center;gap:7px;padding:0 13px;font-size:9px;font-weight:800;display:inline-flex}.platform-layout{grid-template-columns:minmax(330px,.72fr) minmax(580px,1.4fr);align-items:start;gap:16px;display:grid}.platform-create-card>header{border-bottom:1px solid var(--line);align-items:center;gap:11px;margin-bottom:20px;padding-bottom:15px;display:flex}.platform-create-card>header p{color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.45}.platform-create-card .form-grid{grid-template-columns:1fr}.platform-create-card .span-2{grid-column:span 1}.platform-clients-card .table-toolbar{justify-content:space-between;align-items:center}.platform-clients-card .table-toolbar .eyebrow{margin-bottom:4px}.platform-clients-card .table-toolbar h3{font-size:15px}.training-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.training-metrics .card{border-top:3px solid var(--green);gap:5px;padding:16px 18px;display:grid}.training-metrics .card span,.training-metrics .card small{color:var(--muted);font-size:9px;font-weight:700}.training-metrics .card strong{font:800 22px Manrope,sans-serif}.training-metrics .missing{border-top-color:#a8ada9}.training-metrics .expiring{border-top-color:#d6a34d}.training-metrics .critical{border-top-color:#b85b50}.training-card{padding:0;overflow:hidden}.training-card .table-toolbar{align-items:center}.training-legend{flex-wrap:wrap;flex:1;gap:12px;display:flex}.training-legend span{color:var(--muted);align-items:center;gap:5px;font-size:8px;font-weight:700;display:inline-flex}.training-legend i{border-radius:50%;width:8px;height:8px}.training-legend i.valid{background:#55a475}.training-legend i.expiring{background:#d6a34d}.training-legend i.expired{background:#b85b50}.training-legend i.unverified{background:#6989a1}.training-legend i.missing{background:#b9beba}.training-filter{min-width:165px;box-shadow:none;padding:7px 11px}.training-scroll{overflow:auto}.training-matrix{min-width:1120px;display:grid}.training-corner,.training-course{z-index:4;border-bottom:1px solid var(--line);background:#f8faf8;min-height:70px;padding:14px;position:sticky;top:0}.training-corner{z-index:6;color:var(--muted);letter-spacing:.08em;font-size:8px;font-weight:800;left:0}.training-course{border-left:1px solid var(--line)}.training-course strong,.training-course small{display:block}.training-course strong{font-size:9px;line-height:1.35}.training-course small{color:var(--muted);margin-top:5px;font-size:7px}.training-row{display:contents}.training-person{z-index:2;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:9px;min-height:86px;padding:12px 14px;display:flex;position:sticky;left:0}.training-person strong,.training-person small{display:block}.training-person strong{font-size:9px}.training-person small{color:var(--muted);margin-top:3px;font-size:7px}.training-cell{border:0;border-bottom:1px solid var(--line);border-left:1px solid var(--line);text-align:left;background:#fff;align-content:center;gap:5px;min-height:86px;padding:10px;display:grid}.training-cell:hover{box-shadow:inset 0 0 0 2px #275b4324}.training-cell-status{border-radius:12px;align-items:center;gap:5px;width:fit-content;padding:5px 7px;font-size:7px;font-weight:800;display:inline-flex}.training-cell small{color:var(--muted);font-size:7px}.training-cell.valid .training-cell-status{color:#32704e;background:#e4f1e9}.training-cell.expiring .training-cell-status{color:#916524;background:#fbefd9}.training-cell.expired .training-cell-status{color:#994b42;background:#f7e5e2}.training-cell.unverified .training-cell-status{color:#46677b;background:#e4edf2}.training-cell.missing .training-cell-status{color:#6d746f;background:#eef0ee}.training-total-label,.training-total{z-index:3;color:#535947;background:#fffdc7;border-top:1px solid #d7d78b;align-items:center;min-height:42px;padding:10px 14px;font-size:8px;font-weight:800;display:flex;position:sticky;bottom:0}.training-total-label{z-index:5;left:0}.training-total{color:#417052;border-left:1px solid #dddd9a;gap:5px}.verification-check{border:1px solid var(--line);background:var(--canvas);border-radius:9px;align-items:center;gap:12px;min-height:64px;padding:12px;display:flex!important}.verification-check input{height:18px;accent-color:var(--green);width:18px!important;min-height:0!important}.verification-check span,.verification-check strong,.verification-check small{display:block}.verification-check small{color:var(--muted);margin-top:3px;font-size:8px;font-weight:500}.employee-training-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.employee-training-card{border-top:3px solid #b9beba}.employee-training-card.valid{border-top-color:#55a475}.employee-training-card.expiring{border-top-color:#d6a34d}.employee-training-card.expired{border-top-color:#b85b50}.employee-training-card.unverified{border-top-color:#6989a1}.employee-training-card header{justify-content:space-between;align-items:center;display:flex}.training-icon{color:#6d746f;background:#eef0ee;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.training-icon.valid{color:#32704e;background:#e4f1e9}.training-icon.expiring{color:#916524;background:#fbefd9}.training-icon.expired{color:#994b42;background:#f7e5e2}.training-icon.unverified{color:#46677b;background:#e4edf2}.training-badge{color:var(--muted);background:#eef0ee;border-radius:12px;padding:5px 8px;font-size:7px;font-weight:800}.training-badge.valid{color:#32704e;background:#e4f1e9}.training-badge.expiring{color:#916524;background:#fbefd9}.training-badge.expired{color:#994b42;background:#f7e5e2}.training-badge.unverified{color:#46677b;background:#e4edf2}.employee-training-card h3{margin:16px 0 4px}.employee-training-card>p{color:var(--muted);margin:0;font-size:9px}.employee-training-card dl{gap:8px;margin:16px 0 0;display:grid}.employee-training-card dl div{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:8px;font-size:8px;display:flex}.employee-training-card dt{color:var(--muted)}.employee-training-card dd{text-align:right;margin:0;font-weight:800}.employee-training-card .training-empty{background:var(--canvas);border-radius:8px;margin-top:16px;padding:10px;line-height:1.5}.view-tabs{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:11px;gap:4px;margin-bottom:16px;padding:4px;display:inline-flex}.view-tabs button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:9px;font-weight:800;display:inline-flex}.view-tabs button.active{color:#fff;background:var(--green)}.training-calendar{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.training-event-card{grid-template-columns:72px 1fr;gap:16px;display:grid}.training-event-date{color:#fff;background:var(--green);text-transform:uppercase;border-radius:12px;align-content:center;justify-items:center;min-height:120px;display:grid}.training-event-date strong{font:800 30px Manrope,sans-serif}.training-event-date span{font-size:10px;font-weight:800}.training-event-date small{color:#ffffffb8;margin-top:3px;font-size:8px}.training-event-content header{justify-content:space-between;align-items:center;display:flex}.training-event-content h3{margin:12px 0 7px}.training-event-content>p{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:9px;display:flex}.training-event-content>p svg:nth-of-type(2){margin-left:8px}.training-event-meta{gap:28px;margin-top:16px;display:flex}.training-event-meta small,.training-event-meta strong{display:block}.training-event-meta small{color:var(--muted);text-transform:uppercase;font-size:7px}.training-event-meta strong{margin-top:3px;font-size:9px}.participant-avatars{margin-top:14px;display:flex}.participant-avatars .avatar{border:2px solid #fff;margin-right:-5px}.modal-wide{width:min(760px,96vw)}.participant-picker{border:1px solid var(--line);border-radius:9px;grid-column:span 2;padding:12px}.participant-picker legend{color:var(--muted);padding:0 5px;font-size:9px;font-weight:800}.participant-picker>div{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.participant-picker label{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.participant-picker input{width:15px;height:15px;min-height:0;accent-color:var(--green)}.participant-picker strong,.participant-picker small{display:block}.participant-picker strong{font-size:8px}.participant-picker small{color:var(--muted);font-size:7px}.upcoming-training{margin-top:16px}.upcoming-training>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.upcoming-training-row{border-top:1px solid var(--line);grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:10px 0;display:grid}.upcoming-training-row time{color:#fff;background:var(--green);text-transform:uppercase;border-radius:8px;justify-items:center;padding:7px;display:grid}.upcoming-training-row time strong{font-size:15px}.upcoming-training-row time span{font-size:7px;font-weight:800}.upcoming-training-row div strong,.upcoming-training-row div small{display:block}.upcoming-training-row div small{color:var(--muted);margin-top:3px;font-size:8px}.recruiting-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.recruiting-metrics .card{gap:5px;padding:16px 18px;display:grid}.recruiting-metrics span,.recruiting-metrics small{color:var(--muted);font-size:9px;font-weight:700}.recruiting-metrics strong{font:800 22px Manrope,sans-serif}.recruiting-board{padding:0;overflow:hidden}.candidate-filters{flex-wrap:wrap;gap:5px;display:flex}.candidate-filters button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:800}.candidate-filters button.active{border-color:var(--green);color:#fff;background:var(--green)}.candidate-list{gap:0;display:grid}.candidate-card{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:14px;padding:18px 20px;display:grid}.candidate-main{align-items:center;gap:10px;display:flex}.candidate-main strong,.candidate-main small{display:block}.candidate-main small{color:var(--muted);margin-top:3px;font-size:8px}.candidate-status{border-radius:14px;align-self:center;padding:6px 9px;font-size:7px;font-weight:800}.candidate-status.new{color:#46677b;background:#e4edf2}.candidate-status.contacted{color:#84602e;background:#f6ead6}.candidate-status.interview{color:#674f83;background:#eee7f4}.candidate-status.trial{color:#936527;background:#fbefd9}.candidate-status.hired{color:#397052;background:#e4f0e8}.candidate-status.rejected{color:#777;background:#ededed}.candidate-details{background:var(--canvas);border-radius:10px;grid-column:span 2;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px;display:grid}.candidate-details small,.candidate-details strong{display:block}.candidate-details small{color:var(--muted);text-transform:uppercase;font-size:7px}.candidate-details strong{margin-top:4px;font-size:8px}.candidate-card>p{color:#59645d;grid-column:span 2;margin:0;font-size:9px;line-height:1.5}.candidate-card footer{grid-column:span 2;justify-content:space-between;align-items:center;gap:12px;display:flex}.candidate-card footer>span{color:var(--muted);align-items:center;gap:6px;font-size:8px;display:inline-flex}.candidate-card footer>div{gap:7px;display:flex}.ad-generator-layout{grid-template-columns:minmax(400px,1fr) minmax(380px,.9fr);gap:16px;display:grid}.ad-generator-form>header{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;display:flex}.ad-generator-form textarea{min-height:92px}.ad-preview-card{align-self:start;padding:0;overflow:hidden}.ad-preview-card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.ad-preview-card>header>span{color:var(--green);background:var(--green-soft);border-radius:14px;padding:6px 9px;font-size:7px;font-weight:800}.social-preview-head{align-items:center;gap:10px;padding:16px 20px 10px;display:flex}.social-preview-head img{background:var(--green);border-radius:50%;width:42px;height:42px;padding:7px}.social-preview-head strong,.social-preview-head small{display:block}.social-preview-head small{color:var(--muted);margin-top:3px;font-size:8px}.ad-preview-card pre{color:#344139;white-space:pre-wrap;background:#fff;min-height:360px;margin:0;padding:12px 20px 20px;font:500 10px/1.65 Manrope,sans-serif;overflow:auto}.ad-preview-card>footer{border-top:1px solid var(--line);background:var(--canvas);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.ad-preview-card>footer small{color:var(--muted);font-size:8px}.simulator-warning{color:#76551e;background:#fff7e9;border:1px solid #e5c58e;border-radius:11px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:13px 15px;font-size:9px;line-height:1.5;display:flex}.simulator-warning strong,.simulator-warning span{display:block}.simulator-layout{grid-template-columns:minmax(320px,.85fr) minmax(520px,1.4fr);gap:16px;display:grid}.simulator-form>header{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;display:flex}.simulator-form label>small{color:var(--green);margin-top:5px;font-size:7px;display:block}.simulator-form details{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.simulator-form summary{color:var(--green);cursor:pointer;font-size:9px;font-weight:800}.simulator-form details .form-grid{margin-top:14px}.simulator-results{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.simulator-results>.full-cost-card,.simulator-results>.cash-flow-card{grid-column:span 2}.result-card{position:relative;overflow:hidden}.result-card:before{background:var(--green-soft);content:"";border-radius:0 0 0 70px;width:70px;height:70px;position:absolute;top:0;right:0}.result-card h3{margin:4px 0 18px}.result-hero{color:#fff;background:var(--green);border-radius:12px;gap:4px;margin-bottom:16px;padding:16px;display:grid}.employer-result .result-hero{background:#3f536d}.result-hero span,.result-hero small{font-size:8px}.result-hero strong{font:800 24px Manrope,sans-serif}.result-hero small{color:#ffffffb8}.result-card dl{gap:0;margin:0;display:grid}.result-card dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:9px 0;font-size:8px;display:flex}.result-card dl div:last-child{border-bottom:0;font-weight:800}.result-card dt{color:var(--muted)}.result-card dd{text-align:right;margin:0;font-weight:800}.full-cost-card{grid-template-columns:minmax(180px,.75fr) minmax(420px,1.5fr);align-items:center;gap:22px;display:grid}.full-cost-card h3,.cash-flow-card h3{margin:4px 0 6px}.full-cost-card>div>p:last-child,.cash-flow-card>p{color:#59645d;margin:0;font-size:8px;line-height:1.55}.full-cost-metrics{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.full-cost-metrics span{border:1px solid var(--line);background:var(--canvas);border-radius:10px;gap:5px;padding:12px;display:grid}.full-cost-metrics small{color:var(--muted);font-size:7px;line-height:1.35}.full-cost-metrics strong{font:800 13px Manrope,sans-serif}.cash-flow-card>header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.cash-flow-card>header>small{color:var(--muted);font-size:7px}.cash-flow-chart{gap:7px;margin-bottom:14px;display:grid}.cash-flow-row{grid-template-columns:28px 1fr 78px;align-items:center;gap:9px;display:grid}.cash-flow-row>span{color:var(--muted);text-transform:uppercase;font-size:7px;font-weight:800}.cash-flow-row>div{background:#edf1ee;border-radius:7px;height:7px;overflow:hidden}.cash-flow-row i{border-radius:inherit;background:var(--green);height:100%;display:block}.cash-flow-row i.extra{background:#d19b44}.cash-flow-row strong{text-align:right;font-size:7px}.simulator-notes{align-items:flex-start;gap:12px;margin-top:16px;display:flex}.simulator-notes svg{color:var(--green);flex:none}.simulator-notes p{color:#59645d;margin:5px 0;font-size:9px}.simulator-notes small{color:var(--muted);font-size:8px}.payroll-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.payroll-metrics .card{gap:5px;padding:16px 18px;display:grid}.payroll-metrics span,.payroll-metrics small{color:var(--muted);font-size:9px;font-weight:700}.payroll-metrics strong{font:800 19px Manrope,sans-serif}.payroll-register{padding:0;overflow:hidden}.payroll-security{color:var(--muted);align-items:center;gap:6px;font-size:8px;font-weight:700;display:inline-flex}.payroll-security svg{color:var(--green)}.payment-status,.publication-status{border-radius:14px;width:fit-content;padding:6px 9px;font-size:7px;font-weight:800;display:inline-flex}.payment-status.pending{color:#995047;background:#f7e7e5}.payment-status.scheduled{color:#936527;background:#fbefd9}.payment-status.paid{color:#397052;background:#e4f0e8}.publication-status{color:#777;background:#ededed}.publication-status.published{color:#46677b;background:#e4edf2}.acknowledged{color:#397052;align-items:center;gap:5px;font-size:8px;font-weight:800;display:inline-flex}.employee-payslip-list{gap:12px;display:grid}.employee-payslip-card{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.payslip-month{align-items:center;gap:11px;display:flex}.payslip-month>svg{box-sizing:content-box;color:var(--green);background:var(--green-soft);border-radius:10px;padding:10px}.payslip-month strong,.payslip-month small{display:block}.payslip-month small{color:var(--muted);margin-top:3px;font-size:8px}.payslip-values{background:var(--canvas);border-radius:10px;grid-column:span 2;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;display:grid}.payslip-values span{gap:4px;display:grid}.payslip-values small{color:var(--muted);text-transform:uppercase;font-size:7px}.payslip-values strong{font-size:10px}.employee-payslip-card footer{border-top:1px solid var(--line);grid-column:span 2;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.document-unavailable{color:var(--muted);align-items:center;gap:6px;font-size:8px;display:inline-flex}@media (width<=1050px){.metric-grid,.request-metrics,.training-metrics,.recruiting-metrics,.payroll-metrics,.department-grid,.employee-training-grid,.training-calendar,.schedule-summary{grid-template-columns:repeat(2,1fr)}.simulator-layout,.ad-generator-layout,.platform-layout,.full-cost-card{grid-template-columns:1fr}}@media (width<=800px){.sidebar{width:min(280px,86vw);transition:all .25s;transform:translate(-105%);box-shadow:15px 0 40px #14281c2e}.sidebar.sidebar-open{transform:translate(0)}.workspace{margin-left:0}.menu-button{display:grid}.topbar{padding:18px}.connection{display:none}.organization-badge{max-width:150px}.page-content{padding:20px 16px 40px}.hero-panel,.section-heading{flex-direction:column;align-items:flex-start}.section-actions{flex-wrap:wrap;width:100%}.overview-grid,.guide-layout,.settings-layout{grid-template-columns:1fr}.consultant-settings{grid-column:span 1}.department-grid{grid-template-columns:1fr}}@media (width<=650px){.request-card{grid-template-columns:auto 1fr}.review-button{grid-column:span 2;width:100%}.request-title{flex-direction:column;align-items:flex-start}.training-calendar,.simulator-results{grid-template-columns:1fr}.simulator-results>.full-cost-card,.simulator-results>.cash-flow-card{grid-column:auto}.full-cost-metrics{grid-template-columns:repeat(2,1fr)}.cash-flow-row{grid-template-columns:28px 1fr 68px}.candidate-details{grid-template-columns:repeat(2,1fr)}.participant-picker>div{grid-template-columns:1fr}}@media (width<=520px){.metric-grid,.schedule-summary,.request-metrics,.training-metrics,.employee-training-grid,.recruiting-metrics,.payroll-metrics{grid-template-columns:1fr}.hero-actions,.table-toolbar{flex-wrap:wrap;width:100%}.hero-actions button,.section-actions>button{flex:1}.week-switcher{width:100%}.week-switcher button:nth-child(2),.month-picker{flex:1}.search-box{width:100%;min-width:0}.coverage-row{grid-template-columns:115px 1fr 34px;gap:8px}.topbar h1{font-size:20px}.modal-backdrop{align-items:start;padding:12px}.modal-card{padding:20px}.form-grid{grid-template-columns:1fr}.span-2,.participant-picker{grid-column:span 1}.training-event-card{grid-template-columns:58px 1fr}.candidate-details{grid-template-columns:1fr}.candidate-card footer,.employee-payslip-card footer{flex-direction:column;align-items:flex-start}.payslip-values{grid-template-columns:1fr}}