:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;font-size:95%;--positive: #1aac83;--negative: #e7195a;--primary-blue: #61DBFB;--secondary-blue: #49a4bc;--text-colour: #232323}a{font-weight:500;color:var(--primary-blue);text-decoration:inherit}a:hover{color:var(--secondary-blue)}body{background:#f1f1f1;margin:0}header{background:#fff}header .navbar-container{margin:0 auto;padding:0 1em;display:flex;align-items:center;justify-content:space-between;height:100%}.navbar-child{display:flex;align-items:center}.navbar-content{color:#000;margin-left:1em;display:flex;align-items:center;height:100%}nav{display:flex;align-items:center;padding:0 1em}nav a{display:flex;align-items:center}.user-username{margin:0 1em}.pages{padding:1em;margin:0 auto;display:grid}.inventory-page,.edit-inventory-page,.add-inventory-page,.groups-page,.edit-group-page,.add-group-page,.signup-page,.login-page{display:grid}.home-page{display:flex;flex-direction:column;align-items:center;padding:20px}.home-page p{max-width:800px;text-align:center;margin-bottom:20px}.home-page img{max-width:100%;height:auto;margin-bottom:20px}.error-msg{padding:.6em;background:#ffefef;border:1px solid var(--negative);color:var(--negative);border-radius:.2em;margin-top:1em}.inventory-table-container,.groups-table-container{overflow-x:auto}.inventory-table{border-collapse:collapse;width:100%;background-color:#fff}.inventory-table td,#customers th{border:1px solid #ddd;padding:8px}.inventory-table tr:nth-child(2n){background-color:#f2f2f2}.inventory-table tr:hover{background-color:#ddd}.inventory-table th{text-align:left;background-color:var(--secondary-blue);color:#fff;padding:8px;border:1px solid}.button-link{color:inherit;text-decoration:inherit}.button-default:hover{color:var(--secondary-blue);cursor:pointer}.form-container{background-color:#fff;padding:40px;margin:1em auto;border-radius:10px;box-shadow:0 0 10px #0000001a;width:80%;max-width:400px}.form-container .user-icon{width:30%;margin:0 auto;display:block}.form-container h2{text-align:center}.form-input{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}.error{border:1px solid var(--negative);width:100%;padding:10px;margin:10px 0;border-radius:5px;box-sizing:border-box}.form-container button{background-color:VAR(--primary-blue);color:#fff;padding:10px;width:100%;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.form-container button:hover{background-color:var(--secondary-blue)}.form-container a{margin-top:10px;text-decoration:none}.form-container a:hover{cursor:pointer}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:#ffffffe6;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;-moz-animation:react-confirm-alert-fadeIn .5s .2s forwards;-o-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards}.react-confirm-alert-body{font-family:Arial,Helvetica,sans-serif;width:400px;padding:30px;text-align:left;background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666}.react-confirm-alert-svg{position:absolute;top:0;left:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{margin:0;font-size:16px}.react-confirm-alert-button-group{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{outline:none;background:#333;border:none;display:inline-block;padding:6px 18px;color:#eee;margin-right:10px;border-radius:5px;font-size:12px;cursor:pointer}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}