.employee-form{padding:var(--spacing-6);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);max-width:600px;margin:var(--spacing-8) auto}.employee-form__title{margin-bottom:var(--spacing-6);text-align:center}.employee-form__form{display:flex;flex-direction:column;gap:var(--spacing-3)}.employee-form__label{color:var(--color-text);font-size:var(--font-size-sm)}.employee-form__input,.employee-form__select{display:block;width:-webkit-fill-available;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-base)}.employee-form__address{padding:var(--spacing-5);margin-top:var(--spacing-2);border-radius:var(--border-radius-md);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-4)}.employee-form__legend{font-weight:var(--font-weight-semibold);padding:0 var(--spacing-2)}.employee-form__field{display:flex;flex-direction:column;gap:var(--spacing-3)}.employee-form__select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.employee-form__select-wrapper{position:relative}.employee-form__select-icon{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-text-light)}.employee-form__select:invalid{color:var(--color-text-light)}.employee-form__select option{color:var(--color-text)}.employee-form__save-button{font-size:var(--font-size-base);margin-top:var(--spacing-4);align-self:center}.confirm-modal{position:fixed;top:0;right:0;bottom:0;left:0}.confirm-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000c}.confirm-modal__content{background-color:var(--color-background);padding:var(--spacing-9);border-radius:var(--border-radius-lg);max-width:400px;width:100%;box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.confirm-modal__message{margin:0 0 var(--spacing-6);text-align:center}.confirm-modal__button{display:block;margin:0 auto}.confirm-modal__button:hover{background-color:var(--color-primary-dark)}@media (max-width: 768px){.confirm-modal__content{padding:var(--spacing-4);max-width:300px}}@media (max-width: 425px){.confirm-modal__content{padding:var(--spacing-3);max-width:260px}.confirm-modal__message{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--spacing-3:.75rem;--spacing-6:1.5rem;--spacing-8:2rem;--border-width:1px;--color-text:#1f2937;--color-background:#fff;--color-border:#e5e7eb;--font-size-sm:.875rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem}.employee__table-wrapper{overflow-x:auto;padding:var(--spacing-8) 0}.employee__title{margin-bottom:var(--spacing-6)}.employee__table-header{align-items:center;display:flex;justify-content:space-between}.employee__filter,.employee__length{display:inline-block;margin-bottom:var(--spacing-6);margin-right:var(--spacing-6)}.employee__filter-label,.employee__length-label{align-items:center;display:flex;gap:var(--spacing-3)}.employee__table{border:var(--border-width) solid var(--color-text);border-collapse:collapse;width:100%}.employee__table-head{background:var(--color-text);color:var(--color-background)}tr.employee__table-row:not(:last-child){border-bottom:var(--border-width) solid var(--color-border)}.employee__table td,.employee__table th{padding:var(--spacing-3);text-align:left}.employee__info{font-size:var(--font-size-sm);margin-top:var(--spacing-6)}.employee__paginate{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6)}.paginate_button{background:var(--color-text);color:var(--color-background)}.paginate_button:disabled{cursor:not-allowed;opacity:.25}@media (max-width:768px){.employee__filter,.employee__length{display:block}.employee__title{font-size:var(--font-size-3xl)}}@media (max-width:425px){.employee__title{font-size:var(--font-size-2xl)}}:root{--color-primary-light: #e0f2fe;--color-primary: #38bdf8;--color-primary-dark: #0ea5e9;--color-secondary-light: #f3f4f6;--color-secondary: #e5e7eb;--color-secondary-dark: #d1d5db;--color-text: #1f2937;--color-text-light: #6b7280;--color-background: #ffffff;--color-border: #e5e7eb;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--font-family-sans: "Noto Sans", sans-serif;--font-family-serif: "Noto Serif", serif;--font-family-mono: "Noto Mono", monospace;--font-size-xs: .75rem;--line-height-xs: 1rem;--font-size-sm: .875rem;--line-height-sm: 1.25rem;--font-size-base: 1rem;--line-height-base: 1.5rem;--font-size-lg: 1.125rem;--line-height-lg: 1.75rem;--font-size-xl: 1.25rem;--line-height-xl: 1.75rem;--font-size-2xl: 1.5rem;--line-height-2xl: 2rem;--font-size-3xl: 1.875rem;--line-height-3xl: 2.25rem;--font-size-4xl: 2.25rem;--line-height-4xl: 2.5rem;--font-size-5xl: 3rem;--line-height-5xl: 1;--font-size-6xl: 3.75rem;--line-height-6xl: 1;--font-size-7xl: 4.5rem;--line-height-7xl: 1;--font-size-8xl: 6rem;--line-height-8xl: 1;--font-size-9xl: 8rem;--line-height-9xl: 1;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--border-radius-none: 0px;--border-radius-sm: .125rem;--border-radius: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-3xl: 1.5rem;--border-radius-full: 9999px;--border-width-0: 0px;--border-width: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px;--transition-duration: .15s;--transition-timing-function: cubic-bezier(.4, 0, .2, 1);--spacing-px: 1px;--spacing-0: 0;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-3-5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem}html{box-sizing:border-box;font-size:var(--font-size-base);line-height:var(--line-height-base)}body{font-family:var(--font-family-sans);color:var(--color-text);background-color:var(--color-secondary-light)}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}button{cursor:pointer;border:none;padding:0}button,[type=button],[type=reset],[type=submit]{background-color:var(--color-primary);color:#fff;padding:var(--spacing-2) var(--spacing-6);border-radius:var(--border-radius-md)}[type=button]:hover,[type=reset]:hover,[type=submit]:hover{background-color:var(--color-primary-dark)}ol,ul,menu{list-style:none;margin:0;padding:0}input,textarea,select{border:1px solid var(--color-border);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius)}input::placeholder,textarea::placeholder{opacity:1;color:var(--color-text-light)}.main{padding:0 var(--spacing-6)}.header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-6);background-color:var(--color-background);border-bottom:1px solid var(--color-border);position:relative}.header__logo-image{width:var(--spacing-12);height:var(--spacing-12)}.header__nav-list{display:flex;gap:var(--spacing-6)}.header__nav-link{text-decoration:none;color:var(--color-text)}.header__nav-link:hover{color:var(--color-primary-dark)}.header__burger{flex-direction:column;justify-content:space-around;width:var(--spacing-6);height:var(--spacing-5);background:none;cursor:pointer;padding:0}.header__burger-line{height:2px;background-color:var(--color-text)}.footer{padding:var(--spacing-6);background-color:var(--color-text);color:var(--color-secondary-light);text-align:center}.footer__nav{margin-top:var(--spacing-2)}.footer__nav-list{display:flex;justify-content:center;list-style:none;padding:0;margin:0}@media (max-width: 768px){.header__burger{display:flex}.header__nav--mobile{display:none;position:absolute;top:100%;left:0;width:100%;background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.header__nav--open{display:block}.header__nav-list--mobile{display:block;padding:var(--spacing-4) 0}.header__nav-item{text-align:center}.header__nav-link{display:block;padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border)}.header__nav-link:hover{color:var(--color-primary-dark)}.header__nav-item:last-child .header__nav-link{border-bottom:none}}@media (min-width: 425px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}}