@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;align-content:center;justify-content:center;width:90%;max-width:400px;margin:0 auto;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;align-content:center;justify-content:center;width:90%;max-width:500px;margin:0 auto;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:100%}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%;max-width:1200px;box-shadow:0 3px 5px gray;background-color:#f4f4f4;padding:1rem;padding:0;margin-top:2rem;overflow:auto}.resource-container>h2{background-color:#68a691;color:#eae5e2;text-align:center;padding:1rem;font-size:2rem;margin:-1rem -1rem 1rem;margin:0;position:sticky;top:0;z-index:20;left:0}.resource-container>table{width:100%;padding:20rem;min-width:600px}.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>table>tbody>tr.clickable{cursor:pointer}.resource-container>nav{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1rem}.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;flex-wrap:wrap}.filter-container>form>label{display:flex;align-items:center;white-space:nowrap;gap:.5rem}@media(max-width:1300px){.filter-container>form>label{width:100%;justify-content:space-between}}.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}@media(max-width:1300px){.filter-container>form>button{width:100%;margin-top:1rem}}.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}.filter-container>form *[disabled]{background-color:#d3d3d3;color:gray}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;display:flex;flex-direction:column;width:90%;max-width:800px;margin:2rem auto}.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}@media(max-width:1300px){.employee-detail-container>dl{grid-template-columns:1fr;gap:.2rem}.employee-detail-container>dl dt{margin-top:.5rem;color:#555}.employee-detail-container>dl dd{margin-bottom:.5rem;border-bottom:1px solid #68A691}}.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:100%;height:5rem;align-items:center;position:relative;z-index:50}@media(max-width:1300px){header{display:block}}header .header-top{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding-left:1rem}@media(min-width:1301px){header .header-top{grid-column:1;width:auto}}header .header-top>h1{font-size:2.5rem;white-space:nowrap}@media(max-width:1300px){header .header-top>h1{font-size:1.5rem}}header .header-top .menu-btn{display:none;background:none;border:none;font-size:2rem;color:#eae5e2;cursor:pointer;padding:0 1rem}@media(max-width:1300px){header .header-top .menu-btn{display:block}}header>nav{display:flex;align-items:center;justify-content:flex-end;margin-right:2rem;height:100%}@media(max-width:1300px){header>nav{display:none;margin-right:0}header>nav.menu-open{display:flex;flex-direction:column;justify-content:flex-end;position:absolute;top:5rem;left:0;width:100%;background-color:#283d3b;padding:1rem 0 2rem;box-shadow:0 4px 6px #0000004d;z-index:100;height:auto}}header>nav>menu{grid-column:1;display:flex;flex-direction:row;align-items:center;gap:2rem}@media(max-width:1300px){header>nav>menu{flex-direction:column;align-items:center;width:100%;gap:1.5rem;margin-bottom:1.5rem}}header>nav>menu>li{font-size:1rem}header>nav>.login-control{margin-left:2rem}@media(max-width:1300px){header>nav>.login-control{margin-left:0;margin-bottom:1rem}}header>nav .employee-img{margin-left:2rem}@media(max-width:1300px){header>nav .employee-img{margin:0 auto}}header .dropdown{position:relative}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%}@media(max-width:1300px){header .dropdown{text-align:center;width:100%}header .dropdown .dropdown-content,header .dropdown .dropdown-content-right{position:relative;width:100%;box-shadow:none;min-width:200px;top:0;left:0}}.dropdown{position:relative;display:inline-block}.dropdown>.dropdown-content{display:none;position:absolute;min-width:160px;width:max-content;z-index:100;background-color:#436a5d}.dropdown>.dropdown-content.show{display:block;border:#283D3B 3px solid}.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;transition:transform .3s ease;display:inline-block;margin-top:.6rem;vertical-align:middle;margin-left:.3rem}.dropdown.open>.dropdown-btn:after{transform:rotate(180deg) translateY(1rem)}.create-edit-form{display:flex;flex-direction:column;width:90%;max-width:600px;margin:2rem auto;box-shadow:0 3px 5px gray;background-color:#f4f4f4;padding:1rem}.create-edit-form>h2{background-color:#68a691;color:#eae5e2;text-align:center;padding:1rem;font-size:2rem;margin:-1rem -1rem 1rem}.create-edit-form>label{display:flex;flex-direction:column}.create-edit-form>label>:is(input,select){margin-top:.3rem;margin-bottom:1rem;padding-left:.5rem;height:2rem}.create-edit-form>label>:is(input,select)[disabled]{background-color:#d3d3d3;color:gray}.create-edit-form>label:has(input[type=checkbox]){flex-direction:row;align-items:center}.create-edit-form>label>input[type=checkbox]{align-self:center;margin:0 1rem;transform:scale(2)}.create-edit-form>button[type=submit]{background-color:#7f7caf;color:#eae5e2;padding:.5rem}.create-edit-form>button[type=submit]:hover{background-color:#3c3a55}.create-edit-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;z-index:1}.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}.shift-container{box-shadow:0 3px 5px gray;background-color:#f4f4f4;padding:1rem;width:90%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;flex-direction:column;justify-items:center;margin-top:3rem;margin-bottom:3rem}@media(max-width:1300px){.shift-container{display:flex;flex-direction:column;gap:1rem}}.shift-container>.shift-header{background-color:#68a691;color:#eae5e2;grid-row:1;grid-column:1/3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:calc(100% + 2rem);margin:-1rem -1rem 0;z-index:1}@media(max-width:1300px){.shift-container>.shift-header{display:flex;flex-direction:column;gap:1rem;height:auto;padding:1rem}.shift-container>.shift-header>*{margin:0;width:100%;text-align:center}.shift-container>.shift-header>menu{display:flex;justify-content:center;gap:1rem;padding:0}.shift-container>.shift-header>menu button{margin:0}}.shift-container>.shift-header>:is(h2,input){grid-column:2;font-size:2rem}.shift-container>.shift-header>input{background-color:#68a691;text-align:center;text-decoration:underline dotted 3px}.shift-container>.shift-header>menu{grid-column:3;justify-self:right;padding-right:2rem}.shift-container>.shift-header>menu>button{margin-left:1rem;padding:1rem}.shift-container>.shift-header>menu>:is(button.edit-btn,button.save-btn){background-color:#7f7caf;color:#eae5e2;padding:.5rem}.shift-container>.shift-header>menu>:is(button.edit-btn,button.save-btn):hover{background-color:#3c3a55}.shift-container>.shift-header>menu>:is(button.delete-btn,button.edit-cancel-btn){background-color:#f26419;color:#eae5e2;padding:.5rem}.shift-container>.shift-header>menu>:is(button.delete-btn,button.edit-cancel-btn):hover{background-color:#9e410e}.shift-container>.info-card{box-shadow:0 3px 5px gray;background-color:#f4f4f4;padding:1rem;padding:0;grid-column:1;grid-row:2;width:70%;height:100%;margin-top:1rem}@media(max-width:1300px){.shift-container>.info-card{width:100%;grid-column:auto}}.shift-container>.info-card>dl{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 2rem;align-items:center;padding:1rem}.shift-container>.info-card>dl>dt{font-weight:700;color:#555}.shift-container>.info-card>h3{font-size:1.5rem;background-color:#436a5d;color:#eae5e2;text-align:center;border-bottom:#F4F4F4 3px solid}.shift-container>.table-card{box-shadow:0 3px 5px gray;background-color:#f4f4f4;padding:1rem;padding:0;grid-column:2;grid-row:2;width:90%;height:0;min-height:100%;display:flex;flex-direction:column;margin-top:1rem}@media(max-width:1300px){.shift-container>.table-card{width:100%;grid-column:auto;height:auto;display:flex;flex-direction:column}}.shift-container>.table-card>h3{font-size:1.5rem;background-color:#436a5d;color:#eae5e2;text-align:center;border-bottom:#F4F4F4 3px solid}.shift-container>.table-card>.table-wrapper{flex-grow:1;overflow-y:auto}.shift-container>.table-card>.table-wrapper>table.signed-up{width:100%;border-collapse:collapse}.shift-container>.table-card>.table-wrapper>table.signed-up th{position:sticky;top:0;z-index:1;text-align:left;background-color:#68a691;color:#eae5e2}.shift-container>.table-card>.table-wrapper>table.signed-up>tbody>tr{border-bottom:#68A691 3px solid}.shift-container>.table-card>.table-wrapper>table.signed-up>tbody>tr>td button{background-color:#7f7caf;color:#eae5e2;padding:.5rem}.shift-container>.table-card>.table-wrapper>table.signed-up>tbody>tr>td button:hover{background-color:#3c3a55}.shift-container>.table-card>.table-wrapper>table.signed-up>tbody>tr>td:last-child{width:1%;white-space:nowrap}.shift-container>button{grid-column:2;grid-row:3;background-color:#7f7caf;color:#eae5e2;padding:.5rem}.shift-container>button:hover{background-color:#3c3a55}.shift-container>button{margin-top:2rem;height:fit-content}.shift-container>.add-employee-card{box-shadow:0 3px 5px gray;background-color:#f4f4f4;padding:1rem;padding:0;margin-top:2rem}@media(max-width:1300px){.shift-container>.add-employee-card{width:100%;grid-column:auto}}.shift-container>.add-employee-card>h3{font-size:1.5rem;background-color:#436a5d;color:#eae5e2;text-align:center;border-bottom:#F4F4F4 3px solid}.shift-container>.add-employee-card>form{padding:1rem}.shift-container>.add-employee-card button{background-color:#7f7caf;color:#eae5e2;padding:.5rem}.shift-container>.add-employee-card button:hover{background-color:#3c3a55}.shift-container>.add-employee-card button{margin-left:1rem}.shift-container>.resource-container{grid-column:1/3;grid-row:4;justify-self:center}label.skills{display:grid;grid-template-rows:auto auto auto;grid-template-columns:auto auto;margin-bottom:2rem;align-items:center}label.skills>input{grid-column:1;grid-row:2}label.skills>button{grid-column:2;grid-row:2;background-color:#7f7caf;color:#eae5e2;padding:.5rem}label.skills>button:hover{background-color:#3c3a55}label.skills>button{justify-self:center}label.skills>.id-container{grid-column:1/3;grid-row:3;display:flex;flex-wrap:wrap}label.skills>.id-container>span{background-color:#68a691;color:#eae5e2;margin:.5rem;padding:.5rem}label.skills>.id-container>span>.remove-skill-btn{margin-left:.5rem}.clockin-container{box-shadow:0 3px 5px gray;background-color:#f4f4f4;padding:1rem;width:90%;max-width:500px;margin:2rem auto;padding:2rem}.clockin-container>h2{background-color:#68a691;color:#eae5e2;text-align:center;padding:1rem;font-size:2rem;margin:-1rem -1rem 1rem;margin-top:0}@media(max-width:1300px){.clockin-container>h2{font-size:1.5rem;text-align:center}}.clockin-container>form{display:flex;flex-direction:column;gap:1rem;width:100%}.clockin-container>form label{display:flex;align-items:center;justify-content:space-between;width:100%;white-space:nowrap}@media(max-width:1300px){.clockin-container>form label{flex-direction:column;align-items:flex-start;gap:.5rem}}.clockin-container>form input{margin-left:1rem;flex-grow:1}@media(max-width:1300px){.clockin-container>form input{margin-left:0;width:100%;height:2.5rem}}.clockin-container>form>button[type=submit]{background-color:#7f7caf;color:#eae5e2;padding:.5rem}.clockin-container>form>button[type=submit]:hover{background-color:#3c3a55}@media(max-width:1300px){.clockin-container>form>button[type=submit]{width:100%;margin-top:1rem}}.new-card-container{box-shadow:0 3px 5px gray;background-color:#f4f4f4;padding:1rem;display:flex;flex-direction:column;align-items:center;padding:0;width:90%;max-width:500px;margin:2rem auto}.new-card-container>h2{background-color:#68a691;color:#eae5e2;text-align:center;padding:1rem;font-size:2rem;margin:-1rem -1rem 1rem;width:100%;margin:0}@media(max-width:1300px){.new-card-container>h2{font-size:1.5rem;padding:1rem}}.new-card-container>button{background-color:#7f7caf;color:#eae5e2;padding:.5rem}.new-card-container>button:hover{background-color:#3c3a55}.new-card-container>button{padding:1rem;margin-top:1rem}@media(max-width:1300px){.new-card-container>button{width:80%;padding:1rem}}.new-card-container p{padding:1rem;word-break:break-all}.new-card-container p.hide{display:none}