*{box-sizing:border-box}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;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{display:flex;width:100%}aside{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}aside>nav>ul{display:flex;flex-direction:column;gap:5px;list-style-type:none;margin:0;padding:50px 20px}aside>nav>ul>li>a{color:teal;font-weight:700;text-decoration:none}main{flex:1 1;overflow:scroll}.container{display:flex;flex-direction:column;gap:10px;max-width:100%;padding:50px 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}form{display:flex;justify-content:space-between;padding:0 50px}label{flex-direction:column}label,label>div{display:flex;gap:5px}.page-input{max-width:50px}input[type=number]{text-align:center}input[type=button]{cursor:pointer}.table-container{overflow-x:scroll;padding:0 50px;scrollbar-color:#0000 #0000;scrollbar-width:0;width:100%}table{border-collapse:collapse}td,th{border-bottom:0;border-bottom-style:dashed;border-left:1px dashed #d3d3d3;border-right:1px dashed #d3d3d3;border-top:0;border-top-style:dashed;padding:5px;text-align:center;white-space:nowrap}th{padding:0}tr{border:1px solid gray}td>img{border-radius:50%;height:50px;width:50px}col:hover{background-color:#d3d3d3;cursor:pointer}th>button{background-color:initial;border:0;cursor:pointer;font-size:medium;font-weight:700;padding:5px 15px;width:100%}tr:hover{background-color:#d3d3d3}form>label>ul{background-color:#fff;border-radius:0 0 10px 10px;box-shadow:0 0 5px #0003;display:flex;flex-direction:column;font-size:medium;list-style-type:none;margin:0;padding:0;position:absolute;top:100%}form>label>ul>li{cursor:pointer;padding:2px 6px;white-space:nowrap}form>label>ul>li:first-of-type{padding:4px 6px 2px}form>label>ul>li:last-of-type{border-radius:0 0 10px 10px;padding:2px 6px 4px}form>label>ul>li:hover{background-color:#d3d3d3}form>label{position:relative}.content-container{display:flex;gap:20px}.list-container{display:flex;flex-direction:column;gap:5px;list-style-type:none;margin:0;padding:0}.list-item{align-items:center;background-color:teal;border-radius:20px;display:flex;gap:10px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.user-picture{aspect-ratio:1;border-radius:50%;width:30px}.user-name{background-color:initial;border:0;color:#fff;font-weight:700}
/*# sourceMappingURL=main.d7c831cf.css.map*/