.hrms-scope{--hrms-primary:var(--primary);--hrms-primary-hover:var(--primary-container);--hrms-primary-light:color-mix(in srgb,var(--primary) 8%,#fff);--hrms-secondary:var(--match-green);--hrms-secondary-hover:var(--match-green-dark);--hrms-secondary-light:color-mix(in srgb,var(--match-green) 10%,#fff);--hrms-accent-blue:var(--primary);--hrms-accent-blue-light:color-mix(in srgb,var(--primary) 10%,#fff);--hrms-accent-blue-dark:var(--primary-container);--hrms-bg-main:var(--surface-base);--hrms-bg-surface:var(--surface-card);--hrms-bg-secondary:var(--surface-low);--hrms-bg-sidebar:var(--primary);--hrms-text-primary:var(--text-primary);--hrms-text-secondary:var(--text-secondary);--hrms-text-muted:var(--text-muted);--hrms-border-color:var(--border);--hrms-danger:var(--reject-red);--hrms-danger-light:color-mix(in srgb,var(--reject-red) 10%,#fff);--hrms-danger-dark:var(--reject-red-dark);--hrms-warning:#e8b830;--hrms-warning-light:#fff8ee;--hrms-warning-dark:#a8820a;--hrms-success:var(--match-green);--hrms-success-light:color-mix(in srgb,var(--match-green) 10%,#fff);--hrms-success-dark:var(--match-green-dark);--hrms-orgchart-tier-1:var(--hrms-primary);--hrms-orgchart-tier-2:var(--hrms-warning-dark);--hrms-orgchart-tier-3:var(--hrms-success-dark);--hrms-space-1:4px;--hrms-space-2:8px;--hrms-space-3:12px;--hrms-space-4:16px;--hrms-space-5:20px;--hrms-space-6:24px;--hrms-space-8:32px;--hrms-space-10:40px;--hrms-space-12:48px;--hrms-radius-sm:var(--radius-key);--hrms-radius-md:var(--radius-key);--hrms-radius-lg:var(--radius-panel);--hrms-radius-xl:var(--radius-panel);--hrms-radius-2xl:var(--radius-panel);--hrms-radius-full:var(--radius-pill);--hrms-font-size-xs:12px;--hrms-font-size-sm:13px;--hrms-font-size-base:14px;--hrms-font-size-md:16px;--hrms-font-size-lg:18px;--hrms-font-size-xl:20px;--hrms-font-size-2xl:24px;--hrms-font-size-3xl:32px;--hrms-font-size-4xl:36px;--hrms-font-weight-normal:400;--hrms-font-weight-medium:500;--hrms-font-weight-semibold:600;--hrms-font-weight-bold:700;--hrms-font-weight-extrabold:800;color:var(--hrms-text-primary);font-family:var(--font-lato),"Lato",-apple-system,BlinkMacSystemFont,sans-serif}.hrms-scope *,.hrms-scope :after,.hrms-scope :before{box-sizing:border-box}.hrms-scope.app-container{display:flex;width:100%;height:100vh;overflow:hidden}.hrms-scope .main-content{flex:1;min-width:0;background-color:var(--hrms-bg-main);padding:32px 40px 72px;overflow-y:auto;position:relative;box-shadow:inset 3px 0 6px -2px rgba(0,0,0,.1),inset 0 3px 6px -2px rgba(0,0,0,.06)}.hrms-scope .glass-card{background:var(--hrms-bg-surface);border-color:hsla(0,0%,100%,.8) rgba(0,0,0,.08) rgba(0,0,0,.08) hsla(0,0%,100%,.8);border-style:solid;border-width:1px 2px 2px 1px;box-shadow:2px 2px 4px rgba(0,0,0,.03);border-radius:var(--radius-panel);padding:32px}.hrms-scope .hrms-popover{border-radius:var(--radius-panel);border:1px solid var(--hrms-border-color);background:var(--hrms-bg-surface,#fff);box-shadow:0 24px 48px rgba(26,50,87,.08)}.hrms-scope .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.hrms-scope .form-label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--hrms-text-secondary);margin-bottom:6px}.hrms-scope .form-error{font-size:var(--hrms-font-size-xs);color:var(--hrms-danger)}.hrms-scope .fade-in{animation:hrms-fadeIn .4s ease-out}@keyframes hrms-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hrms-scope .data-table{width:100%;border-collapse:collapse;background:var(--hrms-bg-surface)}.hrms-scope .data-table th{text-align:left;padding:10px 16px}.hrms-scope .data-table td{padding:12px 16px;border-bottom:1px solid var(--hrms-border-color);vertical-align:middle;font-size:var(--hrms-font-size-base)}.hrms-scope .data-table tbody tr:hover{background:var(--hrms-bg-secondary)}.hrms-scope .hrms-clickable-row{border:1px solid var(--hrms-border-color);border-radius:var(--hrms-radius-md);cursor:pointer;transition:background .12s ease,border-color .12s ease}.hrms-scope .hrms-clickable-row:hover{background:var(--hrms-bg-secondary);border-color:var(--hrms-primary)}.hrms-scope .modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--hrms-space-6) var(--hrms-space-4)}.hrms-scope .modal-panel{width:100%;border-radius:var(--radius-panel);position:relative;max-height:90vh;overflow-y:auto}@media (max-width:768px){.hrms-scope .main-content{padding:20px 16px 72px}}@media (max-width:767px){.hrms-scope{--hrms-font-size-2xl:20px;--hrms-font-size-3xl:22px;--hrms-font-size-4xl:26px}.hrms-scope .main-content div:has(>div>div>h1),.hrms-scope .main-content div:has(>div>h1),.hrms-scope .main-content div:has(>h1){flex-wrap:wrap;row-gap:var(--hrms-space-3);column-gap:var(--hrms-space-3)}.hrms-scope .main-content div:has(>div>div>h1)>div,.hrms-scope .main-content div:has(>div>h1)>div{flex-wrap:wrap;row-gap:var(--hrms-space-2)}.hrms-scope .glass-card{padding:var(--hrms-space-4)!important}}@media (max-width:640px){.hrms-scope .modal-panel{max-width:calc(100vw - 2 * var(--hrms-space-4))!important}}