*{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:0;margin:0}html,body,#root{width:100vw;min-height:100vh}#login-page-container{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff}#login-form{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:350px;max-width:95%;background-color:#236cb5;padding:20px;border-radius:20px;color:#fff}#login-form h1{margin:10px 0 20px}#login-form input{width:100%;border:none;background-color:transparent;border:1px solid white;box-sizing:border-box;height:36px;padding:0 10px;border-radius:9px;margin-bottom:10px;color:#fff}#login-form input:focus{outline:none}#login-form input::placeholder{color:#ffffff8a}#login-form button{width:100%;height:36px;border:none;background-color:#fff;color:#236cb5;border-radius:9px;font-weight:700;cursor:pointer}#main-container{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh}#main-nav{position:absolute;top:0;left:0;right:0;height:60px;background-color:#1489c4;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 20px;color:#fff}#main-nav-right{display:flex;flex-direction:row;align-items:center}#main-nav-right p{margin-right:15px}#table-container{margin-top:60px;padding:40px 20px;overflow-x:scroll}table{width:100%}#table-title{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.main-button{background:none;border:none;padding:5px 10px;font-size:12px;background-color:#1489c4;color:#fff;border-radius:6px;transition:.15s all ease-out;-webkit-user-select:none;user-select:none}.red-button{background-color:#822;color:#fff}.hollow-red{background:none;border:1px solid #882222;padding:5px 10px;font-size:12px;background-color:none;color:#822;border-radius:6px;transition:.15s all ease-out;-webkit-user-select:none;user-select:none;cursor:pointer}.row-actions button:not(:first-of-type){margin-left:8px}.main-button:hover{cursor:pointer;opacity:.75}.hollow-red:hover{background-color:#822;color:#fff}.main-button:active,.hollow-red:active{opacity:.4}table{height:auto}table>thead,tbody{width:100%;height:auto}#main-overlay{position:absolute;top:0;bottom:0;right:0;left:0;background-color:#0008;display:flex;flex-direction:column;align-items:center;justify-content:center}#main-overlay-window{max-width:70%;width:600px;background-color:#fff;border-radius:15px;padding:40px}#main-overlay-title-container{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-bottom:20px}#main-overlay-title-container h2{font-size:2rem}.form-input-cell{margin-bottom:15px}.form-input-cell input{height:2em;padding:0 5px;border-radius:.5em;min-width:200px;margin-left:8px}.form-input-cell input[type=text]{border:1px solid gray}.table-container{margin:20px;border:1px solid #ccc;border-radius:5px;overflow-x:scroll}.column-header-content{display:flex;flex-direction:column}th,td{padding:10px 5px;text-align:center;border-bottom:1px solid #ddd}th .column-header{display:flex;align-items:center;justify-content:space-between;position:relative}th input{margin-top:5px;padding:0 5px;font-size:.8em}.resizer{width:5px;cursor:col-resize;position:absolute;right:0;top:0;bottom:0}.pagination{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f9f9f9}.pagination button{padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:3px;cursor:pointer}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination span{font-size:1em}