*{box-sizing:border-box}html,body{min-height:100%}body{color:#17202a;background:#f5f7f7;min-height:100vh;margin:0;font-family:Tahoma,Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-shell{background:#f4f6f8;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e4e7eb;border-radius:16px;width:min(100%,420px);padding:32px;box-shadow:0 18px 50px #151f2b14}.reset-card{width:min(100%,500px)}.brand{text-align:center;margin-bottom:28px}.brand-mark{color:#fff;background:#173f35;border-radius:14px;place-items:center;width:58px;height:58px;margin:0 auto 14px;font-size:22px;font-weight:700;display:grid}.brand h1{margin:0;font-size:24px}.brand p{color:#68737d;margin:8px 0 0;font-size:14px;line-height:1.7}.field{margin-bottom:18px}.field label,.form-grid label>span{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.field input,.form-grid input,.form-grid textarea,.admin-toolbar input,.admin-toolbar select{color:#17202a;background:#fff;border:1px solid #ccd2d8;border-radius:10px;outline:none;width:100%;min-height:44px;padding:0 13px}.form-grid textarea{resize:vertical;min-height:90px;padding:12px 13px}.field input:focus,.form-grid input:focus,.form-grid textarea:focus,.admin-toolbar input:focus,.admin-toolbar select:focus{border-color:#246b59;box-shadow:0 0 0 3px #246b591f}.otp-input{text-align:center;letter-spacing:10px;direction:ltr;font-size:21px!important;font-weight:700!important}.login-card button,.primary-link-button{color:#fff;background:#173f35;border:0;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:46px;font-weight:700;text-decoration:none;display:inline-flex}.login-card button:hover:not(:disabled),.primary-link-button:hover{background:#20594b}button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{margin-top:10px;color:#46515b!important;background:#fff!important;border:1px solid #d7dce1!important}.otp-hint{color:#68737d;text-align:center;margin:-4px 0 18px;font-size:13px}.message,.admin-message{color:#215d4d;background:#eef7f4;border:1px solid #cfe7df;border-radius:9px;margin:16px 0 0;padding:11px 13px;font-size:13px;line-height:1.7}.message.error{color:#9f2d24;background:#fff1f0;border-color:#ffd0cc}.text-link{color:#246b59;text-align:center;margin-top:18px;font-size:13px;text-decoration:none;display:block}.text-link:hover{text-decoration:underline}.app-shell{background:#f5f7f7;min-height:100vh}.app-loading{background:#fff;min-height:100vh}.app-header{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border-bottom:1px solid #e5e9ec;min-height:76px;position:sticky;top:0;box-shadow:0 4px 18px #142b240d}.app-header__inner{justify-content:space-between;align-items:center;gap:24px;width:min(100%,1600px);min-height:76px;margin:0 auto;padding:0 28px;display:flex}.app-header__left{align-items:center;gap:30px;min-width:0;display:flex}.app-header__brand{align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.app-header__brand-mark{color:#fff;background:#173f35;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:17px;font-weight:800;display:grid;box-shadow:0 7px 18px #173f3529}.app-header__brand-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.app-header__brand-copy strong{color:#16352d;white-space:nowrap;font-size:16px}.app-header__brand-copy span{color:#78847f;white-space:nowrap;font-size:11px}.app-nav{align-items:center;gap:4px;display:flex}.app-nav a{color:#53615c;border-radius:9px;padding:10px 11px;font-size:12px;text-decoration:none}.app-nav a:hover{color:#173f35;background:#f0f5f3}.app-header__actions{align-items:center;gap:10px;display:flex}.header-icon-button,.header-logout-button{color:#354740;background:#fff;border:1px solid #e2e7e5;border-radius:12px;min-height:44px}.header-icon-button{place-items:center;width:44px;display:grid}.header-logout-button{color:#a33630;border-color:#f0d2cf;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.header-icon-button:hover,.header-logout-button:hover{background:#f5f8f7}.header-icon-button svg,.header-logout-button svg,.profile-chevron{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.profile-menu{position:relative}.profile-trigger{color:#24352f;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;min-height:50px;padding:5px 8px 5px 12px;display:flex}.profile-trigger:hover{background:#f5f8f7;border-color:#e1e7e4}.profile-avatar{color:#173f35;background:#e7f1ed;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:grid}.profile-avatar--large{flex-basis:48px;width:48px;height:48px}.profile-summary{flex-direction:column;align-items:flex-start;gap:3px;min-width:128px;display:flex}.profile-summary strong{text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:13px;overflow:hidden}.profile-summary small{color:#7b8782;font-size:10px}.profile-chevron{color:#88938f;width:17px;height:17px}.profile-dropdown{background:#fff;border:1px solid #e1e6e4;border-radius:16px;width:290px;padding:10px;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 18px 45px #18302824}.profile-dropdown__identity{align-items:center;gap:11px;padding:8px;display:flex}.profile-dropdown__identity>div{flex-direction:column;gap:4px;min-width:0;display:flex}.profile-dropdown__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.profile-dropdown__identity span:not(.profile-avatar){color:#7b8782;direction:ltr;font-size:11px}.profile-dropdown__meta{color:#7b8782;border-top:1px solid #edf0ef;border-bottom:1px solid #edf0ef;justify-content:space-between;margin:6px 0 8px;padding:10px 9px;font-size:11px;display:flex}.app-content{min-height:calc(100vh - 76px)}.admin-page,.dashboard-shell{width:min(100%,1500px);margin:0 auto;padding:34px 28px 60px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-heading h1{color:#173f35;margin:5px 0;font-size:28px}.page-heading p,.section-heading p,.access-section p{color:#718079;margin:0;font-size:13px;line-height:1.7}.eyebrow{color:#2d705e;letter-spacing:.4px;text-transform:uppercase;font-size:11px;font-weight:700}.split-heading>button,.admin-toolbar button,.editor-actions>button,.modal-actions>button{color:#fff;background:#173f35;border:0;border-radius:10px;width:auto;min-height:42px;padding:0 18px;font-weight:700}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;display:grid}.dashboard-card{background:#fff;border:1px solid #dfe7e3;border-radius:16px;flex-direction:column;gap:12px;min-height:150px;padding:24px;text-decoration:none;display:flex;box-shadow:0 10px 30px #19322a0a}.dashboard-card strong{color:#173f35;font-size:18px}.dashboard-card span{color:#6d7974;line-height:1.8}.admin-toolbar{grid-template-columns:minmax(260px,1fr) 180px 100px;gap:10px;margin-bottom:18px;display:grid}.data-card{background:#fff;border:1px solid #e0e6e3;border-radius:16px;box-shadow:0 8px 25px #19322a09}.table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:right;vertical-align:middle;border-bottom:1px solid #edf0ef;padding:14px 16px;font-size:12px}.admin-table th{color:#64716c;background:#f9fbfa;font-size:11px}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{color:#89938f;margin-top:4px}.status-pill{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.status-pill.active{color:#24634f;background:#e8f5ef}.status-pill.inactive{color:#9a3a34;background:#fff0ef}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.small-button{color:#30453d;background:#fff;border:1px solid #dce4e0;border-radius:8px;width:auto;min-height:32px;padding:0 9px;font-size:10px}.small-button.danger{color:#a03933;border-color:#efd3d1}.pagination-bar{color:#718079;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:11px;display:flex}.pagination-bar>div{gap:6px;display:flex}.pagination-bar button{background:#fff;border:1px solid #dce4e0;border-radius:8px;min-height:32px;padding:0 11px}.modal-backdrop{z-index:100;background:#0f1b1775;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.access-modal{background:#fff;border-radius:18px;width:min(1100px,100%);max-height:92vh;padding:24px;overflow:auto;box-shadow:0 30px 80px #00000038}.modal-heading,.section-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.modal-heading h2,.section-heading h2{color:#173f35;margin:4px 0}.icon-close{color:#65716c;background:#fff;border:1px solid #e0e6e3;border-radius:10px;width:38px;height:38px;font-size:25px}.access-columns{grid-template-columns:minmax(250px,.75fr) minmax(360px,1.25fr);gap:18px;margin-top:20px;display:grid}.access-section{border:1px solid #e3e8e6;border-radius:14px;padding:18px}.access-section h3,.effective-section h3,.permission-module h3{color:#28493e;margin:0 0 8px}.check-list{gap:8px;margin-top:14px;display:grid}.check-list label,.permission-card{background:#fafcfb;border:1px solid #e7ebe9;border-radius:10px;align-items:flex-start;gap:9px;padding:10px;display:flex}.check-list input,.permission-card input{accent-color:#246b59;width:16px;height:16px;margin-top:2px}.check-list span{flex-direction:column;gap:3px;display:flex}.check-list small,.permission-card code{color:#7b8782;font-size:10px}.permission-group{margin-top:16px}.permission-group h4{color:#6c7974;text-align:right;direction:ltr;margin:0 0 6px;font-size:11px}.check-list.compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.effective-section{border-top:1px solid #e7ebe9;margin-top:18px;padding-top:18px}.effective-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;display:grid}.effective-list>div{background:#fbfcfc;border:1px solid #e4e9e7;border-radius:9px;flex-direction:column;gap:4px;padding:9px 11px;display:flex}.effective-list code{text-align:left;color:#173f35;direction:ltr}.effective-list span{color:#7c8883;font-size:10px}.modal-actions,.editor-actions{gap:10px;margin-top:20px;display:flex}.modal-actions .secondary-button{margin:0}.roles-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;display:grid}.roles-list{padding:14px;position:sticky;top:96px}.roles-list h2{color:#173f35;margin:4px 6px 14px;font-size:16px}.role-list-item{color:#263a32;text-align:right;background:0 0;border:1px solid #0000;border-radius:11px;flex-direction:column;gap:7px;width:100%;padding:12px;display:flex}.role-list-item:hover,.role-list-item.selected{background:#f1f7f4;border-color:#cfe0d9}.role-list-item.disabled{opacity:.52}.role-list-item span{flex-direction:column;gap:3px;display:flex}.role-list-item small{color:#89938f;text-align:right;direction:ltr}.role-list-item em{color:#7e8a85;font-size:10px;font-style:normal}.role-editor{padding:22px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px;display:grid}.form-grid label{display:block}.form-grid .wide-field{grid-column:1/-1}.permission-matrix{border-top:1px solid #e6ebe8;margin-top:26px;padding-top:22px}.permission-module{margin-top:20px}.permission-module h3{text-align:right;direction:ltr;font-size:13px}.permission-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;display:grid}.permission-card span{flex-direction:column;gap:5px;min-width:0;display:flex}.permission-card strong{font-size:11px}.permission-card code{text-align:left;overflow-wrap:anywhere;direction:ltr}.danger-button{color:#9a332d!important;background:#fff!important;border:1px solid #e8c4c0!important}@media (max-width:1000px){.app-nav{display:none}.roles-layout{grid-template-columns:1fr}.roles-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid;position:static}.roles-list h2{grid-column:1/-1}.access-columns{grid-template-columns:1fr}}@media (max-width:720px){.app-header__inner{padding:0 14px}.app-header__brand-copy span,.profile-summary{display:none}.profile-trigger{width:48px;padding:4px}.profile-chevron{display:none}.admin-page,.dashboard-shell{padding:24px 14px 45px}.admin-toolbar,.form-grid{grid-template-columns:1fr}.form-grid .wide-field{grid-column:auto}.page-heading{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.login-shell{padding:16px}.login-card{padding:24px 20px}.app-header__brand-copy{display:none}.header-logout-button{width:44px;padding:0}.header-logout-button span{display:none}.profile-dropdown{width:min(290px,100vw - 28px);left:-2px}.access-modal{padding:16px}.modal-actions,.editor-actions{flex-direction:column}.modal-actions>button,.editor-actions>button{width:100%}}
.admin-help-box{color:#51625b;background:#f7fbf9;border:1px solid #dbe7e2;border-radius:12px;margin:0 0 18px;padding:14px 16px;font-size:12px;line-height:1.9}.admin-help-box strong{color:#173f35}.reset-button{color:#185b49!important;background:#f2f8f5!important;border-color:#c9ddd5!important}.reset-button:hover:not(:disabled){background:#e7f3ee!important}.user-create-modal{width:min(760px,100%)}.user-create-modal .form-grid{margin-bottom:18px}.create-role-section{margin-top:8px}.access-quick-actions{margin:16px 0}.access-quick-actions button{border:1px solid #c9ddd5;border-radius:9px;width:auto;min-height:38px;padding:0 14px}.role-explainer{grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 16px;display:grid}.role-explainer>div{background:#fff;border:1px solid #e0e8e4;border-radius:13px;align-items:flex-start;gap:11px;padding:14px;display:flex}.role-explainer>div>strong{color:#fff;background:#173f35;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.role-explainer span{flex-direction:column;gap:5px;display:flex}.role-explainer b{color:#253c33;font-size:12px}.role-explainer small,.empty-note{color:#78857f;font-size:11px;line-height:1.7}.step-badge{color:#246b59;background:#eaf4f0;border-radius:999px;margin-bottom:3px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.selection-count{color:#54645d;background:#f1f5f3;border-radius:999px;padding:6px 10px;font-size:10px}.permission-module-title{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.permission-module-title h3{text-align:right!important;direction:rtl!important;margin:0!important;font-size:14px!important}.permission-module-title small{color:#909a96;direction:ltr;font-size:9px}.permission-card span small{color:#7f8b86;font-size:10px;line-height:1.5}.roles-list .section-heading{margin:2px 6px 10px}.roles-list .section-heading h2{margin:0}.roles-list .section-heading p{margin-top:4px}.form-grid label>span small{color:#8c9792;font-weight:400}@media (max-width:900px){.role-explainer{grid-template-columns:1fr}}@media (max-width:560px){.role-explainer{gap:8px}.user-create-modal,.access-quick-actions button{width:100%}}
.hr-page{max-width:1500px;margin:0 auto;padding:28px 20px 50px}.hr-heading{margin-bottom:20px}.hr-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.hr-kpis>div,.hr-profile-card,.hr-empty{background:#fff;border:1px solid #dde5e1;border-radius:18px;padding:18px;box-shadow:0 8px 30px #1140330d}.hr-kpis span{color:#66756f;font-size:13px;display:block}.hr-kpis strong{color:#0e4b3c;font-size:28px}.hr-tabs{gap:8px;margin:18px 0;display:flex}.hr-tabs button{color:#21483e;cursor:pointer;background:#fff;border:1px solid #d5dfdb;border-radius:12px;padding:10px 18px;font-weight:700}.hr-tabs button.active{color:#fff;background:#114f40;border-color:#114f40}.hr-toolbar{background:#fff;border:1px solid #dfe6e3;border-radius:16px;align-items:center;gap:10px;margin-bottom:14px;padding:12px;display:flex}.hr-toolbar input{flex:1;min-width:180px}.hr-toolbar input,.hr-toolbar select,.hr-form input,.hr-form select{font:inherit;background:#fff;border:1px solid #cad7d2;border-radius:10px;padding:11px 12px}.hr-toolbar button,.hr-form-actions button,.activation-card form>button{color:#fff;cursor:pointer;background:#114f40;border:0;border-radius:10px;padding:11px 18px;font-weight:800}.hr-toolbar button:disabled,.hr-form-actions button:disabled{opacity:.55}.hr-table-wrap{background:#fff;border:1px solid #dfe6e3;border-radius:16px;overflow:auto}.hr-table{border-collapse:collapse;width:100%;min-width:1050px}.hr-table th,.hr-table td{text-align:right;vertical-align:middle;border-bottom:1px solid #edf1ef;padding:13px 12px}.hr-table th{color:#53645e;white-space:nowrap;background:#f8faf9;font-size:13px}.hr-table td small{color:#77837f;margin-top:4px;display:block}.hr-badge{color:#53645e;background:#eef2f0;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.hr-badge.ok{color:#17624e;background:#e4f3ed}.hr-badge.danger{color:#a43b31;background:#fff0ee}.hr-link-button{color:#12624e;cursor:pointer;white-space:nowrap;background:0 0;border:0;font-weight:800}.hr-pagination{justify-content:center;align-items:center;gap:12px;margin:16px;display:flex}.hr-pagination button{cursor:pointer;background:#fff;border:1px solid #ccd8d3;border-radius:9px;padding:8px 14px}.hr-pagination button:disabled{opacity:.45}.hr-message{color:#174c3e;background:#eef7f4;border-radius:10px;margin:10px 0;padding:11px 14px}.hr-modal-backdrop{z-index:100;background:#0a1f1a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hr-modal{background:#fff;border-radius:20px;width:min(880px,96vw);max-height:92vh;padding:20px;overflow:auto;box-shadow:0 30px 90px #00000040}.hr-modal-head{justify-content:space-between;align-items:start;margin-bottom:18px;display:flex}.hr-modal-head span{color:#708078;font-size:13px}.hr-modal-head h2{margin:4px 0 0}.hr-modal-head>button{cursor:pointer;background:#eef2f0;border:0;border-radius:50%;width:36px;height:36px;font-size:24px}.hr-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hr-form label{color:#334c45;flex-direction:column;gap:7px;font-weight:700;display:flex}.hr-form .wide{grid-column:1/-1}.hr-account-card{border:1px dashed #bdd2ca;border-radius:13px;align-items:center;gap:12px;padding:13px;display:flex}.hr-account-card small{color:#728079}.hr-form-actions{justify-content:flex-start;gap:10px;display:flex}.hr-form-actions .secondary-button{color:#31534a;background:#eef2f0}.hr-audit-meta{color:#63726c;text-align:left;direction:ltr;flex-wrap:wrap;gap:8px 18px;margin-bottom:14px;font-size:13px;display:flex}.hr-audit-compare{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hr-audit-compare>div{min-width:0}.hr-audit-compare pre{text-align:left;white-space:pre-wrap;word-break:break-word;direction:ltr;background:#f6f8f7;border:1px solid #e1e7e4;border-radius:12px;min-height:160px;padding:12px;font-size:12px}.hr-profile-card{padding:0;overflow:hidden}.hr-profile-hero{background:linear-gradient(135deg,#f2f8f5,#fff);align-items:center;gap:18px;padding:26px;display:flex}.hr-profile-avatar{color:#fff;background:#14513f;border-radius:20px;place-items:center;width:68px;height:68px;font-size:32px;font-weight:900;display:grid}.hr-profile-hero h2{margin:0 0 5px}.hr-profile-hero span,.hr-profile-hero small{color:#5c6d66;margin-top:3px;display:block}.hr-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.hr-profile-grid>div{border-top:1px solid #edf1ef;padding:16px 22px}.hr-profile-grid span{color:#738078;margin-bottom:5px;font-size:12px;display:block}.hr-profile-note{color:#705a20;background:#fff9e9;border-radius:12px;margin:18px 22px 22px;padding:13px}.activation-card{width:min(520px,100%)}.activation-title span{color:#21604f;letter-spacing:.08em;font-size:12px;font-weight:800}.activation-title h1{margin:6px 0}.activation-title p{color:#68766f;line-height:1.8}.activation-done{background:#edf8f4;border-radius:14px;margin:16px 0;padding:18px}.activation-done strong{color:#14513f;font-size:20px}.activation-login-link{color:#14513f;margin-top:10px;font-weight:800;display:inline-block}.hr-empty{text-align:center;color:#52655d}.activation-card .text-link{margin-top:14px;display:block}.hr-employee-name-link{color:#114f40;text-decoration:none}.hr-employee-name-link:hover{text-decoration:underline}.hr-employee-details-page{max-width:1200px}.hr-employee-details-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.hr-back-link{color:#14513f;font-weight:800;text-decoration:none}.hr-back-link:hover{text-decoration:underline}.hr-employee-details-hero{background:#fff;border:1px solid #dfe6e3;border-radius:20px;align-items:center;gap:18px;margin-bottom:16px;padding:22px;display:flex;box-shadow:0 8px 30px #1140330d}.hr-employee-details-hero>div:last-child>span{color:#708078;font-size:13px;font-weight:700;display:block}.hr-employee-details-hero h1{color:#163e34;margin:5px 0 7px}.hr-employee-details-hero small{color:#6d7c76}.hr-employee-sections{gap:12px;display:grid}.hr-employee-section{background:#fff;border:1px solid #dfe6e3;border-radius:16px;overflow:hidden;box-shadow:0 6px 22px #1140330a}.hr-employee-section.open{border-color:#b8d2c9}.hr-employee-section-toggle{text-align:right;cursor:pointer;background:#fff;border:0;align-items:center;gap:14px;width:100%;padding:18px;display:flex}.hr-employee-section.open .hr-employee-section-toggle{background:#f7fbf9}.hr-employee-section-number{color:#14513f;direction:ltr;background:#edf5f2;border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.hr-employee-section-copy{flex:1;display:block}.hr-employee-section-copy strong{color:#173f35;margin-bottom:5px;font-size:18px;display:block}.hr-employee-section-copy small{color:#708078;font-weight:500;line-height:1.6;display:block}.hr-employee-section-chevron{color:#557169;font-size:24px;transition:transform .18s}.hr-employee-section.open .hr-employee-section-chevron{transform:rotate(180deg)}.hr-employee-section-panel{border-top:1px solid #edf1ef;padding:18px}.hr-readonly-note{color:#4c655d;background:#f3f8f6;border:1px solid #d6e6df;border-radius:12px;margin-bottom:14px;padding:11px 13px}.hr-employee-basic-grid{border:1px solid #e4eae7;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.hr-employee-basic-grid>div{border-bottom:1px solid #edf1ef;padding:15px 17px}.hr-employee-basic-grid>div:nth-child(odd){border-left:1px solid #edf1ef}.hr-employee-basic-grid>div:nth-last-child(-n+2){border-bottom:0}.hr-employee-basic-grid span{color:#78847f;margin-bottom:5px;font-size:12px;display:block}.hr-employee-basic-grid strong{color:#253f38;word-break:break-word;display:block}.hr-section-placeholder{text-align:center;background:#fafcfb;border:1px dashed #cadad4;border-radius:14px;place-items:center;min-height:150px;padding:25px;display:grid}.hr-section-placeholder strong{color:#174c3e;font-size:20px;display:block}.hr-section-placeholder span{color:#74817c;max-width:520px;margin-top:8px;line-height:1.8;display:block}@media (max-width:800px){.hr-kpis,.hr-profile-grid,.hr-form,.hr-audit-compare,.hr-employee-basic-grid{grid-template-columns:1fr}.hr-toolbar{flex-direction:column;align-items:stretch}.hr-form .wide{grid-column:auto}.hr-account-card{flex-direction:column;align-items:flex-start}.hr-employee-basic-grid>div:nth-child(odd){border-left:0}.hr-employee-basic-grid>div:nth-last-child(-n+2){border-bottom:1px solid #edf1ef}.hr-employee-basic-grid>div:last-child{border-bottom:0}.hr-employee-details-hero,.hr-employee-section-toggle{align-items:flex-start}}.hr-employment-dashboard{background:#fff;border:1px solid #dfe6e3;border-radius:18px;margin:18px 0;padding:18px;box-shadow:0 8px 30px #1140330d}.hr-employment-dashboard-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.hr-employment-dashboard-heading span{color:#6b7974;font-size:13px;display:block}.hr-employment-dashboard-heading strong{color:#153f34;margin-top:3px;font-size:22px;display:block}.hr-employment-dashboard-heading p{color:#718079;margin:0;font-size:13px}.hr-employment-completion-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.hr-completion-card{background:#fbfcfc;border:1px solid #e0e8e4;border-radius:14px;padding:14px}.hr-completion-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.hr-completion-card-head strong{color:#27483f;font-size:14px}.hr-completion-card-head span{color:#11513f;font-weight:900}.hr-completion-progress{background:#e9efec;border-radius:999px;height:8px;margin:11px 0 8px;overflow:hidden}.hr-completion-progress span{border-radius:inherit;background:#1f745c;height:100%;transition:width .2s;display:block}.hr-completion-card small{color:#73807b}.hr-employment-dashboard-loading{color:#718079;border:1px dashed #cadad4;border-radius:14px;margin:14px 0;padding:14px}.hr-lookups-intro{background:#fff;border:1px solid #dfe6e3;border-radius:16px;justify-content:space-between;align-items:start;margin-bottom:14px;padding:17px;display:flex}.hr-lookups-intro h2{color:#173f35;margin:0 0 5px}.hr-lookups-intro p{color:#6d7b75;margin:0}.hr-lookup-groups{gap:10px;display:grid}.hr-lookup-group{background:#fff;border:1px solid #dfe6e3;border-radius:15px;overflow:hidden}.hr-lookup-group.open{border-color:#b8d2c9}.hr-lookup-group-toggle{text-align:right;cursor:pointer;background:#fff;border:0;grid-template-columns:1fr auto auto;align-items:center;gap:14px;width:100%;padding:16px;display:grid}.hr-lookup-group.open .hr-lookup-group-toggle{background:#f7fbf9}.hr-lookup-group-toggle span strong{color:#174b3d;font-size:16px;display:block}.hr-lookup-group-toggle span small{color:#76827d;margin-top:4px;display:block}.hr-lookup-group-toggle em{color:#5f716a;font-size:13px;font-style:normal}.hr-lookup-group-toggle b{color:#547168;font-size:21px}.hr-lookup-group.open .hr-lookup-group-toggle b{transform:rotate(180deg)}.hr-lookup-group-panel{border-top:1px solid #edf1ef;padding:14px}.hr-lookup-group-actions{justify-content:flex-start;margin-bottom:10px;display:flex}.hr-lookup-group-actions button,.hr-employment-actions button{color:#fff;cursor:pointer;background:#114f40;border:0;border-radius:10px;padding:10px 15px;font-weight:800}.hr-lookup-table{min-width:760px}.hr-lookup-modal{width:min(680px,96vw)}.hr-employment-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.hr-employment-form label{color:#334c45;flex-direction:column;gap:7px;font-weight:800;display:flex}.hr-employment-form select{font:inherit;background:#fff;border:1px solid #cad7d2;border-radius:11px;padding:12px}.hr-employment-form select:disabled{color:#586862;background:#f4f6f5}.hr-employment-actions{grid-column:1/-1;justify-content:flex-start;margin-top:2px;display:flex}.hr-employment-actions button:disabled{opacity:.55}.hr-employment-current-summary{background:#f8faf9;border:1px solid #e1e7e4;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 10px;padding:12px 14px;display:flex}.hr-employment-current-summary strong{color:#174b3d}.hr-employment-current-summary span{color:#6f7d77;font-size:13px}.hr-employment-history{margin-top:12px}.hr-employment-history .section-heading{margin-bottom:9px}.hr-employment-history .section-heading h3{color:#173f35;margin:0}.hr-employment-history .section-heading p{color:#718079;margin:4px 0 0}.hr-employment-history-table{min-width:1200px}@media (max-width:1050px){.hr-employment-completion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.hr-tabs{padding-bottom:4px;overflow:auto}.hr-tabs button{white-space:nowrap}.hr-employment-completion-grid,.hr-employment-form{grid-template-columns:1fr}.hr-employment-actions{grid-column:auto}.hr-employment-dashboard-heading,.hr-employment-current-summary{flex-direction:column;align-items:flex-start}.hr-lookup-group-toggle{grid-template-columns:1fr auto}.hr-lookup-group-toggle em{grid-column:1/-1}.hr-lookup-group-toggle b{grid-area:1/2}}
.hr-report-picker{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0 20px;display:grid}.hr-report-picker button{text-align:right;color:#243b34;background:#fff;border:1px solid #dfe6e3;border-radius:16px;flex-direction:column;gap:8px;min-height:120px;padding:18px;display:flex;box-shadow:0 6px 22px #1140330a}.hr-report-picker button:hover,.hr-report-picker button.active{background:#f4faf7;border-color:#9fc6b8}.hr-report-picker button strong{color:#15483b;font-size:17px}.hr-report-picker button span{color:#6d7b75;font-size:12px;line-height:1.7}.hr-report-selected-heading{justify-content:space-between;align-items:flex-end;gap:14px;margin:12px 0;display:flex}.hr-report-selected-heading span{color:#718079;font-size:12px;display:block}.hr-report-selected-heading h2{color:#173f35;margin:4px 0 0}.hr-report-selected-heading small{color:#68766f}.hr-report-filters{grid-template-columns:repeat(4,minmax(170px,1fr)) auto;align-items:end;display:grid}.hr-report-filters label{color:#395249;flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.hr-report-filters input,.hr-report-filters select{width:100%;min-height:44px}.hr-report-actions{align-items:center;gap:8px;margin:12px 0;display:flex}.hr-report-actions button{color:#fff;background:#114f40;border:0;border-radius:10px;padding:10px 18px;font-weight:800}.hr-report-actions button:disabled{opacity:.45}.hr-report-actions span{color:#68766f;margin-inline-start:auto;font-size:12px}.hr-report-table-wrap{margin-top:8px}.hr-report-table{min-width:1250px}@media (max-width:1050px){.hr-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-report-filters button{grid-column:1/-1}}@media (max-width:700px){.hr-report-filters{grid-template-columns:1fr}.hr-report-filters button{grid-column:auto}.hr-report-selected-heading{flex-direction:column;align-items:flex-start}}@media print{body{background:#fff!important}.app-header,.no-print{display:none!important}.app-content{min-height:auto}.hr-page{max-width:none!important;padding:0!important}.hr-report-print-heading{margin-bottom:12px}.hr-report-selected-heading{margin:0 0 12px}.hr-report-table-wrap{border:0!important;overflow:visible!important}.hr-report-table{font-size:10px;width:100%!important;min-width:0!important}.hr-report-table th,.hr-report-table td{padding:6px 5px!important}.hr-report-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f2f2f2!important}.hr-report-table tr{break-inside:avoid}.hr-reports-page{direction:rtl}}
.certificate-page{max-width:1540px;margin:0 auto;padding:28px 20px 52px}.certificate-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.certificate-refresh{color:#114f40;cursor:pointer;background:#fff;border:1px solid #bdd1ca;border-radius:12px;padding:11px 18px;font-weight:800}.certificate-refresh:disabled{opacity:.55}.certificate-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.certificate-kpis>div{background:#fff;border:1px solid #dde5e1;border-radius:18px;padding:18px;box-shadow:0 8px 30px #1140330d}.certificate-kpis span,.certificate-kpis small{color:#6f7f79;display:block}.certificate-kpis strong{color:#0e4b3c;margin:5px 0;font-size:28px;display:block}.certificate-message{color:#174c3e;background:#eef7f4;border:1px solid #d2e7df;border-radius:12px;margin:12px 0;padding:12px 14px}.certificate-layout{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.certificate-queue,.certificate-review{background:#fff;border:1px solid #dfe6e3;border-radius:18px;box-shadow:0 8px 30px #1140330d}.certificate-queue{padding:16px;position:sticky;top:104px}.certificate-review{min-height:540px;padding:18px}.certificate-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.certificate-card-head h2{color:#173f35;margin:0}.certificate-card-head p{color:#728079;margin:3px 0 0;font-size:13px}.certificate-card-head>span{color:#14513f;background:#edf5f2;border-radius:12px;place-items:center;min-width:38px;height:38px;font-weight:900;display:grid}.certificate-search{width:100%;font:inherit;border:1px solid #cad7d2;border-radius:11px;margin-bottom:12px;padding:11px 12px}.certificate-queue-list{gap:8px;max-height:650px;display:grid;overflow:auto}.certificate-queue-list>button{text-align:right;cursor:pointer;background:#fff;border:1px solid #e1e8e5;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.certificate-queue-list>button:hover,.certificate-queue-list>button.active{background:#f3f8f6;border-color:#8db9a9}.certificate-queue-list>button span,.certificate-queue-list>button strong,.certificate-queue-list>button small,.certificate-queue-list>button em{display:block}.certificate-queue-list>button small{color:#75827d;margin-top:4px;font-size:12px}.certificate-queue-list>button em{color:#14513f;font-size:12px;font-style:normal;font-weight:800}.certificate-empty{text-align:center;color:#65756f;place-items:center;min-height:260px;padding:25px;display:grid}.certificate-empty strong{color:#174c3e;font-size:20px;display:block}.certificate-empty span{margin-top:6px;display:block}.certificate-empty.compact{min-height:90px;padding:14px}.certificate-review-head{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:16px;display:flex}.certificate-review-head>div>span{color:#718079;font-size:12px;font-weight:800}.certificate-review-head h2{color:#173f35;margin:5px 0}.certificate-review-head small{color:#6c7b75}.certificate-status{color:#755d13;white-space:nowrap;background:#fff5d8;border-radius:999px;padding:7px 11px;font-weight:800;display:inline-flex}.certificate-info-grid{background:#e8eeeb;border:1px solid #e1e8e5;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:16px 0;display:grid;overflow:hidden}.certificate-info-grid>div{background:#fff;padding:14px}.certificate-info-grid span{color:#7a8782;margin-bottom:5px;font-size:12px;display:block}.certificate-info-grid strong{color:#263f38;word-break:break-word;display:block}.certificate-info-grid.inside{margin:0}.certificate-section{border:1px solid #e0e7e4;border-radius:14px;margin-top:12px;overflow:hidden}.certificate-section summary{cursor:pointer;background:#f9fbfa;padding:14px 16px;list-style:none}.certificate-section summary::-webkit-details-marker{display:none}.certificate-section summary span,.certificate-section summary small{display:block}.certificate-section summary span{color:#173f35;font-weight:900}.certificate-section summary small{color:#74817c;margin-top:4px}.certificate-section[open] summary{background:#f3f8f6;border-bottom:1px solid #e8eeeb}.certificate-section-body{padding:16px}.certificate-primary-signatory{border:1px solid #e1e8e5;border-radius:12px;align-items:center;gap:10px;padding:13px;display:flex}.certificate-primary-signatory span{color:#75837d}.certificate-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.certificate-tags>span{color:#174c3e;background:#edf5f2;border-radius:999px;padding:7px 10px;font-weight:700}.certificate-tags small{color:#74817c}.certificate-branches{gap:9px;padding:14px;display:grid}.certificate-branches>div{border:1px solid #e2e9e6;border-radius:12px;padding:12px}.certificate-branches strong,.certificate-branches span,.certificate-branches small{display:block}.certificate-branches span{color:#334c45;margin:5px 0}.certificate-branches small{color:#74817c}.certificate-documents{gap:9px;padding:14px;display:grid}.certificate-documents>div{border:1px solid #e2e9e6;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.certificate-documents strong,.certificate-documents small{display:block}.certificate-documents small{color:#73817b;margin-top:4px}.certificate-documents button{color:#14513f;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #b9d0c7;border-radius:10px;padding:8px 12px;font-weight:800}.certificate-audit-note{color:#45506d;background:#f5f7ff;border:1px solid #e0e5f3;border-radius:12px;margin-top:14px;padding:12px 14px}.certificate-actions{gap:10px;margin-top:16px;display:flex}.certificate-actions button{cursor:pointer;border:0;border-radius:11px;padding:12px 20px;font-weight:900}.certificate-actions button:disabled{opacity:.55}.certificate-actions .approve{color:#fff;background:#115241}.certificate-actions .reject{color:#a43b31;background:#fff0ee;border:1px solid #efc7c1}.certificate-modal-backdrop{z-index:120;background:#0a1f1a85;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.certificate-modal{background:#fff;border-radius:20px;width:min(620px,96vw);padding:20px;box-shadow:0 30px 90px #00000040}.certificate-modal-head{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px;display:flex}.certificate-modal-head span{color:#74817c;font-size:12px}.certificate-modal-head h2{margin:4px 0}.certificate-modal-head>button{cursor:pointer;background:#eef2f0;border:0;border-radius:50%;width:36px;height:36px;font-size:24px}.certificate-modal label>span{color:#334c45;margin-bottom:7px;font-weight:800;display:block}.certificate-modal label b{color:#aa3b32}.certificate-modal textarea{width:100%;font:inherit;resize:vertical;border:1px solid #c9d7d1;border-radius:12px;padding:12px}.certificate-char-count{text-align:left;color:#77837f;direction:ltr;margin-top:5px;display:block}.certificate-modal-actions{gap:10px;margin-top:16px;display:flex}.certificate-modal-actions button{cursor:pointer;border:0;border-radius:10px;padding:10px 16px;font-weight:800}.certificate-modal-actions .secondary{color:#31534a;background:#eef2f0}.certificate-modal-actions .danger{color:#fff;background:#a93d34}.certificate-modal-actions button:disabled{opacity:.5}@media (max-width:1000px){.certificate-layout{grid-template-columns:1fr}.certificate-queue{position:static}.certificate-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.certificate-page{padding:20px 12px 40px}.certificate-heading,.certificate-review-head,.certificate-documents>div{flex-direction:column;align-items:stretch}.certificate-kpis,.certificate-info-grid{grid-template-columns:1fr}.certificate-actions{flex-direction:column}.certificate-queue-list>button{flex-direction:column;align-items:flex-start}.certificate-documents button{width:100%}}
:root{--erp-bg:#f4f6f7;--erp-surface:#fff;--erp-surface-muted:#f8faf9;--erp-border:#e1e6e4;--erp-border-strong:#d5ddda;--erp-text:#17251f;--erp-muted:#6d7c76;--erp-accent:#176b55;--erp-accent-dark:#0f5543;--erp-accent-soft:#eaf4f0;--erp-danger:#a83c35;--erp-danger-soft:#fff0ee;--erp-warning:#9a6715;--erp-warning-soft:#fff7e8;--erp-sidebar:#102f27;--erp-sidebar-soft:#173a31;--erp-sidebar-muted:#9eb3ab;--erp-sidebar-width:272px;--erp-topbar-height:72px;--erp-radius:12px;--erp-shadow:0 8px 24px #142a230e}body{background:var(--erp-bg);color:var(--erp-text);font-family:Segoe UI,Tahoma,Arial,sans-serif}button,input,select,textarea{font-family:inherit}::selection{color:#0d3f31;background:#cfe5dd}.erp-shell{background:var(--erp-bg);min-height:100vh}.erp-sidebar{z-index:70;width:var(--erp-sidebar-width);background:var(--erp-sidebar);color:#eef5f2;border-inline-end:1px solid #ffffff0f;flex-direction:column;transition:transform .22s;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.erp-brand{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;min-height:88px;padding:20px 20px 18px;text-decoration:none;display:flex}.erp-brand-mark{width:42px;height:42px;color:var(--erp-sidebar);letter-spacing:.4px;background:#fff;border-radius:10px;flex:0 0 42px;place-items:center;font-size:15px;font-weight:800;display:grid}.erp-brand>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.erp-brand strong{letter-spacing:.1px;white-space:nowrap;font-size:14px}.erp-brand small{color:var(--erp-sidebar-muted);white-space:nowrap;font-size:10px}.erp-sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;flex:1;padding:18px 12px 24px;overflow-y:auto}.erp-nav-section+.erp-nav-section{border-top:1px solid #ffffff12;margin-top:24px;padding-top:20px}.erp-nav-label{color:#76948a;letter-spacing:.3px;padding:0 12px 8px;font-size:10px;font-weight:700;display:block}.erp-nav-link,.erp-subnav-link{align-items:center;gap:11px;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:flex;position:relative}.erp-nav-link{color:#d3dfda;border:1px solid #0000;border-radius:10px;min-height:44px;margin:2px 0;padding:0 12px;font-size:13px;font-weight:600}.erp-nav-link:hover{color:#fff;background:#ffffff0e}.erp-nav-link.active{color:#fff;background:#ffffff1b;border-color:#ffffff14}.erp-nav-link.active:before{content:"";background:#7ac6aa;border-radius:4px;width:3px;position:absolute;inset-block:9px;inset-inline-start:-13px}.erp-nav-icon{flex:0 0 20px;width:20px;height:20px}.erp-subnav{border-inline-start:1px solid #ffffff17;margin:3px 8px 0 0;padding-inline-start:8px}.erp-subnav-link{color:#aebfb8;border-radius:8px;min-height:37px;padding:0 9px;font-size:11px}.erp-subnav-link:hover{color:#fff;background:#ffffff0b}.erp-subnav-link.active{color:#fff;background:#ffffff13}.erp-subnav-dot{background:#637e74;border-radius:50%;flex:0 0 5px;width:5px;height:5px}.erp-subnav-link.active .erp-subnav-dot{background:#7ac6aa}.erp-sidebar-footer{border-top:1px solid #ffffff12;padding:14px 12px 16px}.erp-sidebar-user{align-items:center;gap:10px;padding:9px 9px 12px;display:flex}.erp-sidebar-user>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.erp-sidebar-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.erp-sidebar-user small{text-overflow:ellipsis;white-space:nowrap;color:var(--erp-sidebar-muted);font-size:9px;overflow:hidden}.erp-sidebar .profile-avatar{color:#fff;background:#ffffff1c;border:1px solid #ffffff14}.erp-logout{color:#c5d3ce;text-align:right;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 10px;font-size:11px;display:flex}.erp-logout:hover{color:#fff;background:#ffffff0f}.erp-logout .erp-nav-icon{width:18px;height:18px}.erp-main{min-height:100vh;margin-inline-start:var(--erp-sidebar-width)}.erp-topbar{z-index:45;height:var(--erp-topbar-height);border-bottom:1px solid var(--erp-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;gap:20px;padding:0 26px;display:flex;position:sticky;top:0}.erp-topbar-title{align-items:center;gap:12px;min-width:0;display:flex}.erp-topbar-title>div{flex-direction:column;gap:2px;min-width:0;display:flex}.erp-topbar-title span{color:var(--erp-muted);font-size:10px}.erp-topbar-title strong{text-overflow:ellipsis;white-space:nowrap;color:var(--erp-text);font-size:15px;overflow:hidden}.erp-mobile-menu{border:1px solid var(--erp-border);color:#355047;background:#fff;border-radius:10px;place-items:center;width:42px;height:42px;padding:0;display:none}.erp-profile-trigger{min-height:48px;color:var(--erp-text);background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:9px;padding:4px 6px 4px 12px;display:flex}.erp-profile-trigger:hover{border-color:var(--erp-border);background:var(--erp-surface-muted)}.erp-profile-copy{flex-direction:column;align-items:flex-start;gap:2px;min-width:120px;display:flex}.erp-profile-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:185px;font-size:11px;overflow:hidden}.erp-profile-copy small{color:var(--erp-muted);font-size:9px}.erp-profile-chevron{color:#88958f;font-size:16px;transform:translateY(-2px)}.erp-profile-dropdown{border-color:var(--erp-border);border-radius:12px;width:275px;padding:9px;top:calc(100% + 8px);left:0;box-shadow:0 18px 45px #142a2324}.erp-profile-dropdown>a,.erp-profile-dropdown>button{color:#344a42;text-align:right;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:40px;padding:0 10px;font-size:11px;text-decoration:none;display:flex}.erp-profile-dropdown>a:hover,.erp-profile-dropdown>button:hover{background:var(--erp-surface-muted)}.erp-profile-dropdown .erp-nav-icon{width:18px;height:18px}.erp-page-content{min-height:calc(100vh - var(--erp-topbar-height));background:var(--erp-bg)}.erp-sidebar-overlay{display:none}.dashboard-shell,.admin-page,.hr-page{width:min(100%,1480px)!important;margin:0 auto!important;padding:28px 30px 56px!important}.page-heading{align-items:center!important;margin-bottom:20px!important}.page-heading h1{letter-spacing:-.3px;color:var(--erp-text)!important;margin:3px 0 5px!important;font-size:25px!important}.page-heading p,.section-heading p,.access-section p{max-width:780px;color:var(--erp-muted)!important;font-size:12px!important;line-height:1.75!important}.eyebrow{color:var(--erp-accent)!important;letter-spacing:.65px!important;font-size:9px!important;font-weight:800!important}.hr-back-link{align-items:center;gap:5px;color:var(--erp-muted)!important;font-size:11px!important;text-decoration:none!important;display:inline-flex!important}.hr-back-link:hover{color:var(--erp-accent)!important}.erp-welcome{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px;padding:0 2px;display:flex}.erp-welcome h1{color:var(--erp-text);margin:3px 0 6px;font-size:27px}.erp-welcome p{max-width:720px;color:var(--erp-muted);margin:0;font-size:12px;line-height:1.75}.erp-welcome-meta{border:1px solid var(--erp-border);color:var(--erp-muted);white-space:nowrap;background:#fff;border-radius:9px;padding:8px 11px;font-size:10px}.module-directory{border:1px solid var(--erp-border);border-radius:var(--erp-radius);box-shadow:var(--erp-shadow);background:#fff;overflow:hidden}.module-directory__head{border-bottom:1px solid var(--erp-border);background:var(--erp-surface-muted);justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.module-directory__head strong{font-size:12px}.module-directory__head span{color:var(--erp-muted);font-size:10px}.module-row{min-height:78px;color:inherit;border-bottom:1px solid #edf0ef;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:13px;padding:14px 18px;text-decoration:none;transition:background .15s;display:grid}.module-row:last-child{border-bottom:0}.module-row:hover{background:#fbfcfc}.module-row__icon{background:var(--erp-accent-soft);width:38px;height:38px;color:var(--erp-accent);letter-spacing:.2px;border-radius:9px;place-items:center;font-size:10px;font-weight:800;display:grid}.module-row__copy{flex-direction:column;gap:4px;min-width:0;display:flex}.module-row__copy strong{color:var(--erp-text);font-size:13px}.module-row__copy span{color:var(--erp-muted);font-size:10px;line-height:1.65}.module-row__arrow{color:#9aa6a1;font-size:18px;transition:transform .15s,color .15s}.module-row:hover .module-row__arrow{color:var(--erp-accent);transform:translate(-2px)}.module-row.disabled{cursor:default;background:#fafbfb}.module-row.disabled .module-row__icon{color:#8b9893;background:#f0f2f1}.module-row.disabled:hover .module-row__arrow{color:#9aa6a1;transform:none}.hr-table-wrap,.data-card{border:1px solid var(--erp-border)!important;border-radius:var(--erp-radius)!important;box-shadow:none!important;background:#fff!important;overflow:hidden!important}.hr-table-wrap{overflow-x:auto!important}.hr-table,.admin-table{width:100%;border-collapse:separate!important;border-spacing:0!important}.hr-table th,.hr-table td,.admin-table th,.admin-table td{text-align:right!important;vertical-align:middle!important;border-bottom:1px solid #edf0ef!important;padding:13px 15px!important;font-size:11px!important}.hr-table th,.admin-table th{white-space:nowrap;color:#66756f!important;letter-spacing:.15px!important;background:#f8faf9!important;font-size:9px!important;font-weight:800!important}.hr-table tbody tr:hover,.admin-table tbody tr:hover{background:#fbfcfc}.hr-table tr:last-child td,.admin-table tr:last-child td{border-bottom:0!important}.hr-table td small,.admin-table td small{color:#89968f!important;font-size:9px!important}.hr-employee-name-link{color:var(--erp-text)!important;text-decoration:none!important}.hr-employee-name-link:hover{color:var(--erp-accent)!important}.hr-toolbar,.admin-toolbar{border:1px solid var(--erp-border)!important;border-radius:var(--erp-radius)!important;background:#fff!important;gap:9px!important;margin-bottom:16px!important;padding:12px!important;display:grid!important}.hr-toolbar{grid-template-columns:minmax(260px,1fr) 180px auto!important}.hr-toolbar input,.hr-toolbar select,.admin-toolbar input,.admin-toolbar select,.hr-form input,.hr-form select,.hr-form textarea,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--erp-border-strong)!important;min-height:42px!important;color:var(--erp-text)!important;background:#fff!important;border-radius:9px!important;outline:none!important;padding:0 12px!important;font-size:11px!important}.hr-form textarea,.form-grid textarea{min-height:92px!important;padding-top:10px!important}.hr-toolbar input:focus,.hr-toolbar select:focus,.admin-toolbar input:focus,.admin-toolbar select:focus,.hr-form input:focus,.hr-form select:focus,.hr-form textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#76ac9d!important;box-shadow:0 0 0 3px #176b5517!important}.hr-toolbar button,.admin-toolbar button,.hr-form-actions button:not(.secondary-button),.editor-actions>button:not(.secondary-button),.modal-actions>button:not(.secondary-button),.split-heading>button{border:1px solid var(--erp-accent)!important;background:var(--erp-accent)!important;color:#fff!important;border-radius:9px!important;min-height:42px!important;padding:0 16px!important;font-size:11px!important;font-weight:700!important}.hr-toolbar button:hover,.admin-toolbar button:hover,.hr-form-actions button:not(.secondary-button):hover,.editor-actions>button:not(.secondary-button):hover,.modal-actions>button:not(.secondary-button):hover,.split-heading>button:hover{background:var(--erp-accent-dark)!important;border-color:var(--erp-accent-dark)!important}.secondary-button{border:1px solid var(--erp-border-strong)!important;color:#45564f!important;background:#fff!important;border-radius:9px!important;min-height:42px!important;padding:0 16px!important;font-size:11px!important;font-weight:600!important}.hr-link-button,.small-button{border:1px solid var(--erp-border)!important;color:#42564e!important;background:#fff!important;border-radius:7px!important;min-height:30px!important;padding:0 10px!important;font-size:9px!important}.hr-link-button:hover,.small-button:hover{color:var(--erp-accent)!important;background:#f8fbfa!important;border-color:#b9cdc5!important}.hr-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:10px!important;margin-bottom:16px!important;display:grid!important}.hr-kpis>div{border:1px solid var(--erp-border)!important;min-height:84px!important;box-shadow:none!important;background:#fff!important;border-radius:10px!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;padding:14px 16px!important;display:flex!important}.hr-kpis span{color:var(--erp-muted)!important;font-size:9px!important}.hr-kpis strong{color:var(--erp-text)!important;font-size:22px!important;font-weight:700!important}.hr-badge,.status-pill{color:#66736e!important;background:#f0f2f1!important;border-radius:999px!important;align-items:center!important;min-height:24px!important;padding:0 8px!important;font-size:9px!important;font-weight:700!important;display:inline-flex!important}.hr-badge.ok,.status-pill.active{color:#24634f!important;background:#eaf5f0!important}.hr-badge.danger,.status-pill.inactive{background:var(--erp-danger-soft)!important;color:var(--erp-danger)!important}.hr-message,.admin-message,.message{color:#285e4e!important;background:#f0f8f5!important;border:1px solid #cfe4db!important;border-radius:9px!important;margin:0 0 15px!important;padding:10px 12px!important;font-size:10px!important}.hr-empty{border-radius:var(--erp-radius)!important;color:var(--erp-muted)!important;text-align:center!important;background:#fafbfb!important;border:1px dashed #ccd6d2!important;padding:28px!important;font-size:11px!important}.hr-pagination,.pagination-bar{color:var(--erp-muted)!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;margin-top:12px!important;padding:10px 0!important;font-size:10px!important;display:flex!important}.hr-pagination button,.pagination-bar button{border:1px solid var(--erp-border)!important;color:#43564e!important;background:#fff!important;border-radius:8px!important;min-height:32px!important;padding:0 11px!important;font-size:9px!important}.hr-pagination button:hover:not(:disabled),.pagination-bar button:hover:not(:disabled){color:var(--erp-accent)!important;border-color:#b9cdc5!important}.hr-modal-backdrop,.modal-backdrop{-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;background:#0a19147a!important}.hr-modal,.access-modal{border:1px solid var(--erp-border)!important;background:#fff!important;border-radius:14px!important;box-shadow:0 28px 70px #081c1538!important}.hr-modal-head{border-bottom:1px solid var(--erp-border)!important;padding-bottom:14px!important}.hr-modal-head h2,.modal-heading h2{color:var(--erp-text)!important;font-size:18px!important}.hr-form{gap:13px!important}.hr-form label,.form-grid label{color:#40514a!important;font-size:10px!important;font-weight:700!important}.hr-employee-details-page{max-width:1380px!important}.hr-employee-details-hero{border:1px solid var(--erp-border)!important;border-radius:var(--erp-radius)!important;min-height:118px!important;box-shadow:none!important;background:#fff!important;align-items:center!important;gap:15px!important;margin-bottom:18px!important;padding:20px!important;display:flex!important}.hr-profile-avatar{background:var(--erp-accent-soft)!important;width:58px!important;height:58px!important;color:var(--erp-accent)!important;border-radius:12px!important;flex:0 0 58px!important;place-items:center!important;font-size:23px!important;font-weight:800!important;display:grid!important}.hr-employee-details-hero h1{color:var(--erp-text)!important;margin:3px 0 4px!important;font-size:22px!important}.hr-employee-details-hero span,.hr-employee-details-hero small{color:var(--erp-muted)!important;font-size:10px!important}.hr-profile-tabs{border:1px solid var(--erp-border);background:#fff;border-radius:10px;align-items:center;gap:4px;margin-bottom:16px;padding:5px;display:flex;overflow-x:auto}.hr-profile-tab{color:#687771;white-space:nowrap;background:0 0;border:0;border-radius:7px;min-height:38px;padding:0 14px;font-size:10px;font-weight:700}.hr-profile-tab:hover{color:#2f4b40;background:#f6f8f7}.hr-profile-tab.active{background:var(--erp-accent-soft);color:var(--erp-accent)}.hr-profile-panel{border:1px solid var(--erp-border);border-radius:var(--erp-radius);background:#fff;padding:18px}.hr-employee-basic-grid{gap:8px!important}.hr-employee-basic-grid>div{background:#fbfcfc!important;border:1px solid #e8ecea!important;border-radius:9px!important;padding:12px!important}.hr-employee-basic-grid span{color:var(--erp-muted)!important;font-size:9px!important}.hr-employee-basic-grid strong{color:var(--erp-text)!important;font-size:11px!important}.hr-readonly-note{color:var(--erp-muted)!important;background:#f7f9f8!important;border-radius:8px!important;margin-bottom:12px!important;padding:9px 11px!important;font-size:9px!important}.hr-section-placeholder{text-align:center!important;background:#fafbfb!important;border:1px dashed #ccd6d2!important;border-radius:10px!important;padding:28px!important}.hr-section-placeholder strong{margin-bottom:5px;display:block;color:var(--erp-text)!important;font-size:12px!important}.hr-section-placeholder span{color:var(--erp-muted)!important;font-size:10px!important}.dashboard-grid{gap:10px!important}.dashboard-card{border:1px solid var(--erp-border)!important;min-height:124px!important;box-shadow:none!important;background:#fff!important;border-radius:10px!important;padding:18px!important}.dashboard-card:hover{background:#fbfcfc!important;border-color:#bfd2ca!important}.dashboard-card strong{color:var(--erp-text)!important;font-size:14px!important}.dashboard-card span{color:var(--erp-muted)!important;font-size:10px!important;line-height:1.7!important}.dashboard-card small{color:#96a19d!important;font-size:8px!important}.roles-layout{gap:14px!important}.roles-list,.role-editor,.access-section{border-color:var(--erp-border)!important;border-radius:var(--erp-radius)!important;box-shadow:none!important}.roles-list{top:88px!important}.role-list-item{border-radius:8px!important;font-size:10px!important}.role-list-item.selected{background:var(--erp-accent-soft)!important;border-color:#c7ddd5!important}.permission-card,.check-list label{background:#fbfcfc!important;border-color:#e4e9e7!important;border-radius:8px!important}@media (max-width:1080px){.erp-main{margin-inline-start:0}.erp-sidebar{transform:translate(110%);box-shadow:-18px 0 50px #071b142e}.erp-sidebar.open{transform:translate(0)}.erp-mobile-menu{display:grid}.erp-sidebar-overlay{z-index:60;opacity:0;pointer-events:none;background:#09161261;border:0;transition:opacity .2s;display:block;position:fixed;inset:0}.erp-sidebar-overlay.open{opacity:1;pointer-events:auto}.dashboard-shell,.admin-page,.hr-page{padding-inline:22px!important}}@media (max-width:720px){:root{--erp-topbar-height:64px}.erp-topbar{padding:0 14px}.erp-profile-copy,.erp-profile-chevron{display:none}.erp-profile-trigger{border-color:#0000;padding:3px}.erp-profile-trigger .profile-avatar{flex-basis:38px;width:38px;height:38px}.dashboard-shell,.admin-page,.hr-page{padding:20px 14px 42px!important}.erp-welcome{flex-direction:column;align-items:flex-start}.erp-welcome h1{font-size:23px}.erp-welcome-meta{display:none}.module-row{grid-template-columns:38px minmax(0,1fr) 20px;gap:10px;padding:12px 13px}.module-row__copy span{font-size:9px}.page-heading{flex-direction:column!important;align-items:flex-start!important}.hr-toolbar,.admin-toolbar{grid-template-columns:1fr!important}.hr-toolbar button,.admin-toolbar button{width:100%!important}.hr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hr-profile-panel{padding:13px}.erp-profile-dropdown{width:min(275px,100vw - 28px);left:0}}@media (max-width:480px){.erp-sidebar{width:min(86vw,290px)}.erp-topbar-title strong{font-size:13px}.hr-kpis{grid-template-columns:1fr!important}.module-row__copy span{display:none}.module-row{min-height:62px}}
:root,html[data-erp-theme=emerald]{--erp-bg:#f4f7f6;--erp-surface:#fff;--erp-surface-muted:#f8faf9;--erp-surface-hover:#f2f7f5;--erp-border:#e1e7e4;--erp-border-strong:#d2ddd8;--erp-text:#17251f;--erp-muted:#6d7c76;--erp-accent:#0f6b55;--erp-accent-dark:#0b5745;--erp-accent-soft:#eaf7f2;--erp-accent-soft-strong:#d9efe7;--erp-focus-ring:#0f6b551f;--erp-sidebar:#102f27;--erp-sidebar-soft:#173a31;--erp-sidebar-muted:#9eb3ab;--erp-sidebar-indicator:#7ac6aa;--erp-on-accent:#fff;--erp-shadow:0 8px 24px #142a230e;--erp-shadow-strong:0 20px 55px #142a2324}html[data-erp-theme=ocean]{--erp-bg:#f4f7fa;--erp-surface-muted:#f7f9fc;--erp-surface-hover:#f0f6fb;--erp-border:#dfe7ed;--erp-border-strong:#ccd9e3;--erp-text:#172631;--erp-muted:#6d7d89;--erp-accent:#1769aa;--erp-accent-dark:#0e5185;--erp-accent-soft:#eaf3fb;--erp-accent-soft-strong:#d8eafa;--erp-focus-ring:#1769aa21;--erp-sidebar:#102c43;--erp-sidebar-soft:#173b58;--erp-sidebar-muted:#a9bdcc;--erp-sidebar-indicator:#73b8e9;--erp-shadow:0 8px 24px #102c430f;--erp-shadow-strong:0 20px 55px #102c4326}html[data-erp-theme=indigo]{--erp-bg:#f6f6fa;--erp-surface-muted:#f9f9fc;--erp-surface-hover:#f3f3fa;--erp-border:#e3e3ec;--erp-border-strong:#d3d4e1;--erp-text:#202137;--erp-muted:#72738a;--erp-accent:#5a5fc7;--erp-accent-dark:#4246a1;--erp-accent-soft:#efeffd;--erp-accent-soft-strong:#e1e2fb;--erp-focus-ring:#5a5fc721;--erp-sidebar:#242746;--erp-sidebar-soft:#30345a;--erp-sidebar-muted:#b6b8d0;--erp-sidebar-indicator:#9fa3ff;--erp-shadow:0 8px 24px #2427460f;--erp-shadow-strong:0 20px 55px #24274629}html[data-erp-theme=burgundy]{--erp-bg:#f9f5f6;--erp-surface-muted:#fcf8f9;--erp-surface-hover:#faf1f4;--erp-border:#eadfe2;--erp-border-strong:#dfcfd4;--erp-text:#302126;--erp-muted:#846f76;--erp-accent:#9c4158;--erp-accent-dark:#7d3145;--erp-accent-soft:#faedf1;--erp-accent-soft-strong:#f3dce3;--erp-focus-ring:#9c415821;--erp-sidebar:#40212b;--erp-sidebar-soft:#56303b;--erp-sidebar-muted:#d0adb7;--erp-sidebar-indicator:#e4a2b3;--erp-shadow:0 8px 24px #40212b0f;--erp-shadow-strong:0 20px 55px #40212b29}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body,.erp-shell,.erp-page-content,.app-shell,.login-shell{transition:background-color .18s,color .18s;background:var(--erp-bg)!important;color:var(--erp-text)!important}::selection{background:var(--erp-accent-soft-strong)!important;color:var(--erp-accent-dark)!important}.login-card,.dashboard-card,.data-card,.hr-profile-card,.hr-empty,.hr-employment-dashboard,.hr-lookups-intro,.hr-lookup-group,.hr-employee-details-hero,.hr-employee-section,.module-directory,.access-modal,.role-editor,.roles-list,.certificate-queue,.certificate-review,.certificate-modal{background:var(--erp-surface)!important;border-color:var(--erp-border)!important;box-shadow:var(--erp-shadow)!important;color:var(--erp-text)!important}.erp-topbar{background:color-mix(in srgb,var(--erp-surface) 94%,transparent)!important;border-color:var(--erp-border)!important}.erp-mobile-menu,.erp-brand-mark,.secondary-button,.small-button,.hr-link-button,.certificate-refresh,.certificate-documents button,.pagination-bar button,.icon-close{background:var(--erp-surface)!important;border-color:var(--erp-border)!important;color:var(--erp-text)!important}.profile-avatar{background:var(--erp-accent-soft)!important;color:var(--erp-accent)!important}.erp-sidebar .profile-avatar{color:#fff!important;background:#ffffff1c!important}.erp-nav-link.active:before,.erp-subnav-link.active .erp-subnav-dot{background:var(--erp-sidebar-indicator)!important}.erp-nav-label{opacity:.72;color:var(--erp-sidebar-muted)!important}.page-heading h1,.erp-welcome h1,.dashboard-card strong,.module-row__copy strong,.roles-list h2,.modal-heading h2,.section-heading h2,.certificate-card-head h2,.certificate-review-head h2,.certificate-empty strong,.hr-profile-hero h2,.hr-employee-details-hero h1,.hr-employee-section-copy strong{color:var(--erp-text)!important}.page-heading p,.section-heading p,.erp-welcome p,.dashboard-card span,.module-row__copy span,.certificate-card-head p,.certificate-review-head small,.hr-profile-hero span,.hr-profile-hero small{color:var(--erp-muted)!important}.eyebrow,.text-link,.hr-back-link:hover,.hr-employee-name-link:hover{color:var(--erp-accent)!important}.erp-page-content input:not([type=checkbox]):not([type=radio]),.erp-page-content select,.erp-page-content textarea,.login-shell input,.login-shell select,.login-shell textarea{background:var(--erp-surface)!important;color:var(--erp-text)!important;border-color:var(--erp-border-strong)!important}.erp-page-content input:focus,.erp-page-content select:focus,.erp-page-content textarea:focus,.login-shell input:focus,.login-shell select:focus,.login-shell textarea:focus{border-color:var(--erp-accent)!important;box-shadow:0 0 0 3px var(--erp-focus-ring)!important;outline:none!important}input[type=checkbox],input[type=radio]{accent-color:var(--erp-accent)!important}.primary-link-button,.split-heading>button,.admin-toolbar button,.editor-actions>button:not(.secondary-button),.modal-actions>button:not(.secondary-button),.hr-form-actions button:not(.secondary-button),.hr-lookup-group-actions button,.hr-employment-actions button,.certificate-actions .approve{background:var(--erp-accent)!important;border-color:var(--erp-accent)!important;color:var(--erp-on-accent)!important}.primary-link-button:hover,.split-heading>button:hover,.admin-toolbar button:hover,.editor-actions>button:not(.secondary-button):hover,.modal-actions>button:not(.secondary-button):hover,.hr-form-actions button:not(.secondary-button):hover,.hr-lookup-group-actions button:hover,.hr-employment-actions button:hover,.certificate-actions .approve:hover{background:var(--erp-accent-dark)!important}.hr-table-wrap,.data-card,.table-wrap{border-color:var(--erp-border)!important;background:var(--erp-surface)!important}.hr-table th,.admin-table th{background:var(--erp-surface-muted)!important;color:var(--erp-muted)!important}.hr-table td,.admin-table td{border-color:var(--erp-border)!important;color:var(--erp-text)!important}.hr-table tbody tr:hover,.admin-table tbody tr:hover,.module-row:hover{background:var(--erp-surface-hover)!important}.module-row{border-color:var(--erp-border)!important}.module-row__icon{background:var(--erp-accent-soft)!important;color:var(--erp-accent)!important}.role-list-item:hover,.role-list-item.selected,.certificate-queue-list>button:hover,.certificate-queue-list>button.active{background:var(--erp-accent-soft)!important;border-color:color-mix(in srgb,var(--erp-accent) 38%,var(--erp-border))!important}.erp-page-content *{--leave-primary:var(--erp-accent)!important;--leave-primary-dark:var(--erp-accent-dark)!important;--leave-primary-soft:var(--erp-accent-soft)!important;--leave-border:var(--erp-border)!important;--leave-text:var(--erp-text)!important;--leave-muted:var(--erp-muted)!important;--leave-bg:var(--erp-bg)!important}.certificate-refresh,.certificate-documents button{color:var(--erp-accent)!important}.certificate-kpis>div,.certificate-info-grid>div,.certificate-queue-list>button,.certificate-section-body,.certificate-primary-signatory,.certificate-branches>div,.certificate-documents>div{background:var(--erp-surface)!important;border-color:var(--erp-border)!important}.certificate-kpis strong,.certificate-card-head>span,.certificate-queue-list>button em,.certificate-tags>span{color:var(--erp-accent)!important}.certificate-card-head>span,.certificate-tags>span,.certificate-section[open] summary,.certificate-message{background:var(--erp-accent-soft)!important}.certificate-section,.certificate-info-grid,.certificate-review-head,.certificate-primary-signatory,.certificate-branches>div,.certificate-documents>div{border-color:var(--erp-border)!important}.certificate-section summary{background:var(--erp-surface-muted)!important}.certificate-section summary span,.certificate-info-grid strong,.certificate-primary-signatory strong,.certificate-branches strong,.certificate-documents strong{color:var(--erp-text)!important}.login-shell{background:linear-gradient(145deg,var(--erp-bg),var(--erp-accent-soft))!important}.brand-mark,.login-card button:not(.secondary-button){background:var(--erp-accent)!important;color:#fff!important}.login-card button:not(.secondary-button):hover{background:var(--erp-accent-dark)!important}.message,.admin-message{background:var(--erp-accent-soft)!important;border-color:var(--erp-accent-soft-strong)!important;color:var(--erp-accent-dark)!important}.erp-topbar-actions{align-items:center;gap:8px;display:flex}.erp-theme-switcher{position:relative}.erp-theme-trigger{border:1px solid var(--erp-border);background:var(--erp-surface);width:42px;height:42px;color:var(--erp-muted);border-radius:10px;place-items:center;padding:0;transition:border-color .15s,background .15s,color .15s;display:grid;position:relative}.erp-theme-trigger:hover,.erp-theme-trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--erp-accent) 35%,var(--erp-border));background:var(--erp-accent-soft);color:var(--erp-accent)}.erp-theme-trigger svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.erp-theme-trigger-dot{inset-inline-end:6px;border:2px solid var(--erp-surface);width:8px;height:8px;box-shadow:0 0 0 1px var(--erp-border);border-radius:50%;position:absolute;bottom:6px}.erp-theme-popover{z-index:110;top:calc(100% + 9px);border:1px solid var(--erp-border);background:var(--erp-surface);width:245px;box-shadow:var(--erp-shadow-strong);border-radius:14px;padding:10px;position:absolute;inset-inline-end:0}.erp-theme-popover-head{border-bottom:1px solid var(--erp-border);flex-direction:column;gap:3px;padding:5px 7px 10px;display:flex}.erp-theme-popover-head strong{color:var(--erp-text);font-size:12px}.erp-theme-popover-head span{color:var(--erp-muted);font-size:9px}.erp-theme-options{gap:3px;padding-top:7px;display:grid}.erp-theme-options button{width:100%;min-height:39px;color:var(--erp-text);text-align:right;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:22px 1fr 20px;align-items:center;gap:8px;padding:0 8px;font-size:11px;display:grid}.erp-theme-options button:hover{background:var(--erp-surface-hover)}.erp-theme-options button.active{background:var(--erp-accent-soft);border-color:color-mix(in srgb,var(--erp-accent) 25%,var(--erp-border));color:var(--erp-accent-dark);font-weight:800}.erp-theme-swatch{width:18px;height:18px;box-shadow:0 0 0 1px var(--erp-border);border:2px solid #ffffffe6;border-radius:6px}.erp-theme-check{color:var(--erp-accent);text-align:center;font-size:14px;font-weight:900}@media (max-width:720px){.erp-topbar-actions{gap:4px}.erp-theme-trigger{width:40px;height:40px}.erp-theme-popover{width:min(245px,100vw - 28px);inset-inline-end:-48px}}
:root{--erp-radius-xs:7px;--erp-radius-sm:9px;--erp-radius-md:12px;--erp-radius-lg:16px;--erp-radius-xl:20px;--erp-control-height:42px;--erp-page-max:1480px;--erp-success:#197355;--erp-success-soft:#e9f7f1;--erp-danger:#b13e38;--erp-danger-soft:#fff0ee;--erp-warning:#9a6715;--erp-warning-soft:#fff7e8;--erp-info:#356ba6;--erp-info-soft:#eef5fc;--erp-overlay:#0d1c177a}html[data-erp-theme=graphite]{--erp-bg:#f5f7f8;--erp-surface:#fff;--erp-surface-muted:#f8fafb;--erp-surface-hover:#f1f4f6;--erp-border:#e1e6e9;--erp-border-strong:#d1d9de;--erp-text:#1f2933;--erp-muted:#6b7785;--erp-accent:#475569;--erp-accent-dark:#334155;--erp-accent-soft:#eef2f6;--erp-accent-soft-strong:#dde5ec;--erp-focus-ring:#47556924;--erp-sidebar:#202a36;--erp-sidebar-soft:#2b3745;--erp-sidebar-muted:#b1bdc8;--erp-sidebar-indicator:#9fb0c1;--erp-on-accent:#fff;--erp-shadow:0 8px 24px #1f29330f;--erp-shadow-strong:0 20px 55px #1f293329}html[data-erp-theme=amber]{--erp-bg:#faf8f3;--erp-surface:#fff;--erp-surface-muted:#fcfaf6;--erp-surface-hover:#faf5ea;--erp-border:#ebe4d7;--erp-border-strong:#ded3c0;--erp-text:#302a20;--erp-muted:#7f7463;--erp-accent:#b7791f;--erp-accent-dark:#8f5f19;--erp-accent-soft:#fff5df;--erp-accent-soft-strong:#f7e5bc;--erp-focus-ring:#b7791f24;--erp-sidebar:#3a2c19;--erp-sidebar-soft:#4a3921;--erp-sidebar-muted:#d2c2aa;--erp-sidebar-indicator:#e6b96b;--erp-on-accent:#fff;--erp-shadow:0 8px 24px #3a2c190f;--erp-shadow-strong:0 20px 55px #3a2c1929}.erp-page-content{padding-bottom:32px}.erp-page-content :where(h1,h2,h3,h4,strong){color:var(--erp-text)}.erp-page-content :where(p,small,.muted){color:var(--erp-muted)}.dashboard-shell,.admin-page,.hr-page{max-width:var(--erp-page-max)!important}body,.erp-sidebar,.erp-topbar,.erp-page-content,.erp-page-content :where(.data-card,.dashboard-card,.hr-profile-card,.hr-empty,.hr-employment-dashboard,.hr-lookup-group,.hr-lookups-intro,.hr-employee-section,.hr-employee-details-hero,.module-directory,.access-modal,.role-editor,.roles-list),.erp-theme-trigger,.erp-theme-popover{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}.erp-sidebar{background:var(--erp-sidebar)!important}.erp-brand-mark{color:var(--erp-sidebar)!important}.erp-nav-link.active{background:#ffffff1c!important}.erp-nav-link.active:before,.erp-subnav-link.active .erp-subnav-dot{background:var(--erp-sidebar-indicator)!important}.erp-topbar{box-shadow:0 1px 0 color-mix(in srgb,var(--erp-border) 90%,transparent)}.erp-topbar-actions{align-items:center;gap:8px;display:flex}.erp-page-content :where(.data-card,.dashboard-card,.hr-profile-card,.hr-empty,.hr-employment-dashboard,.hr-lookups-intro,.hr-lookup-group,.hr-employee-details-hero,.hr-employee-section,.module-directory,.access-modal,.role-editor,.roles-list,.certificate-queue,.certificate-review){background:var(--erp-surface)!important;border:1px solid var(--erp-border)!important;border-radius:var(--erp-radius-lg)!important;box-shadow:var(--erp-shadow)!important}.erp-page-content :where(.dashboard-card,.module-row,.hr-employee-section,.hr-lookup-group){overflow:hidden}.dashboard-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--erp-accent) 24%,var(--erp-border))!important;box-shadow:0 12px 30px color-mix(in srgb,var(--erp-accent) 8%,transparent)!important}.page-heading,.section-heading,.modal-heading{gap:16px}.page-heading h1{letter-spacing:-.35px!important;font-size:26px!important}.section-heading h2,.modal-heading h2{letter-spacing:-.15px;font-size:18px!important}.eyebrow{color:var(--erp-accent)!important}.erp-page-content :where(input:not([type=checkbox]):not([type=radio]),select,textarea),.login-shell :where(input,select,textarea){border:1px solid var(--erp-border-strong)!important;border-radius:var(--erp-radius-sm)!important;background:var(--erp-surface)!important;color:var(--erp-text)!important;outline:none!important}.erp-page-content :where(input:not([type=checkbox]):not([type=radio]),select){min-height:var(--erp-control-height)}.erp-page-content textarea{line-height:1.65;padding:10px 12px!important}.erp-page-content :where(input,select,textarea):focus,.login-shell :where(input,select,textarea):focus{border-color:var(--erp-accent)!important;box-shadow:0 0 0 3px var(--erp-focus-ring)!important}.erp-page-content :where(input,select,textarea):disabled{cursor:not-allowed;background:var(--erp-surface-muted)!important;color:var(--erp-muted)!important}input[type=checkbox],input[type=radio]{accent-color:var(--erp-accent)!important}.erp-page-content button,.erp-topbar button{transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s,transform 80ms}.erp-page-content button:active:not(:disabled){transform:translateY(1px)}.erp-page-content button:focus-visible,.erp-topbar button:focus-visible,.erp-sidebar a:focus-visible{outline:3px solid var(--erp-focus-ring);outline-offset:2px}.primary-link-button,.split-heading>button,.admin-toolbar button,.editor-actions>button:not(.secondary-button),.modal-actions>button:not(.secondary-button),.hr-form-actions button:not(.secondary-button),.hr-lookup-group-actions button,.hr-employment-actions button,.certificate-actions .approve{min-height:var(--erp-control-height)!important;border:1px solid var(--erp-accent)!important;border-radius:var(--erp-radius-sm)!important;background:var(--erp-accent)!important;color:var(--erp-on-accent)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--erp-accent) 15%,transparent)!important;padding-inline:16px!important;font-weight:700!important}.primary-link-button:hover,.split-heading>button:hover,.admin-toolbar button:hover,.editor-actions>button:not(.secondary-button):hover,.modal-actions>button:not(.secondary-button):hover,.hr-form-actions button:not(.secondary-button):hover,.hr-lookup-group-actions button:hover,.hr-employment-actions button:hover,.certificate-actions .approve:hover{background:var(--erp-accent-dark)!important;border-color:var(--erp-accent-dark)!important}.secondary-button,.small-button,.hr-link-button,.icon-close,.pagination-bar button,.certificate-refresh,.certificate-documents button{border-color:var(--erp-border-strong)!important;background:var(--erp-surface)!important;color:var(--erp-text)!important}.secondary-button:hover,.small-button:hover,.hr-link-button:hover,.icon-close:hover,.pagination-bar button:hover:not(:disabled){border-color:color-mix(in srgb,var(--erp-accent) 35%,var(--erp-border))!important;background:var(--erp-accent-soft)!important;color:var(--erp-accent-dark)!important}.danger-button,.small-button.danger{background:var(--erp-danger-soft)!important;border-color:color-mix(in srgb,var(--erp-danger) 24%,var(--erp-border))!important;color:var(--erp-danger)!important}.hr-toolbar,.admin-toolbar{border:1px solid var(--erp-border)!important;border-radius:var(--erp-radius-md)!important;background:var(--erp-surface)!important;box-shadow:none!important;padding:12px!important}.table-wrap,.hr-table-wrap,.data-card{border-color:var(--erp-border)!important;background:var(--erp-surface)!important}.hr-table,.admin-table{background:var(--erp-surface)!important}.hr-table th,.admin-table th{background:var(--erp-surface-muted)!important;color:var(--erp-muted)!important;border-bottom-color:var(--erp-border)!important;font-weight:800!important}.hr-table td,.admin-table td{border-bottom-color:var(--erp-border)!important;color:var(--erp-text)!important}.hr-table tbody tr:hover,.admin-table tbody tr:hover{background:var(--erp-surface-hover)!important}.hr-tabs{border:1px solid var(--erp-border)!important;border-radius:var(--erp-radius-md)!important;background:var(--erp-surface)!important;gap:5px!important;padding:5px!important}.hr-tabs button{color:var(--erp-muted)!important;border-radius:var(--erp-radius-sm)!important;box-shadow:none!important;background:0 0!important;border:0!important}.hr-tabs button:hover{background:var(--erp-surface-hover)!important;color:var(--erp-text)!important}.hr-tabs button.active{background:var(--erp-accent-soft)!important;color:var(--erp-accent-dark)!important}.modal-backdrop,.hr-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:var(--erp-overlay)!important}.access-modal,.hr-modal{border:1px solid var(--erp-border)!important;border-radius:var(--erp-radius-xl)!important;background:var(--erp-surface)!important;box-shadow:var(--erp-shadow-strong)!important}.modal-heading,.hr-modal-head{border-bottom:1px solid var(--erp-border);padding-bottom:13px}.status-pill.active,.hr-badge.ok{background:var(--erp-success-soft)!important;color:var(--erp-success)!important}.status-pill.inactive,.hr-badge.danger{background:var(--erp-danger-soft)!important;color:var(--erp-danger)!important}.message,.admin-message,.hr-message{background:var(--erp-accent-soft)!important;border-color:var(--erp-accent-soft-strong)!important;color:var(--erp-accent-dark)!important}.module-directory__head{background:var(--erp-surface-muted)!important;border-color:var(--erp-border)!important}.module-row{border-color:var(--erp-border)!important}.module-row:hover{background:var(--erp-surface-hover)!important}.module-row__icon{background:var(--erp-accent-soft)!important;color:var(--erp-accent)!important}.module-row:hover .module-row__arrow{color:var(--erp-accent)!important}.hr-profile-hero,.hr-employee-section.open .hr-employee-section-toggle,.hr-lookup-group.open .hr-lookup-group-toggle{background:var(--erp-accent-soft)!important}.hr-profile-avatar,.hr-employee-section-number{background:var(--erp-accent)!important;color:#fff!important}.hr-employee-section-toggle,.hr-lookup-group-toggle{background:var(--erp-surface)!important;color:var(--erp-text)!important}.hr-employee-section-panel,.hr-lookup-group-panel{border-color:var(--erp-border)!important}.hr-completion-progress{background:var(--erp-border)!important}.hr-completion-progress span{background:var(--erp-accent)!important}.role-list-item{color:var(--erp-text)!important}.role-list-item:hover,.role-list-item.selected{background:var(--erp-accent-soft)!important;border-color:color-mix(in srgb,var(--erp-accent) 30%,var(--erp-border))!important}.permission-card,.check-list label,.effective-list>div,.access-section{background:var(--erp-surface-muted)!important;border-color:var(--erp-border)!important}.permission-card input,.check-list input{accent-color:var(--erp-accent)!important}.certificate-section summary{background:var(--erp-surface-muted)!important;color:var(--erp-text)!important}.certificate-section[open] summary{background:var(--erp-accent-soft)!important}.certificate-tags>span,.certificate-card-head>span{background:var(--erp-accent-soft)!important;color:var(--erp-accent-dark)!important}.certificate-queue-list>button:hover,.certificate-queue-list>button.active{background:var(--erp-accent-soft)!important;border-color:color-mix(in srgb,var(--erp-accent) 35%,var(--erp-border))!important}.login-shell{background:linear-gradient(145deg,var(--erp-bg),var(--erp-accent-soft))!important}.login-card{border-color:var(--erp-border)!important;background:var(--erp-surface)!important;box-shadow:var(--erp-shadow-strong)!important}.brand-mark,.login-card button:not(.secondary-button){background:var(--erp-accent)!important;color:#fff!important}.login-card button:not(.secondary-button):hover{background:var(--erp-accent-dark)!important}.text-link{color:var(--erp-accent)!important}.erp-theme-popover{overflow:hidden}.erp-theme-options{grid-template-columns:1fr 1fr;gap:5px}.erp-theme-options button{border-color:var(--erp-border);background:var(--erp-surface);grid-template-columns:22px 1fr 18px;min-height:44px}.erp-theme-options button.active{border-color:color-mix(in srgb,var(--erp-accent) 32%,var(--erp-border));background:var(--erp-accent-soft)}.erp-sidebar-nav,.table-wrap,.hr-table-wrap,.access-modal,.hr-modal{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--erp-accent) 28%,var(--erp-border)) transparent}@media (max-width:720px){.erp-theme-options{grid-template-columns:1fr}.page-heading h1{font-size:23px!important}.erp-page-content{padding-bottom:18px}}