@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--primary-blue:#1976d2;--primary-blue-light:#42a5f5;--primary-blue-dark:#1565c0;--secondary-teal:#009688;--secondary-teal-light:#4db6ac;--secondary-teal-dark:#00695c;--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#f5f5f5;--text-primary:#212121;--text-secondary:#757575;--text-disabled:#bdbdbd;--text-white:#fff;--accent-orange:#ff9800;--accent-orange-light:#ffb74d;--accent-orange-dark:#f57c00;--status-success:#4caf50;--status-warning:#ff9800;--status-error:#f44336;--status-info:#2196f3;--border-light:#e0e0e0;--border-medium:#bdbdbd;--border-dark:#757575;--shadow-light:#0000001a;--shadow-medium:#00000026;--shadow-dark:#0003}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-light);z-index:1000;width:280px;height:100vh;box-shadow:0 4px 6px -1px var(--shadow-light),0 2px 4px -1px var(--shadow-light);padding:0;position:fixed;top:0;left:0;overflow-y:auto}.main-content{background:var(--bg-primary);flex-direction:column;flex:1;min-height:100vh;margin-left:280px;display:flex}.header{background:var(--bg-secondary);height:64px;color:var(--text-primary);border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px 0 var(--shadow-light);z-index:900;justify-content:space-between;align-items:center;padding:0 2rem;display:flex}.page-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.header-right{align-items:center;gap:1rem;display:flex}.header-actions{align-items:center;gap:.5rem;display:flex}.header-icon-btn{color:#404040;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s ease-in-out;display:flex}.header-icon-btn:hover{color:#0284c7;background:#f5f5f5}.header-right .avatar{cursor:pointer;color:#fff;background-color:#0284c7;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex;position:relative}.avatar-dropdown{color:#333;z-index:1001;background:#fff;border:1px solid #ddd;border-radius:6px;width:150px;position:absolute;top:40px;right:0;box-shadow:0 2px 6px #00000026}.dropdown-item{color:#333;width:100%;font-size:14px;text-decoration:none;display:block;text-transform:capitalize!important;justify-content:flex-start!important;padding:8px 12px!important;display:flex!important}.dropdown-item:hover{background:#f5f5f5}.dropdown-item.danger{color:red}.sidebar-header{text-align:center;border-bottom:1px solid var(--border-light);color:var(--text-white);background:#fff;justify-content:center;align-items:center;height:64px;padding:.75rem 1rem;display:flex}.sidebar-header img{object-fit:contain;max-width:160px;height:auto;max-height:40px}.menu-container{padding:1rem 0}.menu-item{flex-direction:column;display:flex}.menu-link{color:var(--text-primary);cursor:pointer;border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;display:flex}.menu-link:hover{background:var(--bg-tertiary);color:var(--primary-blue);border-left-color:var(--primary-blue)}.menu-link.active{color:var(--primary-blue);border-left-color:var(--primary-blue);background:#1976d21a}.menu-left{align-items:center;gap:.75rem;display:flex}.menu-icon{filter:brightness(0)saturate()invert(25%)sepia(0%)saturate(0%)hue-rotate()brightness(0%)contrast();width:20px;height:20px}.menu-label{font-weight:500}.submenu{background:var(--bg-tertiary);border-left:2px solid var(--primary-blue);border-radius:0 0 .5rem .5rem;flex-direction:column;margin-left:1.5rem;display:flex}.submenu-link{color:var(--text-secondary);border-left:3px solid #0000;border-radius:.25rem;margin:.125rem .5rem;padding:.5rem 1rem;font-size:.8125rem;text-decoration:none;transition:all .2s ease-in-out}.submenu-link:hover{color:var(--primary-blue);background:#1976d21a}.submenu-link.active{color:var(--primary-blue);border-left-color:var(--primary-blue);background:#1976d226;border-radius:.25rem;font-weight:600}.submenu-text{margin-left:0}.menu-arrow{color:#404040;width:16px;height:16px;transition:transform .3s}.menu-arrow.active{transform:rotate(180deg)}.content-area{background:#fafafa;flex:1;padding:.5rem;overflow-y:auto}.hrms-card{background:var(--bg-secondary);box-shadow:0 1px 3px 0 var(--shadow-light);border:1px solid var(--border-light);border-radius:.75rem;margin-bottom:1.5rem;overflow:hidden}.hrms-card-header{border-bottom:1px solid var(--border-light);background:var(--bg-tertiary);padding:1.5rem}.hrms-card-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.hrms-card-content{padding:1.5rem}.hrms-btn{cursor:pointer;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex}.hrms-btn-fixed-height{height:40px}.hrms-btn-primary{background-color:var(--primary-blue);color:var(--text-white);border-color:var(--primary-blue)}.hrms-btn-primary:hover{background-color:var(--primary-blue-dark);border-color:var(--primary-blue-dark)}.hrms-btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-medium)}.hrms-btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-dark)}.hrms-btn-success{background-color:var(--status-success);color:var(--text-white);border-color:var(--status-success)}.hrms-btn-success:hover{background-color:#388e3c;border-color:#388e3c}.hrms-btn-warning{background-color:var(--accent-orange);color:var(--text-white);border-color:var(--accent-orange)}.hrms-btn-warning:hover{background-color:var(--accent-orange-dark);border-color:var(--accent-orange-dark)}.hrms-btn-error{background-color:var(--status-error);color:var(--text-white);border-color:var(--status-error)}.hrms-btn-error:hover{background-color:#d32f2f;border-color:#d32f2f}.hrms-table{border-collapse:collapse;background:#fff;border-radius:.75rem;width:100%;overflow:hidden;box-shadow:0 1px 2px #0000000d}.hrms-table th{color:#404040;text-align:left;background-color:#fafafa;border-bottom:1px solid #e5e5e5;padding:.5rem;font-size:.875rem;font-weight:600}.hrms-table td{color:#404040;border-bottom:1px solid #f5f5f5;padding:.5rem;font-size:.875rem}.hrms-table tbody tr:hover{background-color:#fafafa}.hrms-table tbody tr:last-child td{border-bottom:none}.hrms-badge{border-radius:.5rem;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.hrms-badge-primary{color:var(--primary-blue);background-color:#1976d21a}.hrms-badge-success{color:var(--status-success);background-color:#4caf501a}.hrms-badge-warning{color:var(--accent-orange);background-color:#ff98001a}.hrms-badge-error{color:var(--status-error);background-color:#f443361a}.hrms-badge-neutral{background-color:var(--bg-tertiary);color:var(--text-secondary)}.hrms-form-group{margin-bottom:1.5rem}.hrms-form-label{color:#404040;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.hrms-form-input{background-color:#fff;border:1px solid #d4d4d4;border-radius:.5rem;width:100%;padding:.5rem 1rem;font-size:.875rem;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.hrms-form-input:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e91a}.hrms-file-input{background-color:#fff;border:1px solid #c4c4c4;border-radius:4px;width:100%;padding:8px 12px;font-size:14px;transition:border-color .2s ease-in-out}.hrms-file-input:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e91a}.hrms-page-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px 0 var(--shadow-light);border-radius:.75rem;margin-bottom:2rem;padding:2rem 0}.hrms-page-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:700}.hrms-page-subtitle{color:var(--text-secondary);margin-bottom:0;font-size:1rem}@media (max-width:768px){.sidebar{transition:transform .3s ease-in-out;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.content-area{padding:1rem}.hrms-page-title{font-size:1.5rem}}