body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-color-primary:#212121;--bg-color-secondary:#3e3e3e;--bg-color-dark-light:#828282;--accent-color-primary:#db7100;--accent-color-secondary:#ffae57;--accent-color-white:#fff;--accent-color-black:#212121;--font-color-primary:#fff;--font-color-secondary:#212121}*{box-sizing:border-box;margin:0;padding:0}html{background-color:#212121;background-color:var(--bg-color-primary)}h1,h2,h3,p{color:#fff;color:var(--font-color-primary)}.App{display:flex;transition:all .3s ease}.main-page{align-items:start;display:flex;flex:1 1;justify-content:center;padding-top:5rem}button{background-color:#db7100;background-color:var(--accent-color-primary);border:1px solid #fff;border:1px solid var(--accent-color-white);border-radius:.5rem;box-shadow:0 4px 6px #0000001a;color:#fff;color:var(--font-color-primary);cursor:pointer;font-size:1rem;font-weight:700;height:2.5rem;transition:background-color .3s,transform .2s;width:7rem}.main-wrap{display:flex;flex-direction:column;flex-grow:1;height:100vh;transition:margin-left .3s ease}.App.collapsed .main-wrap,.App.expanded .main-wrap{margin-left:1rem}.header{background-color:#212121;background-color:var(--bg-color-primary);color:#fff;margin-left:.2rem;padding:1.8rem 0 1rem 4rem;position:relative}.header:after{background-color:#db7100;background-color:var(--accent-color-primary);bottom:0;content:"";display:block;height:3px;left:4rem;position:absolute;width:5rem}.hero{background-color:#212121;background-color:var(--bg-color-primary);display:flex;flex-grow:1;padding:1.8rem 4rem 1rem;width:100%}.sidenav{background:#212121;background:var(--bg-color-primary);box-shadow:0 0 1px #0000001a;color:#fff;color:var(--font-color-primary);display:flex;flex-direction:column;flex-shrink:0;height:100vh;padding:1rem .5rem;transition:width .3s ease;width:15rem}.sidenav.collapsed{width:6.5rem}.nav-wrapper{background-color:#3e3e3e;background-color:var(--bg-color-secondary);border:1px solid #db7100;border:1px solid var(--accent-color-primary);border-radius:10px;display:flex;flex-direction:column;height:100%;margin:0 .8rem;min-height:25rem;padding:1rem}.sidenav-top{align-items:center;display:flex}.sidenav-top img{height:18px;margin-left:.5rem;transition:opacity .3s ease}.sidenav.collapsed .sidenav-top img{opacity:0}.sidenav-middle{flex-grow:1;justify-content:flex-start;min-height:10px;padding-top:4rem}.sidenav-bottom,.sidenav-middle{display:flex;flex-direction:column}.sidenav-bottom{justify-content:flex-end;min-height:17rem;padding:2rem 0 1rem}.navlist{grid-gap:1.8rem;display:grid;gap:1.8rem;list-style:none}.navlist .navlink{align-items:center;color:#fff;display:flex;gap:.5rem;text-decoration:none}.navlist .navlink,.navlist .navlink span{transition:opacity .3s ease}.sidenav.collapsed .navlink span{opacity:0;pointer-events:none}.icon-container,.register-container{align-items:center;display:flex}.register-container{background-color:#3e3e3e;background-color:var(--bg-color-secondary);border:1px solid #db7100;border:1px solid var(--accent-color-primary);border-radius:10px;flex-direction:column;flex-grow:1;justify-content:center;max-width:41rem}.register-area{grid-gap:2rem;display:grid;gap:2rem;padding:3rem 0;place-items:center}.intro-text{grid-gap:.8rem;display:grid;gap:.8rem;place-items:center}.register-buttons{display:flex;gap:1rem}.register-buttons button{width:10rem}.register-buttons button:hover{background-color:#a55500;transform:translateY(-.5px)}.register-buttons button:active{background-color:#8b4800}.register-select{background-color:#fff;background-color:var(--accent-color-white);border:2px solid #db7100;border:2px solid var(--accent-color-primary);border-radius:.5rem;color:#212121;color:var(--bg-color-primary);height:2.5rem;padding:.2rem;text-align:center;transition:border-color .3s ease,background-color .3s ease;width:21rem}.login-container{align-items:center;background-color:#3e3e3e;background-color:var(--bg-color-secondary);border:1px solid #db7100;border:1px solid var(--accent-color-primary);border-radius:10px;display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:41rem}.login-area{grid-gap:2rem;display:grid;gap:2rem;padding:3rem 0;place-items:center}.input-container{grid-gap:1rem;display:grid;gap:1rem;place-items:center}.login-item{grid-gap:.3em;display:grid;gap:.3em}.login-item p{font-size:.9rem;font-weight:700}.login-item input{background-color:#fff;background-color:var(--accent-color-white);border:2px solid #db7100;border:2px solid var(--accent-color-primary);border-radius:.5rem;height:2.5rem;padding:.5rem;width:21rem}.login-item input,.login-item input::placeholder{color:#3e3e3e;color:var(--bg-color-secondary)}.dashboard-container{align-items:center;background-color:#3e3e3e;background-color:var(--bg-color-secondary);border:1px solid #db7100;border:1px solid var(--accent-color-primary);border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;height:80%;justify-content:center;margin:0 5rem;max-height:431.523px;padding:3rem 5rem}.dashboard-area{border:1px solid #fff;display:flex;flex-direction:column;gap:2rem;max-height:100%;min-height:100%;overflow-y:auto;place-items:center;position:relative;width:100%}.dashboard-table{border-collapse:collapse;color:#fff;color:var(--font-color-primary);height:auto;text-align:left;width:100%}.dashboard-table thead{background-color:#3e3e3e;background-color:var(--bg-color-secondary);box-shadow:0 2px 2px #0000001a;outline:1px solid #fff;outline:1px solid var(--accent-color-white);position:sticky;top:0}.dashboard-table th{background-color:#a55500;padding:8px;text-align:left}.dashboard-table td,.dashboard-table th{padding:8px;text-indent:20px}.dashboard-table tbody tr{border-bottom:1px solid #fff;border-bottom:1px solid var(--accent-color-white);height:40px}.dashboard-table tbody tr:hover{background-color:#ffae57;background-color:var(--accent-color-secondary);color:#212121;color:var(--font-color-secondary)}.green-status,.red-status{border-radius:50%;display:inline-block;height:20px;width:20px}.status-column{text-align:center}.green-status{background-color:#90ee90}.red-status{background-color:red}.dashboard-table tr{cursor:pointer}.dashboard-table th:first-child{width:10%}.dashboard-table th:nth-child(2),.dashboard-table th:nth-child(3){width:40%}.dashboard-table th:nth-child(4){width:10%}.employee-page{align-items:start;display:block}.employees-container{align-items:center;background-color:#3e3e3e;background-color:var(--bg-color-secondary);border:1px solid #db7100;border:1px solid var(--accent-color-primary);border-radius:10px;display:flex;flex-direction:column;gap:2rem;justify-content:center;margin-top:3rem;padding:4rem 5rem}.employees-container input{color:#3e3e3e;color:var(--bg-color-secondary);padding:.5rem}.employees-container input,.employees-container select{background-color:#fff;background-color:var(--accent-color-white);border:2px solid #db7100;border:2px solid var(--accent-color-primary);border-radius:.5rem;height:2.5rem;width:21rem}.employees-container select{color:#212121;color:var(--bg-color-primary);padding:.2rem;text-align:center;transition:border-color .3s ease,background-color .3s ease}.add-employees,.remove-employees{align-items:center;display:flex;gap:2rem;justify-content:center}.add-employees button,.remove-employees button{width:10rem}.employee-container{align-items:center;background-color:#3e3e3e;background-color:var(--bg-color-secondary);border:1px solid #db7100;border:1px solid var(--accent-color-primary);border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:1rem;height:80%;justify-content:center;margin:0 5rem;max-height:435px;padding:4rem 5rem}.employees-table{border-collapse:collapse;color:#fff;color:var(--font-color-primary);height:auto;text-align:left;width:100%}.employees-table thead{background-color:#3e3e3e;background-color:var(--bg-color-secondary);box-shadow:0 2px 2px #0000001a;outline:1px solid #fff;outline:1px solid var(--accent-color-white);position:sticky;top:0}.employees-table th{background-color:#a55500;padding:8px;text-align:left}.employees-table td,.employees-table th{padding:8px;text-indent:20px}.employees-table tbody tr{border-bottom:1px solid #fff;border-bottom:1px solid var(--accent-color-white);height:40px}.employees-table tbody tr:hover{background-color:#ffae57;background-color:var(--accent-color-secondary);color:#212121;color:var(--font-color-secondary)}.employees-table th:first-child{width:10%}.employees-table th:nth-child(2){width:80%}.employees-table th:nth-child(3){width:10%}.add-employee{display:flex;flex-grow:1;gap:1rem;width:100%}.add-employee input{background-color:#fff;background-color:var(--accent-color-white);border:2px solid #db7100;border:2px solid var(--accent-color-primary);border-radius:.5rem;color:#3e3e3e;color:var(--bg-color-secondary);flex:1 1;height:2.5rem;padding:.5rem}.pagination-container{display:flex;gap:1rem}.pagination-container button{height:1.8rem}.mini{align-items:center;height:1.5rem;width:3rem}
/*# sourceMappingURL=main.9951afea.css.map*/