:root{--navy-950:#061b2b;--navy-900:#09273d;--navy-800:#123a55;--navy-700:#1b4d6d;--yellow:#fed12c;--yellow-soft:#fff8cf;--ink:#122433;--text-2:#4a5d6b;--text-3:#5e7280;--muted:#5e7280;--line:#e2e8ee;--canvas:#eef1f5;--card:#fff;--focus:#1b4d6d;--green:#14966c;--green-soft:#e9f8f2;--red:#d14343;--red-soft:#fff0ef;--amber:#d98b12;--amber-soft:#fff7e7;--blue:#2e74b8;--blue-soft:#edf5fc;--purple:#7357c6;--purple-soft:#f2efff;--shadow-sm:0 1px 2px #071d2c0d, 0 10px 30px #071d2c0f;--shadow-md:0 16px 50px #071d2c1f;--sidebar-width:292px;--sidebar-collapsed:84px;--sidebar-bg:#0e2c42;--sidebar-line:#ffffff14;--sidebar-item:#b9c9d4;--sidebar-label:#7f97a7}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--font-app), "Segoe UI", "Segoe UI Arabic", "Noto Sans Arabic", Tahoma, system-ui, Arial, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.75}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}[dir=rtl] :not([dir=ltr]):not(kbd):not(.protected-number){letter-spacing:normal}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sidebar :focus-visible,.module-hero :focus-visible,.login-showcase :focus-visible{outline-color:var(--yellow)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.locale-root{min-height:100vh}.app-shell{background:var(--canvas);min-height:100vh}.sidebar{z-index:40;width:var(--sidebar-width);background:var(--sidebar-bg);color:#d9e3e9;border-inline-end:1px solid var(--sidebar-line);flex-direction:column;transition:width .24s,transform .24s;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.workspace{min-height:100vh;margin-inline-start:var(--sidebar-width);transition:margin .24s}.is-collapsed .sidebar{width:var(--sidebar-collapsed)}.is-collapsed .workspace{margin-inline-start:var(--sidebar-collapsed)}.sidebar-head{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:74px;padding:0 18px;display:flex}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{background:#fff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid;overflow:hidden;box-shadow:0 6px 20px #0000002e}.brand-mark img{width:34px;height:34px}.brand-copy{flex-direction:column;line-height:1.05;display:flex}.brand-copy strong{color:#fff;letter-spacing:-.4px;font-size:20px}.brand-copy small{color:var(--yellow);text-transform:uppercase;letter-spacing:1.2px;margin-top:5px;font-size:12px}.icon-btn{width:38px;height:38px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.icon-btn:hover{background:#ffffff14}.company-switcher{border:1px solid var(--sidebar-line);background:#ffffff0a;border-radius:10px;align-items:center;gap:9px;min-height:46px;margin:10px 12px 2px;padding:7px 9px;display:flex}.company-avatar{background:var(--yellow);width:30px;height:30px;color:var(--navy-950);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.company-details{flex-direction:column;flex:1;min-width:0;display:flex}.company-details strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.company-details small{color:#93a9b6;margin-top:1px;font-size:12px}.nav-label{color:#93a9b6;text-transform:uppercase;letter-spacing:1.3px;margin:0;padding:5px 25px;font-size:12px;font-weight:700}.main-nav{scrollbar-width:thin;scrollbar-color:#2b4c66 transparent;flex:1;padding:8px 10px 14px;overflow-y:auto}.nav-group{margin-bottom:0}.nav-group-trigger{width:100%;min-height:26px;color:var(--sidebar-label);cursor:pointer;letter-spacing:.8px;text-transform:uppercase;text-align:start;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;margin-top:16px;padding:3px 12px;font-size:11px;font-weight:600;display:flex}.nav-group:first-child>.nav-group-trigger{margin-top:2px}.nav-group-trigger>svg:first-child{display:none}.nav-group-trigger:hover{color:#cfdde5;background:0 0}.nav-group.has-active>.nav-group-trigger{color:#a8c0cf;background:0 0}.nav-group-trigger span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-group-trigger svg:last-child{opacity:.55;transition:transform .2s,opacity .15s}.nav-group-trigger:hover svg:last-child{opacity:1}.nav-group-trigger svg:last-child.is-open{transform:rotate(-90deg)}[dir=ltr] .nav-group-trigger svg:last-child.is-open{transform:rotate(90deg)}.nav-group-items{opacity:0;max-height:0;transition:max-height .24s,opacity .18s;overflow:hidden}.nav-group-items.is-open{opacity:1;max-height:320px}.main-nav a{min-height:36px;color:var(--sidebar-item);border-radius:8px;align-items:center;gap:10px;margin:1px 0;padding:7px 11px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.main-nav a svg{opacity:.9;flex:none}.main-nav a:hover{color:#fff;background:#ffffff0d}.main-nav a.active{color:#fff;box-shadow:inset 3px 0 0 var(--yellow);background:#ffffff17;font-weight:600}.locale-root[dir=rtl] .main-nav a.active{box-shadow:inset -3px 0 0 var(--yellow)}.main-nav a.active svg{color:var(--yellow);opacity:1}.main-nav span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-count{background:var(--yellow);min-width:24px;color:var(--navy-950);text-align:center;border-radius:999px;padding:2px 6px;font-size:12px;font-weight:700}.sidebar :focus-visible{outline-offset:-2px}.is-collapsed .nav-group-trigger,.is-collapsed .main-nav a{justify-content:center;margin-inline:0;padding-inline:0}.is-collapsed .nav-group-trigger{min-height:32px;margin-top:8px}.is-collapsed .nav-group-trigger>svg:first-child{opacity:.85;width:16px;height:16px;display:block}.is-collapsed .nav-group.has-active>.nav-group-trigger>svg:first-child{color:var(--yellow);opacity:1}.is-collapsed .nav-group-items{opacity:1;border-inline-start:0;max-height:320px;margin-inline:0}.is-collapsed .nav-group-trigger{color:#93a9b6;letter-spacing:normal}.sidebar-footer{border-top:1px solid var(--sidebar-line);padding:8px 12px 12px}.plan-card{min-height:42px;color:var(--yellow);background:#fed12c12;border-radius:10px;align-items:center;gap:9px;padding:7px 9px;display:flex}.plan-card span{flex-direction:column;display:flex}.plan-card strong{color:#fff;font-size:12px}.plan-card small{color:#93a9b6;margin-top:1px;font-size:11px}.powered-by{color:#93a9b6;justify-content:center;align-items:center;gap:8px;margin-top:9px;font-size:11px;display:flex}.powered-by img{filter:brightness(0)invert();opacity:.75}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;justify-content:space-between;align-items:center;height:74px;padding:0 28px;display:flex;position:sticky;top:0}.global-search{background:var(--canvas);width:min(500px,44vw);height:42px;color:var(--text-3);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:0 13px;display:flex}.global-search:focus-within{background:#fff;border-color:#9bb5c8;box-shadow:0 0 0 3px #194a6a17}.global-search input{width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:14px}.global-search kbd{color:var(--text-3);direction:ltr;background:#fff;border:1px solid #dfe4e8;border-radius:6px;padding:3px 6px;font-size:12px}.topbar-actions{color:var(--text-2);align-items:center;gap:4px;display:flex}.topbar .icon-btn:hover{background:#f0f3f5}.language-btn{border:1px solid var(--line);min-width:42px;height:36px;color:var(--navy-900);cursor:pointer;background:#fff;border-radius:10px;padding:0 10px;font-size:13px;font-weight:700}.notification-btn{position:relative}.notification-btn span{top:8px;background:var(--red);border:1.5px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;inset-inline-end:9px}.profile-wrap{position:relative}.profile-button{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:9px;margin-inline-start:9px;padding:4px 6px;display:flex}.profile-button:hover{background:#f3f5f6}.profile-button>svg:last-child{transition:transform .18s}.profile-button>svg:last-child.is-open{transform:rotate(180deg)}.profile-menu{top:calc(100% + 8px);z-index:60;border:1px solid var(--line);min-width:224px;box-shadow:var(--shadow-md);background:#fff;border-radius:14px;padding:6px;position:absolute;inset-inline-end:0}.profile-menu-head{border-bottom:1px solid var(--line);flex-direction:column;gap:3px;margin-bottom:6px;padding:9px 12px 10px;display:flex}.profile-menu-head strong{color:var(--navy-950);font-size:13px}.profile-menu-head small{color:var(--text-3);font-size:12px}.profile-menu a,.profile-menu button{width:100%;min-height:38px;color:var(--text-2);cursor:pointer;text-align:start;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.profile-menu a:hover,.profile-menu button:hover{background:var(--canvas);color:var(--navy-950)}.profile-menu .menu-danger{color:#a62e2e}.profile-menu .menu-danger:hover{background:var(--red-soft);color:#8d2424}.profile-menu button:disabled{opacity:.6;cursor:default}.profile-avatar{color:#fff;background:linear-gradient(135deg, var(--navy-700), var(--navy-900));border-radius:12px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.profile-copy{text-align:start;flex-direction:column;display:flex}.profile-copy strong{font-size:14px}.profile-copy small{color:var(--text-3);margin-top:3px;font-size:12px}.mobile-menu,.mobile-close{display:none}.page-container{max-width:1760px;margin:0 auto;padding:32px}.page-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:23px;display:flex}.page-head h1{color:var(--navy-950);letter-spacing:-.6px;margin:0;font-size:30px;line-height:1.25}.page-head h1:before{content:"";background:var(--yellow);border-radius:99px;width:26px;height:4px;margin-bottom:12px;display:block}.page-head p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.75}.page-actions{align-items:center;gap:9px;display:flex}.btn{border:1px solid var(--line);min-height:42px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 1px 1px #00000005}.btn:hover{background:#fafbfb;border-color:#cbd4da}.btn-primary{border-color:var(--navy-900);background:var(--navy-900);color:#fff}.btn-primary:hover{background:var(--navy-800);border-color:var(--navy-800)}.btn-yellow{border-color:var(--yellow);background:var(--yellow);color:var(--navy-950)}.btn-sm{min-height:35px;padding-inline:12px;font-size:13px}.card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-sm);border-radius:16px}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:15px 18px;display:flex}.card-head h2,.card-head h3{color:var(--navy-950);margin:0;font-size:16px}.card-head p{color:var(--muted);margin:5px 0 0;font-size:13px}.text-link{color:var(--navy-700);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.badge-green{color:#087451;background:var(--green-soft)}.badge-red{color:#b62f2f;background:var(--red-soft)}.badge-amber{color:#a86a08;background:var(--amber-soft)}.badge-blue{color:#245f95;background:var(--blue-soft)}.badge-gray{color:var(--text-2);background:#eef1f3}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.stat-card{padding:18px;position:relative;overflow:hidden}.stat-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:14px;font-weight:700;display:flex}.stat-icon{border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.stat-icon.blue{color:var(--blue);background:var(--blue-soft)}.stat-icon.green{color:var(--green);background:var(--green-soft)}.stat-icon.amber{color:var(--amber);background:var(--amber-soft)}.stat-icon.purple{color:var(--purple);background:var(--purple-soft)}.stat-value{align-items:flex-end;gap:8px;margin-top:12px;display:flex}.stat-value strong{color:var(--navy-950);font-size:30px;line-height:1}.stat-value small{color:var(--green);font-size:13px;font-weight:700}.stat-foot{color:var(--text-3);margin-top:10px;font-size:13px}.alerts-panel{border-color:#f0d7d3;margin-bottom:18px}.alerts-title{align-items:center;gap:9px;display:flex}.alerts-title>span{width:34px;height:34px;color:var(--red);background:var(--red-soft);border-radius:10px;place-items:center;display:grid}.alert-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.alert-item{border-inline-end:1px solid var(--line);flex-direction:column;gap:10px;min-height:130px;padding:18px;display:flex;position:relative}.alert-item:last-child{border-inline-end:0}.alert-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.alert-item h3{color:var(--navy-950);margin:0;font-size:15px}.alert-item p{color:var(--muted);flex:1;margin:0;font-size:14px;line-height:1.7}.alert-action{color:var(--navy-700);justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.alert-count{color:#fff;background:var(--red);border-radius:8px;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.severity-high .alert-count{background:var(--amber)}.severity-medium .alert-count{background:var(--blue)}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(290px,.85fr);gap:18px;display:grid}.chart-area{padding:16px 18px 20px}.chart-legend{color:var(--muted);align-items:center;gap:14px;margin-bottom:17px;font-size:13px;display:flex}.legend-dot{border-radius:50%;width:7px;height:7px;margin-inline-end:5px;display:inline-block}.bar-chart{border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,#0000 0 53px,#eef1f3 54px);justify-content:space-around;align-items:flex-end;gap:12px;height:218px;padding-top:20px;display:flex}.bar-group{flex:1;justify-content:center;align-items:flex-end;gap:5px;height:100%;display:flex;position:relative}.bar{border-radius:5px 5px 0 0;width:min(20px,35%);min-height:6px;transition:height .3s}.bar.present{background:var(--navy-700)}.bar.late{background:var(--yellow)}.bar-group label{color:var(--text-3);white-space:nowrap;font-size:12px;position:absolute;top:calc(100% + 9px)}.donut-layout{justify-content:center;align-items:center;gap:24px;padding:24px 18px;display:flex}.donut{background:conic-gradient(var(--green) 0 72%, var(--amber) 72% 84%, var(--red) 84% 91%, #e5eaee 91%);border-radius:50%;width:145px;height:145px;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:23px}.donut-center{z-index:1;text-align:center;place-content:center;display:grid;position:absolute;inset:0}.donut-center strong{color:var(--navy-950);font-size:23px}.donut-center small{color:var(--muted);font-size:12px}.metric-list{flex-direction:column;gap:12px;display:flex}.metric-row{color:var(--muted);grid-template-columns:9px 1fr auto;align-items:center;gap:7px;font-size:13px;display:grid}.metric-row b{color:var(--ink)}.activity-list{padding:8px 18px 12px}.activity-item{border-bottom:1px solid #eef1f2;gap:11px;padding:13px 0;display:flex}.activity-item:last-child{border-bottom:0}.activity-dot{background:var(--blue);width:9px;height:9px;box-shadow:0 0 0 4px var(--blue-soft);border-radius:50%;margin-top:5px}.activity-dot.green{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.activity-dot.amber{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}.activity-dot.purple{background:var(--purple);box-shadow:0 0 0 4px var(--purple-soft)}.activity-copy{flex-direction:column;flex:1;display:flex}.activity-copy strong{font-size:14px}.activity-copy span{color:var(--muted);margin-top:3px;font-size:13px}.activity-copy time{color:var(--text-3);margin-top:5px;font-size:12px}.toolbar{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:12px 16px;display:flex}.toolbar-search{border:1px solid var(--line);min-width:270px;max-width:430px;height:38px;color:var(--text-3);background:#fff;border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 11px;display:flex}.toolbar-search input{background:0 0;border:0;outline:0;flex:1;width:0;font-size:14px}.select-field{border:1px solid var(--line);color:#4e5f6b;background:#fff;border-radius:10px;outline:0;min-width:140px;height:40px;padding:0 11px;font-size:14px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th{text-align:start;height:46px;color:var(--text-3);border-bottom:1px solid var(--line);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:0 0;padding:0 16px;font-size:12px;font-weight:600}.data-table td{vertical-align:middle;border-bottom:1px solid #eef2f5;min-height:60px;padding:12px 16px}.data-table tbody tr:hover{background:#f6f9fb}.data-table tbody tr:last-child td{border-bottom:0}.employee-cell{align-items:center;gap:10px;min-width:200px;display:flex}.employee-avatar{width:38px;height:38px;color:var(--navy-700);background:#eaf0f4;border-radius:12px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.employee-cell span{flex-direction:column;display:flex}.employee-cell strong{color:var(--navy-950);font-size:14px}.employee-cell small{color:var(--text-3);text-align:start;direction:ltr;margin-top:4px;font-size:13px}.employee-cell .employee-name-alt{color:var(--text-2);font-weight:600}.employee-cell .employee-code{color:var(--text-3);letter-spacing:.25px;font-size:12px}.dual-value{color:var(--ink);flex-direction:column;font-weight:600;display:flex}.dual-value small{color:var(--text-3);margin-top:3px;font-size:13px;font-weight:500}.muted-cell{color:var(--muted)}.table-actions{justify-content:flex-end;gap:4px;display:flex}.table-actions button{width:30px;height:30px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.table-actions button:hover{color:var(--navy-700);background:#eff2f4}.table-footer{border-top:1px solid var(--line);min-height:58px;color:var(--muted);justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;display:flex}.pagination{direction:ltr;gap:5px;display:flex}.pagination button{border:1px solid var(--line);width:31px;height:31px;color:var(--text-2);cursor:pointer;background:#fff;border-radius:8px;font-size:12px}.pagination button.active{border-color:var(--navy-900);background:var(--navy-900);color:#fff}.module-hero{background:linear-gradient(120deg,#0b2438,var(--sidebar-bg) 55%,#164a6b);color:#fff;min-height:168px;box-shadow:var(--shadow-md);border-radius:16px;align-items:center;padding:27px;display:flex;position:relative;overflow:hidden}.module-hero:after{content:"";inset-inline-end:-70px;border:55px solid #fed12c1a;border-radius:50%;width:260px;height:260px;position:absolute;top:-110px}.module-hero-icon{width:58px;height:58px;color:var(--navy-950);background:var(--yellow);border-radius:16px;flex:none;place-items:center;margin-inline-end:17px;display:grid}.module-hero h1{margin:0;font-size:30px}.module-hero p{color:#c7d4dc;max-width:760px;margin:9px 0 0;font-size:14px;line-height:1.8}.module-hero-copy{z-index:1;flex:1;position:relative}.module-eyebrow{color:var(--yellow);align-items:center;gap:6px;margin-bottom:7px;font-size:13px;font-weight:700;display:flex}.module-hero-action{z-index:1;flex:none;margin-inline-start:18px;position:relative}.workspace-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.workspace-stat{flex-direction:column;padding:18px 19px;display:flex}.workspace-stat>span{color:var(--muted);font-size:13px;font-weight:600}.workspace-stat strong{color:var(--navy-950);margin-top:8px;font-size:27px;line-height:1.15}.workspace-stat small{color:var(--text-3);margin-top:7px;font-size:13px}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.module-card{padding:20px}.module-card-icon{width:38px;height:38px;color:var(--navy-700);background:var(--blue-soft);border-radius:12px;place-items:center;display:grid}.module-card h3{margin:14px 0 7px;font-size:15px}.module-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.action-grid{margin-top:14px}.action-card{border:1px solid var(--line);text-align:start;cursor:pointer;width:100%;color:var(--ink);grid-template-columns:auto 1fr;gap:0 13px;display:grid}.action-card:hover{border-color:#cbd6dd;transform:translateY(-2px);box-shadow:0 14px 36px #071d2c14}.action-card>span:nth-child(2){min-width:0}.action-card>b{color:var(--navy-700);grid-column:2;align-items:center;gap:5px;margin-top:14px;font-size:13px;display:flex}.operational-table{margin-top:18px}.bi-copy{flex-direction:column;min-width:150px;display:flex}.bi-copy strong{color:var(--navy-950);font-size:14px}.bi-copy small{color:var(--text-3);text-align:start;direction:ltr;margin-top:4px;font-size:13px}.row-open{border:1px solid var(--line);width:34px;height:34px;color:var(--navy-700);cursor:pointer;background:#fff;border-radius:10px;place-items:center;display:grid}.row-open:hover{border-color:var(--navy-700);background:var(--blue-soft)}.progress-row{color:var(--muted);align-items:center;gap:10px;margin-top:14px;font-size:12px;display:flex}.progress{background:#edf0f2;border-radius:99px;flex:1;height:6px;overflow:hidden}.progress span{border-radius:inherit;background:var(--green);height:100%;display:block}.legal-note{color:#685622;background:#fffbed;border:1px solid #ecdba3;border-radius:12px;gap:10px;margin-top:18px;padding:15px 17px;font-size:13px;line-height:1.75;display:flex}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.summary-strip{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-bottom:18px;display:grid;overflow:hidden}.summary-item{background:#fff;padding:17px}.summary-item span{color:var(--muted);font-size:13px}.summary-item strong{color:var(--navy-950);margin-top:8px;font-size:21px;display:block}.empty-state{text-align:center;place-content:center;justify-items:center;min-height:240px;padding:30px;display:grid}.empty-state-icon{background:var(--blue-soft);width:52px;height:52px;color:var(--navy-700);border-radius:14px;place-items:center;display:grid}.empty-state h3{margin:14px 0 6px}.empty-state p{max-width:460px;color:var(--muted);margin:0;font-size:14px;line-height:1.75}.sidebar-backdrop{display:none}.login-page{background:#fff;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);min-height:100vh;display:grid}.login-showcase{color:#fff;background:linear-gradient(150deg,#0b2438,var(--sidebar-bg) 48%,#164a6b);flex-direction:column;justify-content:space-between;min-height:100vh;padding:42px 54px;display:flex;position:relative;overflow:hidden}.login-showcase:before{content:"";top:-210px;border:95px solid #fed12c14;border-radius:50%;width:520px;height:520px;position:absolute;inset-inline-start:-190px}.login-showcase:after{content:"";bottom:-220px;border:70px solid #ffffff09;border-radius:50%;width:360px;height:360px;position:absolute;inset-inline-end:-90px}.login-brand{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.login-brand>span:last-child{flex-direction:column;display:flex}.login-brand strong{font-size:22px}.login-brand small{color:var(--yellow);letter-spacing:1.5px;text-transform:uppercase;margin-top:3px;font-size:12px}.showcase-copy{z-index:1;max-width:530px;position:relative}.showcase-badge{width:max-content;color:var(--yellow);background:#fed12c12;border:1px solid #fed12c38;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:700;display:flex}.showcase-copy h1{letter-spacing:-1.6px;margin:22px 0 16px;font-size:46px;line-height:1.28}.showcase-copy h1 em{color:var(--yellow);font-style:normal}.showcase-copy>p{color:#b8c8d2;max-width:480px;margin:0;font-size:14px;line-height:1.95}.showcase-metrics{border-top:1px solid #ffffff1c;gap:38px;margin-top:42px;padding-top:27px;display:flex}.showcase-metrics span{flex-direction:column;display:flex}.showcase-metrics strong{color:var(--yellow);font-size:22px}.showcase-metrics small{color:#9db1bd;margin-top:5px;font-size:12px}.showcase-footer{z-index:1;color:#93a9b6;text-align:start;direction:ltr;font-size:11px;position:relative}.login-form-panel{place-items:center;padding:40px;display:grid;position:relative}.login-lang{top:22px;position:absolute;inset-inline-end:26px}.login-form-wrap{width:min(410px,100%)}.login-form-wrap .eyebrow{color:var(--navy-700);font-size:13px;font-weight:700}.login-form-wrap h2{color:var(--navy-950);margin:10px 0 8px;font-size:27px}.login-form-wrap>p{color:var(--muted);margin:0 0 29px;font-size:13px}.login-form-wrap form>label{color:#344754;margin-bottom:16px;font-size:14px;font-weight:700;display:block}.input-shell{height:48px;color:var(--text-3);border:1px solid #dce3e7;border-radius:12px;align-items:center;gap:9px;margin-top:7px;padding:0 13px;display:flex}.input-affix{width:30px;height:30px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin-inline-end:-6px;padding:0;display:grid}.input-affix:hover{color:var(--navy-700);background:var(--canvas)}.input-shell:focus-within{border-color:var(--navy-700);box-shadow:0 0 0 3px #1b4d6d17}.input-shell input{width:0;color:var(--ink);text-align:left;direction:ltr;background:0 0;border:0;outline:0;flex:1;font-size:14px}.login-options{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.login-options a{color:var(--navy-700);font-weight:700}.check-row{align-items:center;gap:7px;display:flex}.login-error{color:#a52d2d;background:var(--red-soft);border-radius:10px;margin-top:15px;padding:10px;font-size:13px}.login-submit{justify-content:center;width:100%;height:48px;margin-top:22px;font-size:14px;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 22px #fed12c47}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #fed12c5c}.security-note{border-top:1px solid var(--line);color:var(--text-3);justify-content:center;align-items:center;gap:7px;margin-top:22px;padding-top:18px;font-size:12px;display:flex}.mobile-login-brand{display:none}.btn:disabled,.pagination button:disabled{opacity:.48;cursor:not-allowed}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table-state{min-height:118px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.inline-error{color:#a72f2f;background:var(--red-soft);border:1px solid #f1c9c9;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:14px 16px;padding:12px 14px;font-size:13px;display:flex}.toast-success{z-index:80;color:#075d42;max-width:min(440px,100vw - 28px);box-shadow:var(--shadow-md);background:#effbf7;border:1px solid #a9ddcc;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;font-size:14px;font-weight:700;display:flex;position:fixed;top:82px;left:50%;transform:translate(-50%)}.toast-success button{width:27px;height:27px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin-inline-start:auto;display:grid}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02111ba1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #ffffff29;border-radius:16px;width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 28px 80px #010f1847}.modal-head{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff7;justify-content:space-between;gap:20px;padding:22px 24px 18px;display:flex;position:sticky;top:0}.modal-head .eyebrow{color:var(--navy-700);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700}.modal-head h2{color:var(--navy-950);margin:5px 0;font-size:22px}.modal-head p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);cursor:pointer;background:#fff;border-radius:10px;flex:none;place-items:center;display:grid}.modal-loading{min-height:280px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.employee-modal form{padding:2px 24px 24px}.form-section{border-bottom:1px solid #edf0f2;padding:21px 0}.form-section:last-of-type{border-bottom:0}.form-section h3{color:var(--navy-950);margin:0 0 14px;font-size:14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:20px;display:grid}.form-section .form-grid{padding-top:0}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-field{color:#445864;flex-direction:column;gap:7px;min-width:0;font-size:13px;font-weight:600;display:flex}.form-field input,.form-field select{width:100%;height:42px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d8e0e5;border-radius:10px;outline:0;padding:0 11px;font-weight:500}.form-field input:focus,.form-field select:focus{border-color:var(--navy-700);box-shadow:0 0 0 3px #1b4d6d17}.modal-actions{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:9px;margin:22px -24px -24px;padding:16px 24px;display:flex;position:sticky;bottom:-24px}.danger-ghost{color:#a62e2e;background:#fff8f8;border-color:#efcece}.page-loading,.empty-profile{text-align:center;min-height:420px;color:var(--navy-950);place-content:center;justify-items:center;gap:9px;display:grid}.page-loading small,.empty-profile p{color:var(--muted)}.profile-breadcrumb{color:var(--text-3);align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}.profile-breadcrumb a{color:var(--navy-700);align-items:center;gap:5px;font-weight:700;display:flex}.employee-profile-hero{box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fff,#f7fafb);border:1px solid #dbe4e9;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:23px 25px;display:flex}.profile-identity{align-items:center;gap:16px;min-width:0;display:flex}.profile-identity .profile-avatar{width:68px;height:68px;color:var(--yellow);background:linear-gradient(145deg,var(--navy-950),var(--navy-700));border-radius:16px;flex:none;place-items:center;font-size:19px;font-weight:900;display:grid}.profile-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-name-row h1{color:var(--navy-950);margin:0;font-size:27px}.profile-alt-name{color:var(--text-2);text-align:start;direction:ltr;margin:4px 0 9px;font-size:14px;font-weight:600}.profile-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;display:flex}.profile-meta span{align-items:center;gap:5px;display:flex}.profile-actions{flex:none;gap:8px;display:flex}.profile-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:17px 0;display:grid}.profile-kpi{align-items:flex-start;gap:12px;min-height:105px;padding:17px;display:flex}.profile-kpi-icon{width:38px;height:38px;color:var(--navy-700);background:var(--blue-soft);border-radius:12px;flex:none;place-items:center;display:grid}.profile-kpi-icon svg{width:18px}.profile-kpi div{flex-direction:column;min-width:0;display:flex}.profile-kpi div>span{color:var(--muted);font-size:12px;font-weight:700}.profile-kpi strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:15px;overflow:hidden}.profile-kpi small{color:var(--text-3);margin-top:5px;font-size:12px}.profile-tabs{background:0 0;border:0;gap:6px;margin-bottom:16px;padding:2px;display:flex;overflow-x:auto}.profile-tabs button{min-width:max-content;height:38px;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:700;display:flex}.profile-tabs button:hover{color:var(--navy-950);background:#ffffffa6}.profile-tabs button.active{color:var(--navy-950);border-color:var(--line);box-shadow:var(--shadow-sm);background:#fff}.profile-tabs small{min-width:20px;color:inherit;background:#82919a29;border-radius:99px;padding:2px 5px;font-size:11px}.profile-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.info-card{padding:0;overflow:hidden}.info-card-title{border-bottom:1px solid var(--line);background:#fbfcfc;align-items:center;gap:9px;min-height:55px;padding:0 17px;display:flex}.info-card-title span{width:31px;height:31px;color:var(--navy-700);background:var(--blue-soft);border-radius:10px;place-items:center;display:grid}.info-card-title svg{width:16px}.info-card-title h3{color:var(--navy-950);margin:0;font-size:14px}.info-rows{padding:7px 17px 12px}.info-row{border-bottom:1px solid #eef1f3;grid-template-columns:minmax(115px,.7fr) minmax(0,1.3fr);align-items:center;gap:3px 14px;min-height:51px;padding:9px 0;display:grid}.info-row:last-child{border-bottom:0}.info-row>span{color:var(--muted);font-size:12px}.info-row strong{color:var(--ink);overflow-wrap:anywhere;font-size:13px}.info-row small{color:var(--text-3);grid-column:2;font-size:12px}.card-empty{min-height:105px;color:var(--muted);text-align:center;place-items:center;padding:20px;font-size:13px;display:grid}.profile-table-card{overflow:hidden}.profile-table-card .employee-name-alt{color:var(--muted);margin-top:3px;font-size:12px;display:block}.leave-balance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.leave-balance{padding:20px}.leave-balance>span{color:var(--muted);font-size:13px;font-weight:600}.leave-balance>strong{color:var(--navy-950);margin:11px 0 17px;font-size:27px;display:block}.leave-balance>strong small{color:var(--muted);font-size:12px}.leave-balance>div{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding-top:13px;display:grid}.leave-balance>div span{color:var(--muted);flex-direction:column;gap:5px;font-size:12px;display:flex}.leave-balance>div b{color:var(--ink);font-size:13px}.activity-card{overflow:hidden}.activity-row{border-bottom:1px solid #edf0f2;align-items:center;gap:11px;padding:13px 0;display:flex}.activity-row:last-child{border-bottom:0}.activity-icon{width:33px;height:33px;color:var(--navy-700);background:var(--blue-soft);border-radius:10px;place-items:center;display:grid}.activity-row div{flex-direction:column;gap:4px;display:flex}.activity-row strong{color:var(--ink);font-size:13px}.activity-row small{color:var(--muted);font-size:12px}.attendance-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.attendance-kpi{align-items:flex-start;gap:14px;min-height:116px;padding:19px;display:flex}.attendance-kpi-icon{border-radius:12px;flex:none;place-items:center;width:43px;height:43px;display:grid}.attendance-kpi-icon svg{width:20px}.attendance-kpi-icon.green{color:var(--green);background:var(--green-soft)}.attendance-kpi-icon.amber{color:var(--amber);background:var(--amber-soft)}.attendance-kpi-icon.red{color:var(--red);background:var(--red-soft)}.attendance-kpi-icon.blue{color:var(--blue);background:var(--blue-soft)}.attendance-kpi-icon.purple{color:var(--purple);background:var(--purple-soft)}.attendance-kpi>div{flex-direction:column;min-width:0;display:flex}.attendance-kpi>div>span{color:var(--muted);font-size:14px;font-weight:600}.attendance-kpi strong{color:var(--navy-950);margin-top:7px;font-size:27px;line-height:1.1}.attendance-kpi small{color:var(--text-3);margin-top:7px;font-size:13px}.attendance-tabs{box-shadow:none;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:15px;padding:2px;display:flex;overflow-x:auto}.attendance-tabs button{min-width:max-content;height:38px;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:0 15px;font-size:14px;font-weight:700;display:flex}.attendance-tabs button:hover{color:var(--navy-950);background:#ffffffa6}.attendance-tabs button small{min-width:22px;color:var(--text-3);background:#e4eaef;border-radius:99px;padding:2px 6px;font-size:12px}.attendance-tabs button.active{color:var(--navy-950);border-color:var(--line);box-shadow:var(--shadow-sm);background:#fff}.attendance-tabs button.active small{color:var(--navy-950);background:var(--yellow)}.attendance-register{overflow:hidden}.attendance-toolbar{border-bottom:1px solid var(--line);background:#fbfcfc;align-items:center;gap:9px;min-height:70px;padding:14px 16px;display:flex}.attendance-toolbar .toolbar-search{max-width:none}.date-control{border:1px solid var(--line);min-width:165px;height:40px;color:var(--text-3);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 11px;display:flex}.date-control input{width:122px;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px;font-weight:700}.attendance-table{min-width:1080px}.attendance-table td{height:78px}.shift-cell{grid-template-columns:8px 1fr;align-items:center;gap:3px 9px;min-width:154px;display:grid}.shift-cell i{border-radius:99px;grid-row:1/3;width:8px;height:37px}.shift-cell strong{color:var(--ink);font-size:13px}.shift-cell small{color:var(--muted);text-align:start;direction:ltr;font-size:12px}.punch-pair{direction:ltr;align-items:center;gap:9px;min-width:170px;display:flex}.punch-pair>span:not(.punch-arrow){flex-direction:column;gap:3px;display:flex}.punch-pair b{color:var(--navy-950);font-size:14px}.punch-pair small{color:var(--text-3);letter-spacing:.5px;font-size:11px}.punch-arrow{color:var(--text-3)}.metric-value,.metric-warn,.metric-blue,.metric-muted{white-space:nowrap;font-size:14px;display:block}.metric-value{color:var(--navy-950)}.metric-warn{color:#b06c00}.metric-blue{color:#21659b}.metric-muted{color:var(--text-3);font-weight:600}.metric-sub{color:var(--text-3);white-space:nowrap;margin-top:4px;font-size:12px;display:block}.flag-count{color:#a46b12;cursor:help;margin-top:5px;font-size:12px;display:block}.reason-cell{min-width:190px;max-width:310px;color:var(--text-2);line-height:1.55;display:block}.decision-actions{gap:5px;display:flex}.decision-actions button{cursor:pointer;background:#fff;border:1px solid;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.decision-approve{color:#087451;border-color:#b8dfd1!important}.decision-approve:hover{background:var(--green-soft)}.decision-reject{color:#b62f2f;border-color:#efcaca!important}.decision-reject:hover{background:var(--red-soft)}.section-actions{justify-content:space-between;align-items:flex-end;gap:16px;margin:2px 0 14px;display:flex}.section-actions h2{color:var(--navy-950);margin:0;font-size:19px}.section-actions p{color:var(--muted);margin:6px 0 0;font-size:14px}.shift-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.shift-card{padding:20px}.shift-card-head{grid-template-columns:8px 1fr auto;align-items:start;gap:0 13px;display:grid}.shift-color{border-radius:99px;grid-row:1;width:8px;height:48px}.shift-card-head>div>small{color:var(--text-3);letter-spacing:.6px;font-size:12px}.shift-card-head h3{color:var(--navy-950);margin:4px 0 0;font-size:16px}.shift-card-head p{color:var(--muted);margin:4px 0 0;font-size:13px}.shift-time{min-height:61px;color:var(--navy-700);direction:ltr;background:#f4f7f9;border-radius:12px;align-items:center;gap:10px;margin:18px 0 13px;padding:0 15px;display:flex}.shift-time strong{color:var(--navy-950);font-size:18px}.shift-time small{color:var(--muted);margin-left:auto;font-size:12px}.shift-days{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.shift-days span{border:1px solid var(--line);min-height:31px;color:var(--text-3);border-radius:8px;place-items:center;font-size:11px;display:grid}.shift-days span.active{color:var(--navy-800);background:var(--blue-soft);border-color:#c3d5df;font-weight:700}.shift-rules{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:16px;padding-top:15px;display:grid}.shift-rules span{color:var(--muted);flex-direction:column;gap:5px;font-size:12px;display:flex}.shift-rules b{color:var(--ink);font-size:13px}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px;display:grid}.device-card{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:45px 1fr auto;gap:13px;min-height:205px;padding:18px;display:grid;position:relative}.device-icon{width:45px;height:45px;color:var(--text-2);background:#edf1f3;border-radius:12px;place-items:center;display:grid}.device-icon.active{color:var(--green);background:var(--green-soft)}.device-card>div>small{color:var(--text-3);letter-spacing:.5px;font-size:12px}.device-card h3{color:var(--navy-950);margin:5px 0;font-size:14px}.device-card p{color:var(--muted);margin:0;font-size:12px}.device-card footer{border-top:1px solid var(--line);color:var(--text-3);grid-column:1/4;align-self:end;align-items:center;gap:6px;padding-top:13px;font-size:12px;display:flex}.attendance-modal{width:min(780px,100%)}.attendance-modal form{padding:2px 24px 24px}.attendance-modal .form-grid{padding-top:22px}.form-field textarea{resize:vertical;width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #d8e0e5;border-radius:10px;outline:0;padding:10px 11px;font-weight:500;line-height:1.55}.form-field textarea:focus{border-color:var(--navy-700);box-shadow:0 0 0 3px #1b4d6d17}.form-field-wide{grid-column:1/-1}.weekday-picker{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.weekday-picker label{cursor:pointer}.weekday-picker input{opacity:0;pointer-events:none;position:absolute}.weekday-picker span{border:1px solid var(--line);min-height:38px;color:var(--text-3);background:#fff;border-radius:10px;place-items:center;font-size:12px;display:grid}.weekday-picker input:checked+span{border-color:var(--navy-700);color:#fff;background:var(--navy-800);font-weight:700}.toggle-field{border:1px solid var(--line);border-radius:10px;flex-direction:row;align-items:center;gap:11px;min-height:55px;padding:11px 13px;display:flex}.toggle-field input{flex:none;width:17px;height:17px}.toggle-field span{flex-direction:column;gap:4px;display:flex}.toggle-field b{color:var(--ink);font-size:13px}.toggle-field small{color:var(--muted);font-size:12px}.leave-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.leave-table{min-width:1090px}.leave-type-cell{grid-template-columns:8px 1fr;align-items:center;gap:3px 9px;min-width:150px;display:grid}.leave-type-cell i{border-radius:99px;grid-row:1/3;width:8px;height:37px}.leave-type-cell strong{color:var(--ink);font-size:14px}.leave-type-cell small{color:var(--text-3);font-size:12px}.leave-days{color:var(--navy-950);font-size:19px}.leave-days small{color:var(--muted);font-size:12px}.approval-stage{grid-template-columns:24px 34px 24px;align-items:center;gap:4px;min-width:155px;display:grid}.approval-stage i{width:24px;height:24px;color:var(--text-3);background:#fff;border:1px solid #d9e0e4;border-radius:50%;place-items:center;font-size:12px;font-style:normal;font-weight:700;display:grid}.approval-stage i.active{border-color:var(--yellow);color:var(--navy-950);background:var(--yellow)}.approval-stage i.done{border-color:var(--green);color:#fff;background:var(--green)}.approval-stage i.rejected{border-color:var(--red);color:#fff;background:var(--red)}.approval-stage>b{background:#dfe5e8;height:2px}.approval-stage>small{color:var(--muted);grid-column:1/4;margin-top:4px;font-size:12px}.balance-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;margin:2px 0 14px;display:flex}.balance-toolbar h2{color:var(--navy-950);margin:0;font-size:19px}.balance-toolbar p{color:var(--muted);margin:6px 0 0;font-size:14px}.employee-balance-select{min-width:285px}.balance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.balance-card{padding:19px}.balance-card header{align-items:center;gap:10px;display:flex}.balance-card header>i{border-radius:99px;width:8px;height:38px}.balance-card header>div{flex-direction:column;gap:4px;display:flex}.balance-card header strong{color:var(--navy-950);font-size:14px}.balance-card header small{color:var(--muted);font-size:12px}.balance-available{align-items:flex-end;gap:8px;margin:19px 0 17px;display:flex}.balance-available strong{color:var(--navy-950);font-size:34px;line-height:1}.balance-available span{color:var(--muted);font-size:12px}.balance-breakdown{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding-top:14px;display:grid}.balance-breakdown span{color:var(--muted);flex-direction:column;gap:5px;font-size:12px;display:flex}.balance-breakdown b{color:var(--ink);font-size:14px}.balance-ledger{margin-top:15px;overflow:hidden}.movement-out{color:#b62f2f}.movement-in{color:#087451}.leave-calendar-layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:15px;display:grid}.leave-calendar,.holiday-card{overflow:hidden}.calendar-list{padding:4px 18px 12px}.calendar-list article{border-bottom:1px solid #edf0f2;grid-template-columns:45px 5px 1fr auto;align-items:center;gap:12px;min-height:78px;display:grid}.calendar-list article:last-child{border:0}.calendar-date{text-align:center;border:1px solid var(--line);background:#fbfcfc;border-radius:12px;place-content:center;width:45px;height:49px;display:grid}.calendar-date b{color:var(--navy-950);font-size:17px}.calendar-date small{color:var(--muted);margin-top:1px;font-size:11px}.calendar-list article>i{border-radius:99px;width:5px;height:38px}.calendar-list article>div strong{color:var(--ink);font-size:14px}.calendar-list article>div p{color:var(--muted);margin:5px 0 0;font-size:12px}.holiday-list{padding:5px 17px 12px}.holiday-list article{border-bottom:1px solid #edf0f2;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;min-height:70px;display:grid}.holiday-list article:last-child{border:0}.holiday-list article>span:first-child{width:36px;height:36px;color:var(--navy-700);background:var(--blue-soft);border-radius:10px;place-items:center;display:grid}.holiday-list div{flex-direction:column;gap:4px;display:flex}.holiday-list strong{color:var(--ink);font-size:13px}.holiday-list small{color:var(--muted);font-size:12px}.policy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.policy-card{padding:19px}.policy-card header{gap:12px;display:flex}.policy-card header>span{color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.policy-card header>div{flex-direction:column;display:flex}.policy-card header small{color:var(--text-3);letter-spacing:.5px;font-size:11px}.policy-card header h3{color:var(--navy-950);margin:4px 0 0;font-size:15px}.policy-card header p{color:var(--muted);margin:4px 0 0;font-size:12px}.policy-rules{border-block:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0;padding:14px 0;display:grid}.policy-rules span{color:var(--muted);flex-direction:column;gap:5px;font-size:12px;display:flex}.policy-rules b{color:var(--ink);font-size:14px}.policy-card footer{flex-wrap:wrap;gap:6px;display:flex}.leave-modal{width:min(820px,100%)}.leave-modal form{padding:2px 24px 24px}.leave-modal .form-grid{padding-top:22px}.leave-preview{background:#f5f9fb;border:1px solid #cfdfe8;border-radius:12px;grid-template-columns:auto repeat(3,1fr);align-items:center;gap:12px;margin-top:18px;padding:13px;display:grid}.leave-preview>span{border-inline-start:1px solid #d9e4ea;flex-direction:column;justify-content:center;gap:4px;min-height:44px;padding-inline-start:12px;display:flex}.leave-preview small{color:var(--muted);font-size:11px}.leave-preview strong{color:var(--navy-950);font-size:14px}@media (max-width:1180px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.module-grid,.workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-copy{display:none}.profile-kpis,.attendance-kpis,.leave-kpis,.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-calendar-layout{grid-template-columns:1fr}.policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.login-page{grid-template-columns:1fr}.login-showcase{display:none}.login-form-panel{min-height:100vh;padding:25px}.mobile-login-brand{color:var(--navy-950);align-items:center;gap:9px;margin-bottom:45px;font-size:20px;display:flex}.locale-root[dir=ltr] .sidebar{transform:translateX(calc(var(--sidebar-width) * -1))}.locale-root[dir=rtl] .sidebar{transform:translateX(var(--sidebar-width))}.sidebar{visibility:hidden;pointer-events:none}.locale-root .sidebar.mobile-open{visibility:visible;pointer-events:auto;transform:translate(0)}.workspace,.is-collapsed .workspace{margin-inline-start:0}.sidebar-backdrop{z-index:39;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#03111b8c;border:0;display:block;position:fixed;inset:0}.desktop-only{display:none}.mobile-close,.mobile-menu{display:grid}.topbar{gap:10px;padding:0 14px}.global-search{flex:1;width:auto}.global-search kbd,.topbar-actions .icon-btn:not(.notification-btn){display:none}.page-container{padding:20px 14px}.table-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.data-table{min-width:820px}.alert-list{grid-template-columns:1fr}.alert-item{border-inline-end:0;border-bottom:1px solid var(--line)}.alert-item:last-child{border-bottom:0}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop{padding:10px}.modal-card{max-height:calc(100vh - 20px)}.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-profile-hero{align-items:flex-start}.profile-actions{flex-direction:column}.attendance-toolbar{flex-wrap:wrap}.attendance-toolbar .toolbar-search{order:4;min-width:100%;max-width:none}.shift-grid,.balance-grid{grid-template-columns:1fr}.leave-preview{grid-template-columns:repeat(3,1fr)}.leave-preview .btn{grid-column:1/4}}@media (max-width:560px){.page-head{flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.stats-grid,.module-grid,.split-grid{grid-template-columns:1fr}.workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-wrap:wrap;align-items:stretch}.toolbar-search{min-width:100%;max-width:none}.select-field{flex:1;min-width:125px}.global-search input::placeholder{color:#0000}.profile-button{margin-inline-start:0;padding:2px}.profile-button svg{display:none}.page-head h1{font-size:22px}.module-hero{flex-wrap:wrap;align-items:flex-start;padding:22px 18px}.module-hero-action{width:100%;margin:18px 0 0}.module-hero-icon{width:47px;height:47px}.donut-layout{flex-direction:column}.form-grid,.form-grid.three,.profile-content-grid,.profile-kpis,.leave-balance-grid{grid-template-columns:1fr}.modal-head{padding:18px}.employee-modal form{padding:2px 18px 18px}.modal-actions{margin:18px -18px -18px;padding:14px 18px}.employee-profile-hero{flex-direction:column;padding:18px}.profile-identity{align-items:flex-start}.profile-identity .profile-avatar{border-radius:14px;width:54px;height:54px;font-size:15px}.profile-name-row h1{font-size:21px}.profile-actions{flex-direction:row;width:100%}.profile-actions .btn{flex:1}.profile-kpi{min-height:92px}.toast-success{width:max-content;top:70px}.attendance-kpis,.device-grid,.leave-kpis,.policy-grid{grid-template-columns:1fr}.attendance-kpi{min-height:102px}.attendance-toolbar>*{flex:1}.attendance-toolbar .icon-button{flex:0 0 40px}.date-control{min-width:0}.date-control input{width:100%}.section-actions{flex-direction:column;align-items:flex-start}.section-actions .page-actions{width:100%}.section-actions .btn{flex:1}.shift-card{padding:16px}.shift-rules{grid-template-columns:repeat(2,1fr);gap:13px}.shift-days span{min-height:28px;font-size:11px}.attendance-modal form{padding:2px 18px 18px}.weekday-picker{grid-template-columns:repeat(4,1fr)}.form-field-wide{grid-column:auto}.balance-toolbar{flex-direction:column;align-items:stretch}.employee-balance-select{width:100%;min-width:0}.calendar-list{padding-inline:13px}.calendar-list article{grid-template-columns:42px 4px 1fr}.calendar-list article>.badge{grid-column:3;width:max-content}.leave-preview{grid-template-columns:1fr}.leave-preview .btn{grid-column:auto}.leave-preview>span{border-inline-start:0;border-top:1px solid #d9e4ea;padding:8px 0}.leave-modal form{padding:2px 18px 18px}}.toast{z-index:90;color:#075d42;max-width:min(560px,100vw - 28px);box-shadow:var(--shadow-md);background:#effbf7;border:1px solid #a9ddcc;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;font-size:14px;font-weight:600;display:flex;position:fixed;top:82px;left:50%;transform:translate(-50%)}.toast.toast-error{color:#9a2929;background:#fff3f3;border-color:#efc0c0}.toast button{width:27px;height:27px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;margin-inline-start:auto;display:grid}.payroll-page-head .eyebrow{color:var(--text-3);letter-spacing:1.2px;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.payroll-runbar{grid-template-columns:minmax(280px,1.3fr) minmax(260px,1fr) auto auto;align-items:center;gap:16px;min-height:88px;margin-bottom:15px;padding:15px 17px;display:grid}.payroll-run-select{flex-direction:column;gap:6px;display:flex}.payroll-run-select label{color:var(--text-3);letter-spacing:.4px;font-size:12px;font-weight:700}.payroll-run-select select{width:100%;height:42px;color:var(--navy-950);font:inherit;background:#fff;border:1px solid #d6dfe4;border-radius:10px;outline:0;padding:0 12px;font-size:14px;font-weight:600}.payroll-period{color:var(--ink);direction:ltr;grid-template-columns:auto auto auto;align-items:center;gap:7px 10px;font-size:13px;font-weight:700;display:grid}.payroll-period b{color:var(--text-3)}.payroll-period small{color:var(--text-3);grid-column:1/4;font-size:12px;font-weight:600}.payroll-status{white-space:nowrap;border:1px solid;border-radius:99px;justify-content:center;align-items:center;min-width:90px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.status-draft{color:var(--text-2);background:#f7f9fa;border-color:#d7dfe3}.status-review{color:#7d5700;background:#fff8e6;border-color:#ead291}.status-approved,.status-paid,.status-locked{color:#087451;background:#ecf9f4;border-color:#acd9c9}.status-cancelled{color:#a22d2d;background:#fff1f1;border-color:#ebc4c4}.page-loader{min-height:260px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.payroll-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:15px;display:grid}.payroll-kpi{border:1px solid var(--line);min-height:108px;box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;align-items:flex-start;gap:12px;padding:16px;display:flex;overflow:hidden}.payroll-kpi>span{border-radius:12px;flex:none;place-items:center;width:39px;height:39px;display:grid}.payroll-kpi svg{width:18px;height:18px}.payroll-kpi>div{flex-direction:column;gap:7px;min-width:0;display:flex}.payroll-kpi small{color:var(--text-3);font-size:12px;line-height:1.4}.payroll-kpi strong{color:var(--navy-950);white-space:nowrap;font-size:17px;line-height:1.2}.tone-blue>span{color:#245f95;background:#eaf3fa}.tone-teal>span{color:#08766f;background:#e8f8f6}.tone-green>span{color:#087451;background:#eaf8f2}.tone-navy>span{color:#153e59;background:#eaf0f4}.tone-amber>span{color:#a86800;background:#fff4db}.payroll-workflow{grid-template-columns:repeat(4,minmax(135px,1fr)) auto;align-items:center;gap:10px;min-height:95px;margin-bottom:15px;padding:15px 17px;display:grid}.workflow-step{align-items:center;gap:10px;min-width:0;display:flex;position:relative}.workflow-step:not(:nth-child(4)):after{content:"";background:#e4e9ec;width:1px;height:34px;position:absolute;inset-inline-end:-5px}.workflow-step>span{width:35px;height:35px;color:var(--text-3);background:#edf1f3;border-radius:50%;flex:none;place-items:center;display:grid}.workflow-step svg{width:16px}.workflow-step>div{flex-direction:column;gap:4px;min-width:0;display:flex}.workflow-step strong{color:#475c68;white-space:nowrap;font-size:12px}.workflow-step small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.workflow-step.active>span{color:#775200;background:var(--yellow);box-shadow:0 0 0 4px #fff7dc}.workflow-step.done>span{color:#fff;background:var(--green)}.workflow-step.done strong,.workflow-step.active strong{color:var(--navy-950)}.workflow-actions{justify-content:flex-end;display:flex}.payroll-tabs{margin-bottom:14px}.payroll-tabs button span{min-width:22px;height:20px;color:var(--text-2);background:#e9eef1;border-radius:99px;place-items:center;padding:0 6px;font-size:11px;display:inline-grid}.payroll-tabs button.active span{color:#fff;background:var(--navy-700)}.payroll-tabs .tab-alert{color:#8a5d00!important;background:#ffe8a8!important}.payroll-register,.payroll-exceptions{overflow:hidden}.payroll-register .card-head,.payroll-exceptions .card-head{padding:18px}.payroll-register .search-box{width:min(300px,100%)}.payroll-table{min-width:1120px}.payroll-table tbody tr{cursor:pointer}.payroll-table tbody tr:hover,.payroll-table tbody tr.row-open{background:#f4f8fa}.payroll-table th:not(:first-child),.payroll-table td:not(:first-child){text-align:end}.payroll-table th:last-child,.payroll-table td:last-child{width:38px}.payroll-table td{font-variant-numeric:tabular-nums}.table-sub{color:var(--text-3);margin-top:3px;font-size:11px;display:block}.negative-money{color:#aa4242}.net-money{color:#075d42}.payroll-table .rotate{transform:rotate(180deg)}.payroll-table svg{transition:transform .18s}.payroll-breakdown{background:#f8fbfc;border:1px solid #cbdbe4;border-radius:14px;margin:0 16px 16px;overflow:hidden;box-shadow:inset 0 3px #d9e9f1}.payroll-breakdown>header{border-bottom:1px solid #dce6eb;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.payroll-breakdown h3{color:var(--navy-950);margin:3px 0 0;font-size:16px}.breakdown-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:15px;display:grid}.breakdown-groups section{background:#fff;border:1px solid #dde6ea;border-radius:12px;padding:14px}.breakdown-groups h4{color:var(--text-2);letter-spacing:.4px;text-transform:uppercase;margin:0 0 11px;font-size:12px}.breakdown-line{border-bottom:1px dashed #e4e9ec;justify-content:space-between;align-items:center;gap:12px;min-height:46px;display:flex}.breakdown-line>span{color:#4c606b;font-size:12px}.breakdown-line small{color:var(--text-3);margin-top:4px;font-size:11px;display:block}.breakdown-line strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px}.breakdown-groups footer{color:var(--text-3);justify-content:space-between;gap:8px;padding-top:12px;font-size:12px;display:flex}.breakdown-groups footer b{color:var(--navy-950);font-size:12px}.breakdown-net{color:#fff;background:var(--navy-900);justify-content:space-between;align-items:center;min-height:66px;padding:13px 18px;display:flex}.breakdown-net span{flex-direction:column;gap:4px;font-size:12px;display:flex}.breakdown-net small{color:#b9cbd5;font-size:11px}.breakdown-net strong{font-size:19px}.exception-summary{flex-wrap:wrap;gap:6px;display:flex}.exception-summary span,.severity-pill{text-transform:capitalize;border-radius:99px;padding:5px 8px;font-size:11px;font-weight:700}.sev-critical{color:#a12323;background:#ffe7e7}.sev-high{color:#9b5600;background:#ffedd4}.sev-medium{color:#785c00;background:#fff4c8}.sev-low{color:#286b83;background:#e3f4fa}.exception-list{padding:0 18px 12px}.exception-row{border-bottom:1px solid #e8edef;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;min-height:86px;padding:14px 0;display:grid}.exception-row:last-child{border:0}.exception-icon{color:#9b6400;background:#fff3d5;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.severity-critical .exception-icon{color:#aa2727;background:#ffeaea}.exception-title{align-items:center;gap:8px;display:flex}.exception-title strong{color:var(--ink);font-size:14px}.exception-row p{color:var(--text-2);margin:5px 0;font-size:12px}.exception-row>div>small{color:var(--text-3);letter-spacing:.5px;font-size:11px}.empty-state{min-height:190px;color:var(--text-3);place-content:center;justify-items:center;gap:8px;display:grid}.empty-state svg{width:28px;height:28px}.empty-state p{margin:0;font-size:13px}.payroll-rules-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.payroll-rule{min-height:245px;padding:18px}.payroll-rule header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.payroll-rule>small{color:var(--text-3);letter-spacing:.6px;font-size:11px}.payroll-rule h3{min-height:40px;color:var(--navy-950);margin:7px 0 12px;font-size:14px;line-height:1.45}.payroll-rule>strong{color:var(--green);font-size:20px;display:block}.payroll-rule p{min-height:42px;color:var(--muted);margin:10px 0 14px;font-size:12px;line-height:1.55}.payroll-rule a{color:#245f95;font-size:12px;font-weight:700;text-decoration:none}.payroll-legal{grid-column:1/-1;margin-top:0;font-size:12px}.payroll-modal{width:min(740px,100%)}.payroll-modal form{padding:2px 24px 24px}.payroll-modal .form-grid{padding-top:20px}.modal-info{color:var(--text-2);background:#f3f8fa;border:1px solid #cfe0e8;border-radius:10px;align-items:flex-start;gap:9px;margin-top:16px;padding:12px 13px;font-size:12px;line-height:1.55;display:flex}.modal-info svg{color:#245f95;flex:none}@media (max-width:1180px){.payroll-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-step:nth-child(2):after{display:none}.workflow-actions{grid-column:1/-1}.payroll-rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.payroll-runbar{grid-template-columns:1fr auto}.payroll-run-select{grid-column:1/-1}.payroll-period{justify-self:start}.payroll-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-register .card-head,.payroll-exceptions .card-head{flex-direction:column;align-items:stretch}.payroll-register .search-box{width:100%}.breakdown-groups{grid-template-columns:1fr}.payroll-table{min-width:1050px}}@media (max-width:560px){.toast{top:70px}.payroll-runbar{grid-template-columns:1fr}.payroll-period,.payroll-status,.payroll-runbar>.btn{width:100%}.payroll-period,.payroll-runbar>.btn{justify-content:center}.payroll-kpis{grid-template-columns:1fr}.payroll-kpi{min-height:94px}.payroll-workflow{grid-template-columns:1fr}.workflow-step:after{display:none!important}.workflow-actions{grid-column:auto}.workflow-actions .btn{width:100%}.payroll-tabs{overflow-x:auto}.payroll-tabs button{flex:none}.payroll-rules-grid{grid-template-columns:1fr}.exception-row{grid-template-columns:34px 1fr}.exception-row>.badge{grid-column:2;width:max-content}.exception-summary{margin-top:8px}.breakdown-net{flex-direction:column;align-items:flex-start;gap:10px}.payroll-modal form{padding:2px 18px 18px}}.dashboard-clear{color:#087451;background:linear-gradient(#fff,#f7fcfa);justify-content:center;align-items:center;gap:10px;min-height:112px;font-size:14px;font-weight:600;display:flex}.dashboard-clear.compact{background:0 0;min-height:116px}.activity-dot.blue{background:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.btn-danger{color:#fff;background:#a62e2e;border-color:#a62e2e}.btn-danger:hover{color:#fff;background:#8d2424;border-color:#8d2424}.approval-register,.permit-register{overflow:hidden}.approval-table{min-width:1050px}.approval-table td:nth-child(3){max-width:310px}.approval-detail{color:var(--text-2);margin-bottom:7px;line-height:1.6;display:block}.approval-empty{color:#087451;text-align:center;place-content:center;justify-items:center;gap:7px;min-height:230px;display:grid}.approval-empty strong{color:var(--navy-950);margin-top:5px;font-size:14px}.approval-empty span{color:var(--muted);font-size:13px}.approval-modal{width:min(640px,100%)}.approval-modal form,.permit-modal form{padding:2px 24px 24px}.approval-decision-summary{border:1px solid var(--line);background:#f8fafb;border-radius:12px;align-items:center;gap:12px;margin-top:20px;padding:15px;display:flex}.approval-decision-summary>div{min-width:0}.approval-decision-summary strong{color:var(--navy-950);font-size:14px}.approval-decision-summary p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.6}.approval-decision-icon{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.approval-decision-icon.approved{color:#087451;background:var(--green-soft)}.approval-decision-icon.rejected{color:#a62e2e;background:var(--red-soft)}.field{color:#445864;flex-direction:column;gap:7px;min-width:0;font-size:13px;font-weight:600;display:flex}.field.wide{grid-column:1/-1}.field>input,.field>select,.field>textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #d8e0e5;border-radius:10px;outline:0;padding:0 11px;font-weight:500}.field>input,.field>select{height:42px}.field>textarea{resize:vertical;min-height:94px;padding-block:10px}.field>input:focus,.field>select:focus,.field>textarea:focus{border-color:var(--navy-700);box-shadow:0 0 0 3px #1b4d6d17}.search-select{min-width:0;position:relative}.search-select input{width:100%;height:42px;color:var(--ink);font:inherit;text-overflow:ellipsis;background:#fff;border:1px solid #d8e0e5;border-radius:10px;outline:0;padding-inline:11px 58px;font-size:13px;font-weight:500}.search-select input:focus{border-color:var(--navy-700);box-shadow:0 0 0 3px #1b4d6d17}.search-select input::placeholder{color:var(--text-3);opacity:.85}.search-select.is-disabled input{color:var(--text-3);cursor:not-allowed;background:#f4f6f8}.search-select-affix{color:var(--text-3);pointer-events:none;align-items:center;gap:2px;display:flex;position:absolute;inset-block:0;inset-inline-end:9px}.search-select-affix button{width:24px;height:24px;color:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.search-select-affix button:hover{color:#a62e2e;background:var(--red-soft)}.search-select-affix svg:last-child{transition:transform .18s}.search-select-affix svg:last-child.is-open{transform:rotate(180deg)}.search-select-menu{top:calc(100% + 6px);z-index:80;border:1px solid var(--line);max-height:284px;box-shadow:var(--shadow-md);overscroll-behavior:contain;background:#fff;border-radius:12px;padding:5px;position:absolute;inset-inline:0;overflow-y:auto}.search-option{width:100%;min-height:38px;color:var(--text-2);cursor:pointer;text-align:start;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px;font-size:13px;font-weight:500;display:flex}.search-option span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-option.is-highlighted{background:var(--canvas);color:var(--navy-950)}.search-option.is-selected{color:var(--navy-950);font-weight:600}.search-option.is-selected svg{color:var(--green);flex:none}.search-select-note{color:var(--text-3);padding:9px 11px;font-size:12px}.search-select-chips{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.search-chip{background:var(--blue-soft);color:#245f95;border-radius:99px;align-items:center;gap:5px;padding:4px 6px 4px 9px;font-size:12px;font-weight:600;display:inline-flex}[dir=rtl] .search-chip{padding:4px 9px 4px 6px}.search-chip button{width:17px;height:17px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.search-chip button:hover{background:#245f9526}.approval-modal>.modal-head+form>.field{margin-top:17px}.permit-table{min-width:1160px}.protected-number{color:#415a68;letter-spacing:.4px;direction:ltr;background:#f7f9fa;border:1px solid #d9e2e7;border-radius:8px;align-items:center;gap:7px;min-width:94px;padding:7px 9px;font-family:Consolas,Courier New,monospace;font-size:12px;font-weight:700;display:inline-flex}.metric-sub{color:var(--text-3);margin-top:5px;font-size:12px;font-weight:500;display:block}.owner-select{border:1px solid var(--line);min-width:150px;height:37px;color:var(--text-3);background:#fff;border-radius:10px;align-items:center;gap:6px;padding-inline:9px;display:flex}.owner-select select{color:#4e606b;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.permit-current{color:#087451;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.permit-modal{width:min(760px,100%)}.renewal-overview{background:#dbe4e9;border:1px solid #dbe4e9;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:20px;padding:14px;display:grid;overflow:hidden}.renewal-overview span{background:#f7fafb;flex-direction:column;justify-content:center;gap:5px;min-height:58px;padding:10px 12px;display:flex}.renewal-overview small{color:var(--text-3);font-size:11px}.renewal-overview strong{color:var(--navy-950);font-size:13px}@media (max-width:820px){.approval-table{min-width:1000px}.permit-table{min-width:1110px}.summary-strip .summary-item:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:560px){.page-actions{flex-wrap:wrap}.page-actions .btn{min-width:calc(50% - 5px)}.approval-modal form,.permit-modal form{padding:2px 18px 18px}.field.wide{grid-column:auto}.renewal-overview{grid-template-columns:1fr}.approval-decision-summary{align-items:flex-start}}.page-eyebrow{color:var(--text-3);letter-spacing:1.2px;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.bi-copy em{width:max-content;color:var(--text-2);letter-spacing:.4px;background:#eef3f5;border-radius:6px;margin-top:5px;padding:2px 6px;font-size:11px;font-style:normal;font-weight:700}.tabs{box-shadow:none;scrollbar-width:thin;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:16px;padding:2px;display:flex;overflow-x:auto}.tabs button{min-width:max-content;height:38px;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:0 15px;font-size:14px;font-weight:700;display:flex}.tabs button:hover{color:var(--navy-950);background:#ffffffa6}.tabs button.active{color:var(--navy-950);border-color:var(--line);box-shadow:var(--shadow-sm);background:#fff}.org-kpis,.recruitment-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.org-kpi,.recruitment-kpi{align-items:flex-start;gap:12px;min-height:111px;padding:17px;display:flex;overflow:hidden}.org-kpi-icon{border-radius:12px;flex:none;place-items:center;width:41px;height:41px;display:grid}.org-kpi-icon svg{width:19px;height:19px}.org-kpi-icon.blue{color:#245f95;background:#eaf3fa}.org-kpi-icon.green{color:#087451;background:#eaf8f2}.org-kpi-icon.amber{color:#a86800;background:#fff4db}.org-kpi-icon.purple{color:#6d4aa2;background:#f2ebfb}.org-kpi-icon.red{color:#a62e2e;background:#fff0f0}.org-kpi-icon.teal{color:#08766f;background:#e8f8f6}.org-kpi-icon.gray{color:var(--text-2);background:#eef2f4}.org-kpi>div,.recruitment-kpi>div{flex-direction:column;min-width:0;display:flex}.org-kpi small,.recruitment-kpi small{color:var(--text-3);font-size:12px;font-weight:600}.org-kpi strong,.recruitment-kpi strong{color:var(--navy-950);margin-top:7px;font-size:25px;line-height:1}.org-kpi p,.recruitment-kpi p{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0;font-size:12px;overflow:hidden}.org-register,.recruitment-register{overflow:hidden}.org-table{min-width:1120px}.org-table.title-table{min-width:940px}.org-description{max-width:270px;color:var(--text-2);line-height:1.55}.org-structure{border:1px solid var(--line);min-height:460px;box-shadow:var(--shadow-sm);background:radial-gradient(circle at top,#f5fafc,#eef3f5 58%,#e8edef);border-radius:16px;padding:24px;overflow:hidden}.org-root{border-top:3px solid var(--yellow);align-items:center;gap:14px;width:min(430px,100%);margin:auto;padding:18px;display:flex}.org-root>span{color:#fff;background:var(--navy-900);border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid}.org-root h2{color:var(--navy-950);margin:3px 0 0;font-size:18px}.org-root small{color:var(--text-3);letter-spacing:.7px;font-size:11px;font-weight:700}.org-root p{color:var(--muted);margin:5px 0 0;font-size:12px}.org-connector{background:#9eb2bd;width:1px;height:37px;margin:auto}.org-structure-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid;position:relative}.org-structure-columns:before{content:"";background:#9eb2bd;height:1px;position:absolute;top:-1px;left:25%;right:25%}.org-structure-columns>section>header{color:#fff;background:var(--navy-800);border-radius:99px;justify-content:center;align-items:center;gap:8px;width:max-content;min-width:180px;margin:0 auto 13px;padding:9px 13px;font-size:12px;display:flex}.org-structure-columns>section>header span{min-width:21px;height:21px;color:var(--navy-950);background:var(--yellow);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.org-structure-columns>section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.org-node{justify-content:space-between;align-items:flex-start;gap:10px;min-height:86px;padding:14px;display:flex}.org-node>div{flex-direction:column;gap:6px;min-width:0;display:flex}.org-node strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.org-node small{color:var(--text-3);font-size:11px}.org-node>span{max-width:45%;color:var(--text-2);text-align:end;font-size:11px;line-height:1.5}.org-node .manager-gap{color:#986600}.organization-modal{width:min(820px,100%)}.organization-modal form,.recruitment-modal form{padding:2px 24px 24px}.recruitment-table{min-width:1120px}.recruitment-table td{height:76px}.seat-progress{background:#e7ecef;border-radius:99px;width:72px;height:5px;margin-top:7px;overflow:hidden}.seat-progress i{background:var(--green);border-radius:99px;height:100%;display:block}.decision-actions .btn{width:auto;height:32px;padding-inline:10px;display:flex}.stage-badge{white-space:nowrap;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:700;display:inline-flex}.stage-badge.sourced{color:#245f95;background:#eaf3fa}.stage-badge.screening{color:#6d4aa2;background:#f2ebfb}.stage-badge.interview{color:#a86800;background:#fff4db}.stage-badge.assessment{color:#0b6f74;background:#e5f5f5}.stage-badge.offer{color:#087451;background:#eaf8f2}.stage-badge.hired{color:#fff;background:#087451}.stage-badge.rejected{color:#a62e2e;background:#fff0f0}.stage-badge.withdrawn{color:var(--text-2);background:#eef2f4}.pipeline-board{scrollbar-width:thin;background:#f4f7f8;grid-template-columns:repeat(5,minmax(235px,1fr));gap:10px;min-height:440px;padding:14px;display:grid;overflow-x:auto}.pipeline-column{background:#edf2f4;border:1px solid #dce4e8;border-radius:12px;min-width:235px;overflow:hidden}.pipeline-column>header{background:#fff;border-bottom:1px solid #dce4e8;justify-content:space-between;align-items:center;min-height:47px;padding:0 12px;display:flex}.pipeline-column>header strong{color:var(--navy-950);font-size:12px}.pipeline-column>header span{min-width:24px;height:24px;color:var(--text-2);background:#edf2f4;border-radius:8px;place-items:center;font-size:12px;font-weight:700;display:grid}.pipeline-column>div{flex-direction:column;gap:8px;max-height:560px;padding:9px;display:flex;overflow-y:auto}.candidate-card{width:100%;min-height:116px;color:inherit;cursor:pointer;text-align:start;background:#fff;border:1px solid #d8e1e6;border-radius:12px;grid-template-columns:35px 1fr;align-items:center;gap:4px 9px;padding:12px;display:grid;box-shadow:0 2px 6px #102c3b0a}.candidate-card:hover{border-color:#aebfc8;transform:translateY(-1px)}.candidate-card .employee-avatar{grid-row:1/4;width:35px;height:35px}.candidate-card strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.candidate-card small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.candidate-card em{color:var(--text-3);font-size:11px;font-style:normal}.pipeline-empty{min-height:90px;color:var(--text-3);place-items:center;font-size:12px;display:grid}.recruitment-modal{width:min(860px,100%)}.recruitment-modal select[multiple]{height:auto;min-height:96px;padding-block:6px}.consent-field{min-height:58px;color:var(--text-2);background:#f4f9fb;border:1px solid #ccdde5;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;font-size:12px;line-height:1.6;display:flex}.consent-field input{flex:none;width:17px;height:17px;margin-top:1px}.consent-field.wide{grid-column:1/-1}.candidate-modal-summary{border:1px solid var(--line);background:#f7fafb;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:13px 14px;display:flex}.candidate-modal-summary strong{color:var(--navy-950);font-size:13px}.candidate-modal-summary span{color:var(--text-2);font-size:12px}@media (max-width:1180px){.org-kpis,.recruitment-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.org-structure-columns>section>div{grid-template-columns:1fr}}@media (max-width:820px){.org-kpis,.recruitment-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.org-structure{padding:16px;overflow-x:auto}.org-structure-columns{min-width:650px}.org-table,.recruitment-table{min-width:1060px}.pipeline-board{grid-template-columns:repeat(5,245px)}}@media (max-width:560px){.org-kpis,.recruitment-kpis{grid-template-columns:1fr}.org-kpi,.recruitment-kpi{min-height:94px}.org-tabs,.recruitment-tabs{margin-inline:-4px}.organization-modal form,.recruitment-modal form{padding:2px 18px 18px}.consent-field.wide{grid-column:auto}.candidate-modal-summary{flex-direction:column;align-items:flex-start}.pipeline-board{grid-template-columns:repeat(5,250px);margin-inline:-1px;padding:10px}}.lifecycle-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px;display:grid}.asset-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.lifecycle-kpi,.asset-kpi{align-items:flex-start;gap:12px;min-height:108px;padding:17px;display:flex;overflow:hidden}.lifecycle-kpi>div,.asset-kpi>div{flex-direction:column;min-width:0;display:flex}.lifecycle-kpi small,.asset-kpi small{color:var(--text-3);font-size:12px;font-weight:600}.lifecycle-kpi strong,.asset-kpi strong{color:var(--navy-950);margin-top:7px;font-size:25px;line-height:1}.lifecycle-kpi p,.asset-kpi p{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0;font-size:12px;overflow:hidden}.lifecycle-register,.asset-register{overflow:hidden}.lifecycle-table{min-width:1190px}.lifecycle-table td{height:82px}.asset-table{min-width:1130px}.custody-table{min-width:1080px}.process-pill{white-space:nowrap;border-radius:99px;padding:6px 9px;font-size:12px;font-weight:700;display:inline-flex}.process-pill.onboarding{color:#245f95;background:#eaf3fa}.process-pill.offboarding{color:#7a4b93;background:#f4ebf8}.progress-cell{width:148px;color:inherit;cursor:pointer;text-align:start;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.progress-cell>span{justify-content:space-between;align-items:center;display:flex}.progress-cell b{color:var(--navy-950);font-size:13px}.progress-cell small{color:var(--text-3);font-size:11px}.progress-cell>i{background:#e5ebee;border-radius:99px;width:100%;height:6px;overflow:hidden}.progress-cell>i>em{background:linear-gradient(90deg,var(--navy-700),#2f8a9d);border-radius:99px;height:100%;display:block}.overdue-text{font-weight:700;color:#a62e2e!important}.action-blocker{color:#986600;align-items:flex-start;gap:5px;max-width:132px;line-height:1.4;display:inline-flex}.action-blocker svg{flex:none;margin-top:1px}.lifecycle-modal{width:min(760px,100%)}.lifecycle-modal form,.asset-modal form{padding:2px 24px 24px}.tasks-modal{width:min(780px,100%)}.task-list{flex-direction:column;gap:8px;max-height:min(590px,65vh);padding:8px 24px 18px;display:flex;overflow-y:auto}.lifecycle-task{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;min-height:77px;padding:12px;display:grid}.lifecycle-task.completed,.lifecycle-task.waived{background:#f8fbfa}.lifecycle-task.blocked{background:#fff8f8;border-color:#ebc6c6}.task-check{color:#fff;cursor:pointer;background:#fff;border:1px solid #ccd7dd;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.task-check>span{background:#dce4e8;border-radius:4px;width:9px;height:9px}.completed .task-check,.waived .task-check{background:#087451;border-color:#087451}.lifecycle-task>div{min-width:0}.lifecycle-task strong{color:var(--navy-950);font-size:13px;display:block}.lifecycle-task>div>small{color:var(--text-3);margin-top:3px;font-size:11px;display:block}.lifecycle-task p{flex-wrap:wrap;gap:5px;margin:7px 0 0;display:flex}.lifecycle-task p span{color:var(--text-2);background:#edf2f4;border-radius:6px;padding:3px 6px;font-size:11px}.modal-inline-error{margin:0 24px}.tasks-modal>.modal-actions{margin:0}.condition-cell{color:#4b6471;background:#eef3f5;border-radius:8px;padding:5px 8px;font-size:12px;font-weight:700;display:inline-flex}.asset-modal{width:min(820px,100%)}.asset-return-summary{border:1px solid var(--line);background:#f7fafb;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:14px;display:flex}.asset-return-summary strong{color:var(--navy-950);font-size:13px}.asset-return-summary span{color:var(--text-3);font-size:12px}@media (max-width:1180px){.asset-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.lifecycle-kpis,.asset-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.lifecycle-table{min-width:1120px}.asset-table{min-width:1070px}}@media (max-width:560px){.lifecycle-kpis,.asset-kpis{grid-template-columns:1fr}.lifecycle-kpi,.asset-kpi{min-height:94px}.lifecycle-modal form,.asset-modal form{padding:2px 18px 18px}.task-list{padding-inline:14px}.lifecycle-task{grid-template-columns:31px 1fr}.lifecycle-task>.badge{grid-column:2;width:max-content}.modal-inline-error{margin-inline:14px}.asset-return-summary{flex-direction:column;align-items:flex-start}}.request-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px;display:grid}.document-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.request-kpi,.document-kpi{align-items:flex-start;gap:12px;min-height:108px;padding:17px;display:flex;overflow:hidden}.request-kpi>div,.document-kpi>div{flex-direction:column;min-width:0;display:flex}.request-kpi small,.document-kpi small{color:var(--text-3);font-size:12px;font-weight:600}.request-kpi strong,.document-kpi strong{color:var(--navy-950);margin-top:7px;font-size:25px;line-height:1}.request-kpi p,.document-kpi p{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0;font-size:12px;overflow:hidden}.request-register,.document-register{overflow:hidden}.request-table{min-width:1240px}.request-table td{height:84px}.document-table{min-width:1240px}.letter-table{min-width:990px}.template-table{min-width:930px}.request-reference{max-width:260px;color:inherit;cursor:pointer;text-align:start;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:5px;padding:0;display:flex}.request-reference strong{color:#185477;font-size:12px}.request-reference span{max-width:100%;color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.request-reference:hover strong{text-decoration:underline}.inline-select{border:1px solid var(--line);min-width:145px;height:35px;color:var(--text-2);background:#fff;border-radius:8px;padding-inline:9px;font-size:12px}.letter-ready{color:#087451;align-items:center;gap:4px;margin-top:6px;font-size:11px;font-weight:700;display:flex}.request-modal{width:min(780px,100%)}.request-modal form,.document-modal form{padding:2px 24px 24px}.request-detail-grid{background:#dce4e8;border:1px solid #dce4e8;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 24px 18px;display:grid;overflow:hidden}.request-detail-grid>span{background:#f8fafb;flex-direction:column;gap:7px;min-height:67px;padding:11px;display:flex}.request-detail-grid small{color:var(--text-3);font-size:11px}.request-detail-grid strong{color:var(--navy-950);font-size:12px}.request-resolution{color:#087451;background:#f0faf6;border:1px solid #b9dfd1;border-radius:10px;align-items:flex-start;gap:10px;margin:0 24px 18px;padding:13px;display:flex}.request-resolution svg{flex:none}.request-resolution strong{font-size:12px}.request-resolution p{color:#46665a;margin:5px 0 0;font-size:12px;line-height:1.6}.request-timeline{border-inline-start:1px solid #cbd7dc;max-height:340px;margin:0 24px 18px;padding-inline-start:11px;overflow-y:auto}.request-timeline article{min-height:58px;padding:0 15px 15px;position:relative}.request-timeline i{inset-inline-start:-16px;background:#2f8093;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:1px;box-shadow:0 0 0 1px #9eb8c2}.request-timeline strong{color:var(--navy-950);font-size:12px;display:block}.request-timeline span{color:var(--text-3);margin-top:4px;font-size:11px;display:block}.request-timeline p{color:var(--text-2);margin:6px 0 0;font-size:12px}.request-letter-button{width:max-content;margin:0 24px 18px}.letter-generation-note{color:#215d79;background:#f1f8fb;border:1px solid #c7dce5;border-radius:10px;align-items:flex-start;gap:11px;margin-top:16px;padding:13px;display:flex}.letter-generation-note>span{flex:1}.letter-generation-note strong{font-size:12px}.letter-generation-note p{color:var(--text-2);margin:5px 0 9px;font-size:12px}.letter-generation-note select{background:#fff;border:1px solid #bdd2dc;border-radius:8px;height:34px;font-size:12px}.document-title-cell{flex-direction:column;gap:4px;max-width:245px;display:flex}.document-title-cell strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.document-title-cell small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.document-title-cell em{color:#705a00;background:#fff6d8;border-radius:6px;align-items:center;gap:4px;width:max-content;padding:3px 6px;font-size:11px;font-style:normal;font-weight:700;display:flex}.company-record{color:var(--text-2);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.file-meta{flex-direction:column;gap:5px;max-width:210px;display:flex}.file-meta strong{color:#455e6a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.file-meta small{color:var(--text-3);font-size:11px}.verified-label{color:#087451;align-items:center;gap:4px;margin-top:6px;font-size:11px;font-weight:700;display:flex}.document-modal{width:min(850px,100%)}.document-modal .consent-field{align-items:center;min-height:50px}.template-preview{max-width:390px;color:var(--text-2);margin:0;font-size:12px;line-height:1.6}.letter-preview-sheet{color:#263f4c;background:#fff;border:1px solid #dce3e7;min-height:380px;margin:0 24px 18px;padding:28px;box-shadow:0 8px 24px #102c3b0f}.letter-preview-sheet.rtl{direction:rtl;font-family:Tahoma,Arial,sans-serif}.letter-preview-sheet header{border-bottom:3px solid var(--yellow);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.letter-preview-sheet img{width:90px;height:auto}.letter-preview-sheet header span{color:var(--text-3);font-size:11px}.letter-preview-sheet h3{color:var(--navy-950);text-align:center;margin:28px 0 22px;font-size:17px}.letter-preview-sheet p{white-space:pre-wrap;margin:0;font-size:12px;line-height:2}@media (max-width:1180px){.document-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.request-kpis,.document-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.request-table,.document-table{min-width:1160px}.request-detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.request-kpis,.document-kpis{grid-template-columns:1fr}.request-kpi,.document-kpi{min-height:94px}.request-modal form,.document-modal form{padding:2px 18px 18px}.request-detail-grid{grid-template-columns:1fr 1fr;margin-inline:18px}.request-resolution,.request-timeline,.letter-preview-sheet,.request-letter-button{margin-inline:18px}.document-tabs{margin-inline:-4px}.letter-preview-sheet{padding:20px}.document-modal .consent-field{grid-column:auto}}.expense-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.expense-kpi{align-items:flex-start;gap:12px;min-height:112px;padding:17px;display:flex;overflow:hidden}.expense-kpi>div{flex-direction:column;min-width:0;display:flex}.expense-kpi small{color:var(--text-3);font-size:13px;font-weight:600}.expense-kpi strong{color:var(--navy-950);white-space:nowrap;margin-top:7px;font-size:24px;line-height:1}.expense-kpi p{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0;font-size:12px;overflow:hidden}.expense-tabs{margin-bottom:0}.expense-register{border-start-start-radius:0;overflow:hidden}.expense-table{min-width:1280px}.expense-table td{height:86px}.request-reference small{color:var(--text-3);font-size:12px}.expense-amount{color:var(--navy-950);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;display:block}.receipt-metric{color:var(--text-2);align-items:center;gap:5px;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}.approval-step-copy{flex-direction:column;gap:5px;display:flex}.approval-step-copy strong{color:var(--navy-950);font-size:13px}.approval-step-copy small{color:var(--text-3);font-size:12px}.approval-route{align-items:center;gap:5px;display:flex}.approval-route em{color:#245f95;background:#eaf3fa;border-radius:8px;padding:5px 7px;font-size:12px;font-style:normal;font-weight:700}.expense-analysis-grid{grid-template-columns:minmax(280px,.72fr) minmax(520px,1.5fr);gap:15px;display:grid}.expense-analysis-summary,.expense-category-chart{padding:20px}.expense-analysis-summary .card-head,.expense-category-chart .card-head{padding:0 0 16px}.expense-analysis-summary .card-head>svg,.expense-category-chart .card-head>svg{color:#2f7895}.expense-summary-number{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:18px 0;display:flex}.expense-summary-number small{color:var(--text-3);font-size:12px;font-weight:600}.expense-summary-number strong{color:#087451;font-size:24px}.expense-summary-number.warning strong{color:#a86800}.expense-bars{flex-direction:column;gap:14px;display:flex}.expense-bar-row{grid-template-columns:minmax(125px,.8fr) minmax(140px,1.5fr) 110px;align-items:center;gap:14px;display:grid}.expense-bar-row>span{flex-direction:column;gap:4px;min-width:0;display:flex}.expense-bar-row strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.expense-bar-row small{color:var(--text-3);font-size:12px}.expense-bar-row>div{background:#e9eef1;border-radius:99px;height:8px;overflow:hidden}.expense-bar-row i{background:linear-gradient(90deg,var(--navy-700),#2d91a2);border-radius:99px;height:100%;display:block}.expense-bar-row b{color:#415966;font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;font-size:12px}.expense-modal{width:min(850px,100%)}.expense-modal.wide{width:min(980px,100%)}.expense-modal form{padding:2px 24px 24px}.expense-detail-summary{background:#dce4e8;border:1px solid #dce4e8;border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0 24px 18px;display:grid;overflow:hidden}.expense-detail-summary>span{background:#f8fafb;flex-direction:column;gap:7px;min-height:70px;padding:11px;display:flex}.expense-detail-summary small{color:var(--text-3);font-size:12px}.expense-detail-summary strong{color:var(--navy-950);font-size:13px;line-height:1.4}.expense-purpose{border:1px solid var(--line);background:#f8fafb;border-radius:12px;margin:0 24px 18px;padding:14px}.expense-purpose strong,.section-title{color:var(--navy-950);font-size:13px}.expense-purpose p{color:var(--text-2);margin:7px 0 0;font-size:12px;line-height:1.65}.section-title{margin:17px 24px 9px}.expense-lines{border:1px solid var(--line);border-radius:12px;flex-direction:column;margin:0 24px;display:flex}.expense-lines article{border-bottom:1px solid #e7edef;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:14px;min-height:66px;padding:11px 12px;display:grid}.expense-lines article:last-child{border:0}.expense-lines article>span{flex-direction:column;gap:5px;display:flex}.expense-lines strong{color:var(--navy-950);font-size:12px}.expense-lines small{color:var(--text-3);font-size:12px}.expense-lines b{color:#315466;white-space:nowrap;font-size:12px}.receipt-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 24px;display:grid}.receipt-list a{border:1px solid var(--line);color:#245f95;background:#fff;border-radius:10px;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;min-height:55px;padding:10px 11px;text-decoration:none;display:grid}.receipt-list a:hover{background:#f7fbfc;border-color:#aac4d1}.receipt-list a>span{flex-direction:column;gap:4px;min-width:0;display:flex}.receipt-list strong{color:#415a68;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.receipt-list small{color:var(--text-3);font-size:12px}.expense-timeline{max-height:210px}.expense-detail-actions{margin-top:0}@media (max-width:1180px){.expense-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.expense-analysis-grid{grid-template-columns:1fr}.expense-detail-summary{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.expense-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-table{min-width:1180px}.expense-detail-summary{grid-template-columns:repeat(2,1fr)}.expense-lines article{grid-template-columns:1fr auto}.expense-lines article>.badge{grid-column:1/-1;width:max-content}.receipt-list{grid-template-columns:1fr}}@media (max-width:560px){.expense-kpis{grid-template-columns:1fr}.expense-kpi{min-height:94px}.expense-tabs{margin-inline:-4px;overflow-x:auto}.expense-tabs button{flex:none}.expense-analysis-summary,.expense-category-chart{padding:16px}.expense-bar-row{grid-template-columns:1fr 80px}.expense-bar-row>div{grid-column:1}.expense-detail-summary{grid-template-columns:1fr 1fr;margin-inline:18px}.expense-purpose,.expense-lines,.receipt-list,.section-title{margin-inline:18px}.expense-modal form{padding:2px 18px 18px}.expense-detail-actions{flex-wrap:wrap}.expense-detail-actions .btn{flex:1}.expense-lines article{grid-template-columns:1fr}.expense-lines article>.badge{grid-column:auto}.expense-modal.wide{width:100%}}.training-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.training-kpi{align-items:flex-start;gap:13px;min-height:116px;padding:18px;display:flex;overflow:hidden}.training-kpi>div{flex-direction:column;min-width:0;display:flex}.training-kpi small{color:var(--text-3);font-size:13px;font-weight:600}.training-kpi strong{color:var(--navy-950);font-variant-numeric:tabular-nums;margin-top:8px;font-size:27px;line-height:1}.training-kpi p{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin:9px 0 0;font-size:12px;line-height:1.45;overflow:hidden}.training-tabs{scrollbar-width:thin;margin-bottom:0;overflow-x:auto}.training-tabs button{flex:none;min-width:145px;font-size:13px}.training-register{border-start-start-radius:0;overflow:hidden}.training-program-table{min-width:1240px}.training-assignment-table{min-width:1350px}.certificate-table{min-width:1250px}.training-program-table td,.training-assignment-table td,.certificate-table td{height:88px;font-size:12px}.training-program-name{max-width:270px}.training-program-name em{color:#245f95;background:#eaf3fa;border-radius:6px;width:max-content;padding:4px 7px;font-size:11px;font-style:normal;font-weight:700}.training-delivery{align-items:center;gap:8px;display:flex}.training-delivery>svg{color:#347f95;flex:none}.training-delivery>strong,.capacity-copy strong{color:var(--navy-950);font-size:12px}.training-delivery>small,.capacity-copy small{color:var(--text-3);margin-top:4px;font-size:12px;display:block}.capacity-copy{flex-direction:column;display:flex}.training-budget{color:#244b5d;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.attendance-copy{flex-direction:column;gap:5px;display:flex}.attendance-copy strong{color:#425d6a;font-size:12px}.attendance-copy small{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px}.training-progress{flex-direction:column;gap:7px;width:145px;display:flex}.training-progress>span{background:#e5ecef;border-radius:99px;width:100%;height:7px;overflow:hidden}.training-progress>span>i{background:linear-gradient(90deg,#1d6a83,#2d9a89);border-radius:99px;height:100%;display:block}.training-progress small{color:var(--text-3);font-size:12px;font-weight:600}.certificate-download{color:#185f81;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.certificate-download:hover{color:#0d435e;text-decoration:underline}.training-analysis-grid{grid-template-columns:minmax(300px,.72fr) minmax(520px,1.45fr);gap:15px;display:grid}.training-risk-panel,.training-category-chart{padding:20px}.training-risk-panel .card-head,.training-category-chart .card-head{padding:0 0 16px}.training-risk-panel .card-head>svg,.training-category-chart .card-head>svg{color:#2c7894}.training-risk-metric{border-top:1px solid #e8edef;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;min-height:58px;display:grid}.training-risk-metric span{color:var(--text-2);font-size:13px;font-weight:600}.training-risk-metric strong{color:var(--navy-950);font-variant-numeric:tabular-nums;font-size:17px}.risk-dot{background:#8ca0aa;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #edf2f4}.risk-dot.red{background:#c64d4d;box-shadow:0 0 0 4px #faeaea}.risk-dot.amber{background:#d28d16;box-shadow:0 0 0 4px #fff2d7}.risk-dot.green{background:#17805e;box-shadow:0 0 0 4px #e5f5ef}.training-bars{flex-direction:column;gap:15px;display:flex}.training-bar-row{grid-template-columns:minmax(150px,.85fr) minmax(180px,1.7fr) 48px;align-items:center;gap:15px;display:grid}.training-bar-row>span{flex-direction:column;gap:5px;min-width:0;display:flex}.training-bar-row strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.training-bar-row small{color:var(--text-3);font-size:12px}.training-bar-row>div{background:#e8eef0;border-radius:99px;height:9px;overflow:hidden}.training-bar-row i{background:linear-gradient(90deg,#1c6780,#2b9a89);border-radius:99px;height:100%;display:block}.training-bar-row b{color:#405965;font-variant-numeric:tabular-nums;text-align:end;font-size:13px}.training-modal{width:min(760px,100%)}.training-modal.wide{width:min(980px,100%)}.training-modal form{padding:2px 24px 24px}.training-detail-summary{background:#dce4e8;border:1px solid #dce4e8;border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0 24px 18px;display:grid;overflow:hidden}.training-detail-summary>span{background:#f8fafb;flex-direction:column;gap:8px;min-height:75px;padding:12px;display:flex}.training-detail-summary small{color:var(--text-3);font-size:12px}.training-detail-summary strong{color:var(--navy-950);font-size:13px;line-height:1.45}.training-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 24px 18px;display:grid}.training-detail-grid article{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:flex-start;gap:10px;min-height:72px;padding:12px;display:flex}.training-detail-grid svg{color:#337c94;flex:none}.training-detail-grid span{flex-direction:column;gap:6px;display:flex}.training-detail-grid small{color:var(--text-3);font-size:12px}.training-detail-grid strong{color:#314d5b;font-size:12px;line-height:1.45}.training-notes{background:#f6fafb;border:1px solid #dce6ea;border-radius:12px;margin:0 24px 18px;padding:14px}.training-notes strong{color:var(--navy-950);font-size:13px}.training-notes p{color:var(--text-2);white-space:pre-wrap;margin:7px 0 0;font-size:12px;line-height:1.65}.training-detail-actions{flex-wrap:wrap;margin-top:0}.employee-training-table{min-width:1120px}.employee-training-table td{min-height:82px;font-size:12px}.employee-performance-stack{flex-direction:column;gap:14px;display:flex}.employee-performance-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.employee-performance-summary>.card{flex-direction:column;gap:8px;min-height:118px;padding:18px;display:flex}.employee-performance-summary span{color:var(--text-3);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.employee-performance-summary span svg{color:#26768e}.employee-performance-summary strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1.35;overflow:hidden}.employee-performance-summary small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.45;overflow:hidden}.employee-performance-table{min-width:1420px}.employee-performance-table td{min-height:86px;font-size:12px}@media (max-width:820px){.employee-performance-summary{grid-template-columns:1fr}.employee-performance-summary>.card{min-height:100px}}@media (max-width:1180px){.training-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.training-analysis-grid{grid-template-columns:1fr}.training-detail-summary{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.training-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.training-program-table{min-width:1150px}.training-assignment-table{min-width:1240px}.certificate-table{min-width:1160px}.training-detail-summary{grid-template-columns:repeat(2,1fr)}.training-detail-grid{grid-template-columns:1fr}}@media (max-width:560px){.training-kpis{grid-template-columns:1fr}.training-kpi{min-height:98px}.training-tabs{margin-inline:-4px}.training-tabs button{min-width:135px}.training-risk-panel,.training-category-chart{padding:16px}.training-bar-row{grid-template-columns:1fr 48px}.training-bar-row>div{grid-column:1}.training-detail-summary{grid-template-columns:1fr 1fr;margin-inline:18px}.training-detail-grid,.training-notes{margin-inline:18px}.training-modal,.training-modal.wide{width:100%}.training-modal form{padding:2px 18px 18px}.training-detail-actions .btn{flex:1}.training-detail-actions .badge{justify-content:center;width:100%}}.performance-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.performance-kpi{align-items:flex-start;gap:13px;min-height:116px;padding:18px;display:flex;overflow:hidden}.performance-kpi>div{flex-direction:column;min-width:0;display:flex}.performance-kpi small{color:var(--text-3);font-size:13px;font-weight:600}.performance-kpi strong{color:var(--navy-950);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:8px;font-size:25px;line-height:1}.performance-kpi p{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin:9px 0 0;font-size:12px;line-height:1.45;overflow:hidden}.performance-tabs{scrollbar-width:thin;margin-bottom:0;overflow-x:auto}.performance-tabs button{flex:none;min-width:130px;font-size:13px}.performance-register{border-start-start-radius:0;overflow:hidden}.performance-cycle-table{min-width:1320px}.performance-review-table{min-width:1660px}.performance-goal-table{min-width:1450px}.performance-plan-table{min-width:1050px}.performance-cycle-table td,.performance-review-table td,.performance-goal-table td,.performance-plan-table td{height:90px;font-size:12px}.performance-progress{flex-direction:column;gap:7px;width:145px;display:flex}.performance-progress>span{background:#e6edef;border-radius:99px;width:100%;height:7px;overflow:hidden}.performance-progress>span>i{background:linear-gradient(90deg,#195f7c,#25947d);border-radius:99px;height:100%;display:block}.performance-progress small{color:var(--text-3);font-size:12px;font-weight:600}.performance-rating{flex-direction:column;gap:5px;min-width:105px;display:flex}.performance-rating strong{color:var(--navy-950);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.performance-rating small{text-overflow:ellipsis;white-space:nowrap;width:max-content;max-width:130px;font-size:11px;font-weight:700;overflow:hidden}.rating-green{color:#087451}.rating-blue{color:#25658e}.rating-amber{color:#9b6800}.rating-red{color:#a73737}.rating-empty{color:var(--text-3)}.goal-summary{flex-direction:column;gap:6px;display:flex}.goal-summary>strong{color:#365563;font-size:12px}.goal-summary .performance-progress{width:120px}.performance-goal-name{max-width:275px}.template-grid{background:#f7fafb;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:18px;display:grid}.performance-template{background:#fff;border:1px solid #dce5e8;border-radius:12px;min-height:310px;padding:17px;box-shadow:0 5px 18px #1834420a}.performance-template>header{grid-template-columns:38px 1fr auto;align-items:center;gap:10px;display:grid}.performance-template>header>span:first-child{color:#236d88;background:#eaf4f7;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.performance-template header div{min-width:0}.performance-template header strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.performance-template header small{color:var(--text-3);margin-top:4px;font-size:12px;display:block}.performance-template>p{min-height:38px;color:var(--text-2);margin:15px 0;font-size:12px;line-height:1.65}.performance-template>div{background:#e0e7ea;border:1px solid #e0e7ea;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.performance-template>div>span{background:#f8fafb;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:62px;display:flex}.performance-template>div b{color:var(--navy-950);font-size:17px}.performance-template>div small{color:var(--text-3);font-size:11px}.performance-template ul{margin:14px 0 0;padding:0;list-style:none}.performance-template li{min-height:35px;color:var(--text-2);border-top:1px solid #edf1f2;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.performance-template li b{color:#28758e;font-size:11px}.performance-analysis-grid{grid-template-columns:minmax(280px,.65fr) minmax(430px,1.15fr) minmax(320px,.8fr);gap:15px;display:grid}.performance-risk-panel,.performance-rating-chart,.performance-department-chart{padding:20px}.performance-risk-panel .card-head,.performance-rating-chart .card-head,.performance-department-chart .card-head{padding:0 0 16px}.performance-risk-panel .card-head>svg,.performance-rating-chart .card-head>svg,.performance-department-chart .card-head>svg{color:#2d7894}.performance-risk-metric{border-top:1px solid #e8edef;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;min-height:58px;display:grid}.performance-risk-metric span{color:var(--text-2);font-size:13px;font-weight:600}.performance-risk-metric strong{color:var(--navy-950);font-variant-numeric:tabular-nums;font-size:17px}.performance-bars{flex-direction:column;gap:16px;display:flex}.performance-bar-row{grid-template-columns:minmax(145px,.85fr) minmax(130px,1.4fr) 40px;align-items:center;gap:13px;display:grid}.performance-bar-row>span{flex-direction:column;gap:4px;min-width:0;display:flex}.performance-bar-row strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.performance-bar-row small{color:var(--text-3);font-size:12px}.performance-bar-row>div{background:#e8eef0;border-radius:99px;height:9px;overflow:hidden}.performance-bar-row i{background:linear-gradient(90deg,#1c6780,#2b9a89);border-radius:99px;height:100%;display:block}.performance-bar-row b{color:#405965;text-align:end;font-size:12px}.department-score-list{flex-direction:column;display:flex}.department-score-list>div{border-top:1px solid #e8edef;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:64px;display:grid}.department-score-list>div>span{flex-direction:column;gap:4px;min-width:0;display:flex}.department-score-list>div>span strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.department-score-list>div>span small{color:var(--text-3);font-size:12px}.performance-modal{width:min(780px,100%)}.performance-modal.wide{width:min(1020px,100%)}.performance-modal form{padding:2px 24px 24px}.performance-detail-summary{background:#dce4e8;border:1px solid #dce4e8;border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0 24px 18px;display:grid;overflow:hidden}.performance-detail-summary>span{background:#f8fafb;flex-direction:column;gap:8px;min-height:76px;padding:12px;display:flex}.performance-detail-summary small{color:var(--text-3);font-size:12px}.performance-detail-summary strong{color:var(--navy-950);font-size:13px;line-height:1.45}.performance-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 24px 18px;display:grid}.performance-detail-grid article{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:flex-start;gap:10px;min-height:74px;padding:12px;display:flex}.performance-detail-grid svg{color:#337c94;flex:none}.performance-detail-grid span{flex-direction:column;gap:6px;display:flex}.performance-detail-grid small{color:var(--text-3);font-size:12px}.performance-detail-grid strong{color:#314d5b;font-size:12px;line-height:1.45}.performance-outcome{color:#087451;background:#f0faf6;border:1px solid #badfce;border-radius:12px;align-items:flex-start;gap:11px;margin:0 24px 18px;padding:14px;display:flex}.performance-outcome>span{flex:1}.performance-outcome strong{font-size:13px}.performance-outcome p{color:#3f6255;margin:6px 0 0;font-size:12px;line-height:1.6}.performance-outcome small{color:var(--text-3);margin-top:7px;font-size:12px;display:block}.performance-detail-goals{border:1px solid var(--line);border-radius:12px;flex-direction:column;margin:0 24px 18px;display:flex;overflow:hidden}.performance-detail-goals article{border-bottom:1px solid #e7edef;grid-template-columns:minmax(230px,1fr) 150px auto;align-items:center;gap:13px;min-height:66px;padding:11px 12px;display:grid}.performance-detail-goals article:last-child{border:0}.performance-detail-goals article>span:first-child{flex-direction:column;gap:5px;min-width:0;display:flex}.performance-detail-goals strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.performance-detail-goals small{color:var(--text-3);font-size:12px}.performance-detail-actions{flex-wrap:wrap;margin-top:0}.review-question-list{flex-direction:column;gap:8px;max-height:390px;margin:0 24px 18px;display:flex;overflow-y:auto}.review-question-list article{background:#f9fbfc;border:1px solid #dce5e8;border-radius:12px;grid-template-columns:minmax(240px,1.2fr) 110px minmax(240px,1fr);align-items:start;gap:12px;padding:13px;display:grid}.review-question-list article>div{min-width:0}.review-question-list strong{color:var(--navy-950);font-size:12px;line-height:1.5;display:block}.review-question-list small{color:var(--text-3);margin-top:5px;font-size:11px;display:block}.review-question-list label{flex-direction:column;gap:6px;display:flex}.review-question-list label>span{color:var(--text-2);font-size:12px;font-weight:600}.review-question-list input,.review-question-list textarea{width:100%;font:inherit;background:#fff;border:1px solid #cbd8de;border-radius:8px;font-size:12px}.review-question-list input{height:38px;padding-inline:9px}.review-question-list textarea{resize:vertical;min-height:58px;padding:8px}@media (max-width:1280px){.performance-analysis-grid{grid-template-columns:1fr 1.35fr}.performance-department-chart{grid-column:1/-1}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1180px){.performance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.performance-detail-summary{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.performance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-analysis-grid{grid-template-columns:1fr}.performance-department-chart{grid-column:auto}.template-grid{grid-template-columns:1fr}.performance-cycle-table{min-width:1220px}.performance-review-table{min-width:1500px}.performance-goal-table{min-width:1320px}.performance-detail-summary{grid-template-columns:repeat(2,1fr)}.performance-detail-grid{grid-template-columns:1fr}.review-question-list article{grid-template-columns:1fr 100px}.review-question-list article label:last-child{grid-column:1/-1}}@media (max-width:560px){.performance-kpis{grid-template-columns:1fr}.performance-kpi{min-height:98px}.performance-tabs{margin-inline:-4px}.performance-tabs button{min-width:125px}.performance-risk-panel,.performance-rating-chart,.performance-department-chart{padding:16px}.performance-bar-row{grid-template-columns:1fr 40px}.performance-bar-row>div{grid-column:1}.performance-modal,.performance-modal.wide{width:100%}.performance-modal form{padding:2px 18px 18px}.performance-detail-summary{grid-template-columns:1fr 1fr;margin-inline:18px}.performance-detail-grid,.performance-outcome,.performance-detail-goals,.review-question-list{margin-inline:18px}.performance-detail-goals article{grid-template-columns:1fr}.performance-detail-actions .btn{flex:1}.review-question-list article{grid-template-columns:1fr}.review-question-list article label:last-child{grid-column:auto}.template-grid{padding:12px}.performance-template>header{grid-template-columns:38px 1fr}.performance-template>header>.badge{grid-column:2;width:max-content}}.report-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.report-kpi{align-items:flex-start;gap:13px;min-height:114px;padding:17px;display:flex}.report-kpi>span{color:#236f88;background:#e9f4f7;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.report-kpi>div{flex-direction:column;min-width:0;display:flex}.report-kpi small{color:var(--text-3);font-size:13px;font-weight:600}.report-kpi strong{color:var(--navy-950);margin-top:7px;font-size:24px;line-height:1.1}.report-kpi p{color:var(--text-3);margin:7px 0 0;font-size:12px}.report-tabs{margin-bottom:0;overflow-x:auto}.report-tabs button{flex:none;min-width:145px;font-size:13px}.report-tabs button small{min-width:20px;height:20px;color:inherit;background:#ffffff2e;border-radius:20px;place-items:center;display:grid}.report-library,.report-register{border-start-start-radius:0;overflow:hidden}.report-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:15px;display:grid}.report-card{background:#fff;border:1px solid #dce5e8;border-radius:12px;flex-direction:column;min-height:275px;padding:17px;display:flex;box-shadow:0 5px 18px #1834420a}.report-card header{grid-template-columns:38px 1fr auto;align-items:start;gap:10px;display:grid}.report-card header>span:first-child{color:#246f89;background:#eaf4f7;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.report-card header div{min-width:0}.report-card header small{color:var(--text-3);font-size:12px;font-weight:600}.report-card h3{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:14px;overflow:hidden}.report-card>p{min-height:70px;color:var(--text-2);margin:15px 0;font-size:12px;line-height:1.75}.report-card-meta{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.report-card-meta small{color:var(--text-3);font-size:12px;font-weight:600}.report-card footer{border-top:1px solid #edf1f2;justify-content:flex-end;gap:8px;margin-top:15px;padding-top:13px;display:flex}.report-results{flex-direction:column;gap:14px;display:flex}.report-filter-panel{border-start-start-radius:0;overflow:hidden}.report-filter-grid{grid-template-columns:repeat(6,minmax(130px,1fr));align-items:end;gap:10px;padding:0 20px 18px;display:grid}.report-filter-grid .field span{font-size:12px}.report-run-button{min-height:39px}.report-print-zone{overflow:hidden}.report-output-head{align-items:flex-end}.report-output-table{min-width:1380px}.report-output-table td{max-width:250px;height:72px;font-size:12px}.report-output-table th{white-space:nowrap}.saved-report-table{min-width:1120px}.report-schedule-table{min-width:1320px}.report-history-table{min-width:1250px}.saved-report-table td,.report-schedule-table td,.report-history-table td{height:80px;font-size:12px}.recipient-count{color:#385968;align-items:center;gap:7px;font-weight:600;display:flex}.report-modal{width:min(760px,100%)}.report-modal form{padding:2px 24px 24px}@media (max-width:1280px){.report-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (max-width:950px){.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-card-grid{grid-template-columns:1fr}.report-filter-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (max-width:560px){.report-kpis{grid-template-columns:1fr}.report-kpi{min-height:96px}.report-tabs{margin-inline:-4px}.report-tabs button{min-width:138px}.report-card-grid{padding:11px}.report-card{min-height:250px}.report-card header{grid-template-columns:38px 1fr}.report-card header>.badge{grid-column:2;width:max-content}.report-filter-grid{grid-template-columns:1fr;padding-inline:16px}.report-run-button,.report-screen-actions{width:100%}.report-screen-actions .btn{flex:1}.report-modal{width:100%}.report-modal form{padding:2px 18px 18px}}@media print{body *{visibility:hidden!important}.report-print-zone,.report-print-zone *{visibility:visible!important}.report-print-zone{width:100%!important;box-shadow:none!important;border:0!important;position:absolute!important;inset:0!important}.report-screen-actions,.report-filter-panel,.report-print-zone .table-footer{display:none!important}.report-output-table{width:100%!important;min-width:0!important}.report-output-table th,.report-output-table td{height:auto!important;padding:7px!important;font-size:11px!important}.report-output-head{padding:0 0 14px!important}}.announcement-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.announcement-kpi{align-items:flex-start;gap:13px;min-height:116px;padding:18px;display:flex;overflow:hidden}.announcement-kpi>span{color:#226e88;background:linear-gradient(145deg,#e9f4f7,#f4fafb);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.announcement-kpi>div{flex-direction:column;min-width:0;display:flex}.announcement-kpi small{color:var(--text-3);font-size:13px;font-weight:600}.announcement-kpi strong{color:var(--navy-950);margin-top:7px;font-size:25px;line-height:1}.announcement-kpi p{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin:9px 0 0;font-size:12px;line-height:1.45;overflow:hidden}.announcement-tabs{margin-bottom:0;overflow-x:auto}.announcement-tabs button{flex:none;min-width:150px;font-size:13px}.announcement-tabs button small{min-width:21px;height:21px;color:inherit;background:#ffffff2e;border-radius:50%;place-items:center;display:grid}.announcement-register{border-start-start-radius:0;overflow:hidden}.announcement-table{min-width:1580px}.acknowledgement-table{min-width:1420px}.announcement-table td,.acknowledgement-table td{height:92px;font-size:12px}.announcement-title{max-width:285px}.announcement-title em{color:#276d84;background:#eaf4f7;border-radius:6px;width:max-content;padding:3px 7px;font-size:11px;font-style:normal;font-weight:700}.audience-cell{grid-template-columns:18px auto;align-items:center;gap:4px 7px;min-width:120px;display:grid}.audience-cell svg{color:#397b91;grid-row:1/3}.audience-cell strong{color:var(--navy-950);font-size:15px}.audience-cell small{max-width:135px;color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.announcement-rate{flex-direction:column;gap:7px;width:135px;display:flex}.announcement-rate>span{background:#e6edef;border-radius:99px;height:7px;overflow:hidden}.announcement-rate i{background:linear-gradient(90deg,#1d6983,#28987f);border-radius:99px;height:100%;display:block}.announcement-rate small{color:var(--text-3);white-space:nowrap;font-size:12px;font-weight:600}.announcement-analysis{grid-template-columns:minmax(260px,.65fr) repeat(2,minmax(330px,1fr));gap:15px;display:grid}.announcement-analysis>.card{padding:20px;overflow:hidden}.announcement-analysis .card-head{padding:0 0 16px}.announcement-analysis .card-head>svg{color:#2c7690}.announcement-metric{border-top:1px solid #e8edef;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;min-height:58px;display:grid}.announcement-metric>i{border-radius:50%;width:9px;height:9px}.announcement-metric span{color:var(--text-2);font-size:13px;font-weight:600}.announcement-metric strong{color:var(--navy-950);font-variant-numeric:tabular-nums;font-size:18px}.announcement-bars{flex-direction:column;gap:15px;display:flex}.announcement-bars>div{grid-template-columns:minmax(150px,1fr) minmax(100px,1fr) 45px;align-items:center;gap:11px;display:grid}.announcement-bars span{flex-direction:column;gap:4px;min-width:0;display:flex}.announcement-bars strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.announcement-bars small{color:var(--text-3);font-size:11px}.announcement-bars>div>i{background:#e7edef;border-radius:99px;height:8px;overflow:hidden}.announcement-bars b{background:linear-gradient(90deg,#1b6781,#2c9a83);border-radius:99px;height:100%;display:block}.announcement-bars em{color:#405965;text-align:end;font-size:12px;font-style:normal;font-weight:700}.announcement-modal{width:min(780px,100%)}.announcement-modal.wide{width:min(1040px,100%)}.announcement-modal form{padding:2px 24px 24px}.announcement-detail-summary{background:#dce4e8;border:1px solid #dce4e8;border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0 24px 18px;display:grid;overflow:hidden}.announcement-detail-summary>span{background:#f8fafb;flex-direction:column;gap:8px;min-height:76px;padding:12px;display:flex}.announcement-detail-summary small{color:var(--text-3);font-size:12px}.announcement-detail-summary strong{color:var(--navy-950);font-size:13px;line-height:1.45}.announcement-body{background:#f8fbfc;border:1px solid #dce6e9;border-radius:12px;max-height:330px;margin:0 24px 18px;padding:17px;overflow:auto}.announcement-body .eyebrow{font-size:11px}.announcement-body p{color:#435d69;white-space:pre-wrap;margin:7px 0 18px;font-size:13px;line-height:1.8}.announcement-body p:last-child{margin-bottom:0}.announcement-audience-list{flex-wrap:wrap;gap:8px;margin:0 24px 18px;display:flex}.announcement-audience-list span{color:#356273;background:#f5fafb;border:1px solid #d4e2e6;border-radius:10px;align-items:center;gap:7px;min-height:32px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.announcement-detail-actions{flex-wrap:wrap;margin-top:0}@media (max-width:1280px){.announcement-analysis{grid-template-columns:1fr 1fr}.announcement-analysis>.card:last-child{grid-column:1/-1}}@media (max-width:950px){.announcement-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.announcement-analysis{grid-template-columns:1fr}.announcement-analysis>.card:last-child{grid-column:auto}.announcement-detail-summary{grid-template-columns:repeat(3,1fr)}}@media (max-width:620px){.announcement-kpis{grid-template-columns:1fr}.announcement-kpi{min-height:98px}.announcement-tabs{margin-inline:-4px}.announcement-tabs button{min-width:142px}.announcement-analysis>.card{padding:16px}.announcement-bars>div{grid-template-columns:1fr 45px}.announcement-bars>div>i{grid-column:1}.announcement-modal,.announcement-modal.wide{width:100%}.announcement-modal form{padding:2px 18px 18px}.announcement-detail-summary{grid-template-columns:1fr 1fr;margin-inline:18px}.announcement-body,.announcement-audience-list{margin-inline:18px}.announcement-detail-actions .btn{flex:1}.announcement-bars strong{font-size:13px}}.settings-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.settings-kpi{align-items:flex-start;gap:13px;min-height:114px;padding:18px;display:flex;overflow:hidden}.settings-kpi>span{color:#216d87;background:#e9f4f7;border-radius:12px;flex:none;place-items:center;width:41px;height:41px;display:grid}.settings-kpi>div{flex-direction:column;min-width:0;display:flex}.settings-kpi small{color:var(--text-3);font-size:13px;font-weight:600}.settings-kpi strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:19px;line-height:1.2;overflow:hidden}.settings-kpi p{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0;font-size:12px;overflow:hidden}.settings-tabs{margin-bottom:0;overflow-x:auto}.settings-tabs button{flex:none;min-width:125px;font-size:13px}.settings-card{border-start-start-radius:0;overflow:hidden}.settings-card>.card-head{border-bottom:1px solid #e8edef;padding-bottom:18px}.settings-card-title{align-items:center;gap:12px;display:flex}.settings-card-title>span{color:#26718a;background:#eaf4f7;border-radius:10px;flex:none;place-items:center;width:39px;height:39px;display:grid}.settings-card form{padding:20px 22px}.settings-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.settings-save{background:#f8fafb;border-top:1px solid #e3eaed;justify-content:space-between;align-items:center;gap:12px;margin:20px -22px -20px;padding:14px 22px;display:flex}.settings-save>span{color:var(--text-3);align-items:center;gap:7px;font-size:12px;display:flex}.settings-save>span svg{color:#178261}.settings-stack{flex-direction:column;gap:15px;display:flex}.sequence-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:18px 20px;display:grid}.sequence-grid>span{background:#f9fbfc;border:1px solid #dfe7ea;border-radius:10px;flex-direction:column;justify-content:center;gap:7px;min-height:70px;padding:11px;display:flex}.sequence-grid small{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sequence-grid strong{color:var(--navy-950);font-size:17px}.settings-user-table{min-width:1100px}.settings-user-table td{height:82px;font-size:12px}.role-grid{background:#f8fafb;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:18px;display:grid}.role-grid article{background:#fff;border:1px solid #dce5e8;border-radius:12px;flex-direction:column;min-height:195px;padding:15px;display:flex}.role-grid article>header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.role-grid header>span:first-child{flex-direction:column;gap:5px;min-width:0;display:flex}.role-grid header strong{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.role-grid header small{color:var(--text-3);font-size:11px}.role-grid article>div{background:#e1e8eb;border:1px solid #e1e8eb;border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;margin:18px 0;display:grid;overflow:hidden}.role-grid article>div>span{background:#f8fafb;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:57px;display:flex}.role-grid article b{color:var(--navy-950);font-size:17px}.role-grid article>div small{color:var(--text-3);font-size:11px}.role-grid article>.btn{margin-top:auto}.settings-history-table{min-width:780px}.settings-history-table td{height:72px;font-size:12px}.settings-role-modal{width:min(920px,100%)}.settings-role-modal form{padding:0 24px 24px}.settings-role-modal form>.field{max-width:260px}.permission-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:11px;max-height:520px;margin-top:16px;display:grid;overflow-y:auto}.permission-groups>section{background:#fff;border:1px solid #dae4e8;border-radius:12px;overflow:hidden}.permission-groups>section>header{color:#315665;background:#f2f7f8;justify-content:space-between;align-items:center;min-height:41px;padding:9px 11px;display:flex}.permission-groups>section>header strong{text-transform:capitalize;font-size:12px}.permission-groups>section>header small{color:#267088;background:#fff;border-radius:50%;place-items:center;min-width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.permission-groups label{cursor:pointer;border-top:1px solid #e9eef0;grid-template-columns:18px 1fr;align-items:flex-start;gap:8px;min-height:55px;padding:9px 11px;display:grid}.permission-groups input{accent-color:#176d82;margin-top:3px}.permission-groups label span{flex-direction:column;gap:4px;min-width:0;display:flex}.permission-groups b{color:#344f5c;font-size:12px}.permission-groups label small{color:var(--text-3);font-size:11px;line-height:1.4}@media (max-width:1280px){.role-grid,.sequence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.settings-kpis,.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-groups{grid-template-columns:1fr}}@media (max-width:620px){.settings-kpis{grid-template-columns:1fr}.settings-kpi{min-height:95px}.settings-tabs{margin-inline:-4px}.settings-tabs button{min-width:120px}.settings-card .form-grid{grid-template-columns:1fr}.settings-save{flex-direction:column;align-items:stretch}.settings-save .btn{width:100%}.sequence-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.role-grid{grid-template-columns:1fr;padding:13px}.settings-role-modal{width:100%}.settings-role-modal form{padding-inline:18px}.settings-role-modal form>.field{max-width:none}.permission-groups{max-height:430px}}.plugin-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.plugin-kpi{align-items:flex-start;gap:13px;min-height:114px;padding:18px;display:flex}.plugin-kpi>span{color:#236e87;background:#e9f4f7;border-radius:12px;flex:none;place-items:center;width:41px;height:41px;display:grid}.plugin-kpi>div{flex-direction:column;min-width:0;display:flex}.plugin-kpi small{color:var(--text-3);font-size:13px;font-weight:600}.plugin-kpi strong{color:var(--navy-950);margin-top:7px;font-size:25px;line-height:1}.plugin-kpi p{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin:9px 0 0;font-size:12px;overflow:hidden}.plugin-tabs{margin-bottom:0;overflow-x:auto}.plugin-tabs button{flex:none;min-width:170px;font-size:13px}.plugin-catalog,.plugin-register{border-start-start-radius:0;overflow:hidden}.plugin-grid{background:#f7fafb;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:17px;display:grid}.plugin-card{background:#fff;border:1px solid #dce4e8;border-radius:14px;flex-direction:column;min-height:355px;padding:18px;display:flex;box-shadow:0 5px 18px #1834420a}.plugin-card.enabled{border-color:#b8dbc9;box-shadow:0 8px 24px #0c6e4c14}.plugin-card>header{grid-template-columns:42px 1fr auto;align-items:start;gap:10px;display:grid}.plugin-card>header>span:first-child{color:#216e88;background:#eaf4f7;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.plugin-card header>div{min-width:0}.plugin-card header small{color:var(--text-3);text-transform:uppercase;font-size:11px;font-weight:600}.plugin-card h3{color:var(--navy-950);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:14px;overflow:hidden}.plugin-card>p{min-height:68px;color:var(--text-2);margin:17px 0;font-size:12px;line-height:1.75}.plugin-version{background:#e0e7ea;border:1px solid #e0e7ea;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.plugin-version>span{background:#f8fafb;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:61px;display:flex}.plugin-version small{color:var(--text-3);font-size:11px}.plugin-version strong{color:var(--navy-950);font-size:14px}.plugin-modules{flex-wrap:wrap;align-content:flex-start;gap:6px;min-height:58px;margin-top:13px;display:flex}.plugin-modules span{color:#356478;background:#edf5f7;border-radius:6px;height:23px;padding:4px 7px;font-size:11px;font-weight:700}.plugin-card>footer{border-top:1px solid #e9eef0;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:13px;display:flex}.plugin-rule-table{min-width:1360px}.plugin-rule-table td{max-width:320px;height:86px;font-size:12px}.plugin-history-table{min-width:760px}.plugin-history-table td{height:72px;font-size:12px}.plugin-modal{width:min(760px,100%)}.plugin-modal form{padding:2px 24px 24px}.plugin-modal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plugin-legal-note{margin:16px 0 0}.plugin-register>.card-head>svg{color:#2b7690}@media (max-width:1240px){.plugin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:850px){.plugin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.plugin-grid{grid-template-columns:1fr}}@media (max-width:620px){.plugin-kpis{grid-template-columns:1fr}.plugin-kpi{min-height:95px}.plugin-tabs{margin-inline:-4px}.plugin-tabs button{min-width:155px}.plugin-grid{padding:12px}.plugin-card{min-height:335px;padding:15px}.plugin-card>header{grid-template-columns:42px 1fr}.plugin-card>header>.badge{grid-column:2;width:max-content}.plugin-modal{width:100%}.plugin-modal form{padding-inline:18px}.plugin-modal .form-grid{grid-template-columns:1fr}.plugin-card>footer .btn{flex:1}}