.login-page{width:100%;height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:16px;padding-right:16px}.login-container{margin-top:16px;margin-bottom:16px;height:260px;display:flex;justify-content:space-between;flex-direction:column;align-items:center;background-color:var(--neutral-7);padding:16px;border-radius:var(--border-radius);box-shadow:#64646f33 0 7px 29px}.login-control{height:130px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.login-button{width:100%;height:40px;border-width:1px;border-color:var(--neutral-3);font-weight:200;font-size:16px;color:var(--neutral-7);background-color:var(--primary-2);box-shadow:#64646f33 0 1px 3px}.login-button:hover{background-color:var(--primary-3)}.login-button:active{background-color:var(--primary-4)}.admin-page{justify-content:center;align-items:center;display:flex;flex-direction:column;width:100%}.admin-page .MuiTableContainer-root{width:fit-content}.creds-table-container{background-color:var(--neutral-7);border-radius:var(--border-radius);box-shadow:#64646f33 0 7px 29px;margin-top:24px;margin-bottom:16px}.add-user-container{padding:10px;width:400px;height:130px;display:flex;justify-content:space-around;flex-direction:column;background-color:var(--neutral-7);border-radius:var(--border-radius);box-shadow:#64646f33 0 7px 29px;margin-top:24px;margin-bottom:16px}.group-input{width:30px;text-align:right;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.confirm-button{width:40px;height:40px;border-width:1px;border-color:var(--accent-green-2);font-weight:550;font-size:14px;color:var(--accent-green-2);background-color:var(--accent-green-7);box-shadow:#64646f33 0 1px 3px}.confirm-button:hover{background-color:var(--accent-green-6)}.confirm-button:active{background-color:var(--accent-green-7)}.files-page{justify-content:center;align-items:center;display:flex;flex-direction:column;width:100%}.files-container{padding:10px;width:400px;height:fit-content;display:flex;justify-content:space-around;flex-direction:column;background-color:var(--neutral-7);border-radius:var(--border-radius);box-shadow:#64646f33 0 7px 29px;margin-top:24px;margin-bottom:16px}.directory{margin-top:10px;align-content:center;display:flex;flex-direction:row}.send-button{width:40px;height:40px;border-width:1px;border-color:var(--neutral-3);font-weight:550;font-size:14px;color:var(--primary-2);background-color:var(--neutral-7);box-shadow:#64646f33 0 1px 3px}.send-button:hover{background-color:var(--primary-6-5)}.send-button:active{background-color:var(--neutral-7)}*{box-sizing:border-box;margin:0;padding:0}#root{min-width:fit-content}body{margin:0;padding:0;font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--neutral-1: hsl(214, 22%, 16%);--neutral-2: hsl(213, 12%, 42%);--neutral-3: hsl(214, 14%, 59%);--neutral-4: hsl(207, 18%, 76%);--neutral-5: hsl(212, 18%, 84%);--neutral-6: hsl(207, 22%, 90%);--neutral-7: hsl(210, 16%, 97%);--primary-1: hsl(206, 44%, 22%);--primary-2: hsl(207, 62%, 27%);--primary-3: hsl(207, 64%, 38%);--primary-4: hsl(207, 60%, 48%);--primary-5: hsl(207, 60%, 61%);--primary-6: hsl(206, 78%, 81%);--primary-6-5: hsl(206, 78%, 90%);--primary-6-8: hsl(206, 100%, 90%);--primary-6-9: hsl(206, 100%, 94%);--primary-7: hsl(206, 100%, 96%);--accent-green-1: hsl(155, 59%, 20%);--accent-green-2: hsl(145, 65%, 28%);--accent-green-3: hsl(145, 61%, 38%);--accent-green-4: hsl(145, 55%, 48%);--accent-green-5: hsl(145, 57%, 65%);--accent-green-6: hsl(141, 67%, 79%);--accent-green-6-5: hsl(141, 67%, 93%);--accent-green-7: hsl(141, 80%, 93%);--accent-red-1: hsl(0, 60%, 23%);--accent-red-2: hsl(0, 67%, 31%);--accent-red-3: hsl(0, 70%, 42%);--accent-red-4: hsl(0, 71%, 52%);--accent-red-5: hsl(0, 70%, 64%);--accent-red-6: hsl(0, 78%, 81%);--accent-red-6-5: hsl(0, 78%, 94%);--accent-red-7: hsl(0, 76%, 94%);--accent-yellow-1: hsl(43, 65%, 21%);--accent-yellow-2: hsl(42, 63%, 33%);--accent-yellow-3: hsl(44, 57%, 51%);--accent-yellow-4: hsl(42, 86%, 67%);--accent-yellow-5: hsl(44, 90%, 80%);--accent-yellow-6: hsl(44, 90%, 91%);--accent-yellow-7: hsl(43, 100%, 97%);--border-radius: 5px;background-color:var(--neutral-6);font-size:18px;color:var(--primary-1)}input{border-radius:var(--border-radius);background-color:transparent;border-color:var(--neutral-1);border-width:0px;padding:.5em;box-shadow:inset 0 1px 2px #0000001a}input:focus{outline:none;background-color:transparent}button{background-color:var(--primary-3);color:var(--primary-7);border-style:solid;border-width:0px;border-radius:var(--border-radius);padding:.5em}button:hover{background-color:var(--primary-4);cursor:pointer}button:active{background-color:var(--primary-3)}