@charset "UTF-8";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:theme("borderColor.DEFAULT",currentColor)}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:theme("fontFamily.sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:theme("fontFamily.sans[1].fontFeatureSettings",normal);font-variation-settings:theme("fontFamily.sans[1].fontVariationSettings",normal)}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:theme("fontFamily.mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:theme("colors.gray.400",#9ca3af)}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}html{font-family:Krona One,sans-serif}div.login-container{display:flex;flex-direction:column;height:min-content;width:min-content;align-content:center;justify-content:center;box-shadow:0 3px 5px gray;background-color:#f4f4f4;padding:1rem}div.login-container>h2{background-color:#68a691;color:#eae5e2;text-align:center;padding:1rem;font-size:2rem;margin:-1rem -1rem 1rem;margin:-1rem -1rem 0}div.login-container>form{margin:2rem;display:flex;flex-direction:column;gap:1rem;font-size:1.3rem}div.login-container>form>button{align-self:center;background-color:#7f7caf;color:#eae5e2;padding:.5rem}div.login-container>form>button:hover{background-color:#3c3a55}div.login-container>form .form-group>input{margin-top:.3rem;font-size:1rem;height:2rem;padding-left:.4rem;box-shadow:0 0 5px gray}div.login-container>a{align-self:center;margin-bottom:1rem;text-decoration:underline}div.login-container>a:hover{color:#68a691}div.login-container>p{align-self:center;margin-bottom:1rem}div.login-container>p>button{margin-left:1rem;text-decoration:underline}div.login-container>p>button:hover{color:#68a691}main{display:grid;flex:1;place-items:center}div.register-container{display:flex;flex-direction:column;height:min-content;width:min-content;align-content:center;justify-content:center;box-shadow:0 3px 5px gray;background-color:#f4f4f4;padding:1rem}div.register-container>h2{background-color:#68a691;color:#eae5e2;text-align:center;padding:1rem;font-size:2rem;margin:-1rem -1rem 1rem}div.register-container>form{margin:2rem;display:flex;flex-direction:column;gap:1rem;font-size:1.3rem;width:max-content}div.register-container>form>button{align-self:center;background-color:#7f7caf;color:#eae5e2;padding:.5rem}div.register-container>form>button:hover{background-color:#3c3a55}div.register-container>form .form-group>input{margin-top:.3rem;font-size:1rem;height:2rem;padding-left:.4rem;box-shadow:0 0 5px gray;width:100%}div.register-container>form .form-group>label{display:block}div.register-container>p{align-self:center;margin-bottom:1rem}div.register-container>p>button{margin-left:1rem;text-decoration:underline}div.register-container>p>button:hover{color:#68a691}.resource-container{width:90%;box-shadow:0 3px 5px gray;background-color:#f4f4f4;padding:1rem;padding:0;margin-top:2rem}.resource-container>h2{background-color:#68a691;color:#eae5e2;text-align:center;padding:1rem;font-size:2rem;margin:-1rem -1rem 1rem;margin:0}.resource-container>table{width:100%;padding:20rem}.resource-container>table>caption{display:none}.resource-container>table>thead{background-color:#68a691;border-top:4px solid #F4F4F4;width:100%;height:2rem;text-align:left;color:#eae5e2}.resource-container>table>thead>tr>th{vertical-align:middle;height:2rem;padding:1rem}.resource-container>table>tbody>tr>td{padding:1rem;border-bottom:4px solid #68A691}.resource-container>nav{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.resource-container>nav>button{background-color:#7f7caf;color:#eae5e2;padding:.5rem}.resource-container>nav>button:hover{background-color:#3c3a55}.resource-container>nav>button{margin:.5rem}.resource-container>nav>.prev-btn{grid-column:1;text-align:right;justify-self:end}.resource-container>nav>.next-btn{grid-column:2;text-align:left;justify-self:start}main:has(.filter-container,.resource-container){display:flex;flex-direction:column}.filter-container{width:90%;box-shadow:0 3px 5px gray;background-color:#f4f4f4;padding:1rem;padding:0;display:flex;flex-direction:column;margin-top:2rem}.filter-container>h2{background-color:#68a691;color:#eae5e2;font-size:1.5rem;padding:.5rem;align-self:center;text-align:center;width:100%}.filter-container>form{display:flex;justify-content:space-evenly;padding:.5rem;align-content:center}.filter-container>form>label{display:flex;align-items:center;white-space:nowrap;gap:.5rem}.filter-container>form label>span:after{content:":"}.filter-container>form label>:is(input,select){flex-shrink:1;min-width:3rem;max-width:fit-content;padding-left:.5rem}.filter-container>form label>input[type=number]{width:4rem}.filter-container>form>button{background-color:#7f7caf;color:#eae5e2;padding:.5rem}.filter-container>form>button:hover{background-color:#3c3a55}.filter-container>form>.sort-options{display:flex;flex-direction:column;gap:.3rem}.filter-container>form>.sort-options>label{display:flex;gap:.5rem;align-items:center}.filter-container>form>.sort-options>legend{display:none}div.home-container{width:90%;display:flex;flex-direction:column;align-items:center}div.home-container>h2{font-size:3rem}div.home-container>p{margin-top:1rem}div.home-container>.home-login-group{display:grid;grid-template-rows:min-content min-content;justify-items:center;width:fit-content;font-size:1.2rem;margin-top:4rem;gap:1rem}div.home-container>.home-login-group>p{grid-row:1;grid-column:1/3}div.home-container>.home-login-group>.login-btn{grid-row:2;background-color:#7f7caf;color:#eae5e2;padding:.5rem}div.home-container>.home-login-group>.login-btn:hover{background-color:#3c3a55}div.home-container>.home-login-group>.register-btn{grid-row:2;background-color:#7f7caf;color:#eae5e2;padding:.5rem}div.home-container>.home-login-group>.register-btn:hover{background-color:#3c3a55}div.home-container>.home-options-group{display:flex;flex-direction:column;font-size:1.5rem;margin-top:4rem;gap:1rem;width:100%;text-align:center}div.home-container>.home-options-group>.user-options{display:flex;justify-content:space-evenly;text-decoration:underline}div.home-container>.home-options-group>.user-options>a:hover{color:#68a691}div.home-container>.home-options-group>button{background-color:#f26419;color:#eae5e2;padding:.5rem}div.home-container>.home-options-group>button:hover{background-color:#9e410e}div.home-container>.home-options-group>button{margin-top:5rem;width:fit-content;align-self:center}.employee-detail-container{box-shadow:0 3px 5px gray;background-color:#f4f4f4;padding:1rem;width:40%;display:flex;flex-direction:column}.employee-detail-container>h2{background-color:#68a691;color:#eae5e2;text-align:center;padding:1rem;font-size:2rem;margin:-1rem -1rem 1rem}.employee-detail-container>dl{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 2rem;align-items:center}.employee-detail-container dt{font-weight:700;color:#555}.employee-detail-container>h3{background-color:#68a691;color:#eae5e2;height:1.5rem;display:flex;align-items:center;justify-content:center}.employee-detail-container>a{background-color:#7f7caf;color:#eae5e2;padding:.5rem}.employee-detail-container>a:hover{background-color:#3c3a55}.employee-detail-container>a{text-align:center;margin-top:1rem}.employee-detail-container>button{background-color:#f26419;color:#eae5e2;padding:.5rem}.employee-detail-container>button:hover{background-color:#9e410e}.employee-detail-container>button{text-align:center;margin-top:1rem}.app-layout{min-height:100vh;display:flex;flex-direction:column;background-color:#d9d9d9}header{background-color:#283d3b;color:#eae5e2;display:grid;grid-template-columns:max-content 1fr;width:100vw;height:5rem;align-items:center}header>h1{font-size:3rem;grid-column:1;margin-left:1rem}header>nav{display:flex;align-items:center;justify-content:right;margin-right:2rem}header>nav>menu{grid-column:1;display:flex;flex-direction:row;justify-content:right}header>nav>menu>li{font-size:1.5rem;margin-right:5%}header>nav .login-control{grid-column:2;align-content:center;margin-right:1rem}header .dropdown>.dropdown-btn{white-space:nowrap}header .dropdown>.dropdown-btn.no-after:after{content:none}header .dropdown>.dropdown-btn.employee-img{max-height:3.5rem;max-width:3.5rem;border-radius:100%}.dropdown{position:relative;display:inline-block}.dropdown:hover .dropdown-content{display:block;border:#283D3B 3px solid}.dropdown>.dropdown-content{display:none;position:absolute;min-width:160px;width:max-content;z-index:1;background-color:#436a5d}.dropdown>.dropdown-content>*{padding:12px 16px;text-decoration:none;display:block}.dropdown>.dropdown-content>*:before{content:"• "}.dropdown>.dropdown-content>*:hover{text-decoration:underline}.dropdown>.dropdown-content-right{right:0;left:auto}.dropdown>.dropdown-btn:after{content:"﹀";font-weight:700;display:inline-block;vertical-align:middle;margin-top:.6rem;margin-left:.3rem}.employee-form{display:flex;flex-direction:column;width:40%;box-shadow:0 3px 5px gray;background-color:#f4f4f4;padding:1rem}.employee-form>h2{background-color:#68a691;color:#eae5e2;text-align:center;padding:1rem;font-size:2rem;margin:-1rem -1rem 1rem}.employee-form>label{display:flex;flex-direction:column}.employee-form>label>:is(input,select){margin-top:.3rem;margin-bottom:1rem;padding-left:.5rem;height:2rem}.employee-form>label>:is(input,select)[disabled]{background-color:#d3d3d3;color:gray}.employee-form>label:has(input[type=checkbox]){flex-direction:row;align-items:center}.employee-form>label>input[type=checkbox]{align-self:center;margin:0 1rem;transform:scale(2)}.employee-form>button[type=submit]{background-color:#7f7caf;color:#eae5e2;padding:.5rem}.employee-form>button[type=submit]:hover{background-color:#3c3a55}.employee-form>button[type=submit]{width:fit-content;align-self:center}.department-container{box-shadow:0 3px 5px gray;background-color:#f4f4f4;padding:1rem;width:90%;display:flex;flex-direction:column;align-items:center;margin-top:3rem}.department-container>.department-header{background-color:#68a691;color:#eae5e2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:calc(100% + 2rem);margin:-1rem}.department-container>.department-header>:is(h2,input){grid-column:2;font-size:2rem}.department-container>.department-header>input{background-color:#68a691;text-align:center;text-decoration:underline dotted 3px}.department-container>.department-header>menu{grid-column:3;justify-self:right;padding-right:2rem}.department-container>.department-header>menu>button{margin-left:1rem;padding:1rem}.department-container>.department-header>menu>:is(button.edit-btn,button.save-btn){background-color:#7f7caf;color:#eae5e2;padding:.5rem}.department-container>.department-header>menu>:is(button.edit-btn,button.save-btn):hover{background-color:#3c3a55}.department-container>.department-header>menu>:is(button.delete-btn,button.edit-cancel-btn){background-color:#f26419;color:#eae5e2;padding:.5rem}.department-container>.department-header>menu>:is(button.delete-btn,button.edit-cancel-btn):hover{background-color:#9e410e}