.sideBar{border-right:2px solid rgb(103,103,103);min-height:100vh}.sideBar li{display:block;padding:1em;white-space:nowrap;cursor:pointer}.sideBar a{text-decoration:none;color:#000}li li:has(.active-link){background-color:#add8ff!important}.active-link{background-color:#add8ff!important}#manage-tables.active{background-color:#eee}#manage-tables ul{border-left:2px solid rgb(73,73,73);margin-left:.5em;margin-top:.5em;transition:all ease-in-out .3s;transform-origin:top;transform:scaleY(0)}#manage-tables.active ul{transform:scaleY(1)}#manage-tables li{padding-left:.5em}.mainApp{display:grid;grid-template-columns:1fr 4fr}.users{display:grid;gap:1em;padding-inline-start:1em;padding:1em;background-color:#f5f5f5;min-height:100vh;align-content:start;box-sizing:border-box}.user-card{padding:1.5em;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.user-card .email{font-size:1.2em;text-align:center}.user-card h3{font-weight:700}.assistant{text-align:center}.users button{width:40%;place-self:center;border:0;background-color:#f0f8ff}.flex{display:flex;justify-content:space-between}.flex button{justify-self:center;background-color:#ff5f5f;border-radius:20px;transition:all ease-in-out .3s;cursor:pointer;position:relative;z-index:10;width:fit-content;padding:1em;color:#fff;padding-block:.5em}button{cursor:pointer}.flex button:hover{background-color:red;transform:translateY(-3px) scale(1.05)}.formMain form{display:grid;align-items:center;min-height:40vh;border-radius:30px;border:2px solid gold;padding:2em;width:60%;gap:1.5em}.user-signup form{min-height:50vh}.formMain{display:grid;place-items:center;min-height:70vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding-block:1em}.formMain label{display:grid;gap:.5em}.formMain h1{font-size:2rem;text-align:center}.formMain button{justify-self:center;padding:1em;border-radius:20px;border:1px solid gold;background-color:#fff;transition:all ease-in-out .3s;cursor:pointer}.formMain button:hover{transform:translateY(-3px) scale(1.05)}input,select{width:96%;padding:.75em;margin-block:1em;border:1px solid #ccc;border-radius:4px;font-size:16px}input:focus,select:focus{border-color:#4caf50;outline:none}.user-signup span{justify-self:end}.user-signup a{text-decoration:none}.container{display:flex;flex-direction:column;align-items:center;margin-top:20px}.profile-pic{width:150px;height:150px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid #ddd;transition:border-color .3s ease-in-out}.profile-pic:hover{border-color:#007bff}.file-input{display:none}#roles-container{font-family:Arial,sans-serif;padding:20px;border-radius:8px}#roles-container label{font-size:16px;font-weight:600;display:block;margin-bottom:8px}#roles-container form input{width:95%}#roles-container button{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease}#roles-container button:hover{background-color:#45a049}#roles-container button:focus{outline:none}#roles-container h2{margin-top:30px;font-size:20px;font-weight:700;text-transform:capitalize;color:#333}#roles-container ul{list-style-type:none;margin-top:10px}#roles-container li{display:grid;grid-template-columns:1fr 1fr 4fr 1fr;justify-content:space-between;align-items:center;padding:10px;background-color:#fff;border:1px solid #e1e1e1;margin-bottom:10px;border-radius:4px}#roles-container.rankings li{grid-template-columns:1fr 1fr 2fr 2fr 2fr 1.5fr;gap:2em}#roles-container.categories-container li:has(input){grid-template-columns:1fr 1fr 4fr 1fr}#roles-container.categories-container li:has(input) button#update-button{margin-left:2em}#roles-container li div:has(button){display:flex;justify-content:space-evenly}#roles-container.roles li{grid-template-columns:1fr 3fr 1fr}#roles-container li span{font-size:16px;color:#333;text-align:justify}#roles-container li button{background-color:#f44336;padding:6px 12px;font-size:14px;transition:background-color .3s ease}#roles-container li button:hover{background-color:#e53935}#roles-container li button:focus{outline:none}#roles-container h1{font-size:2rem;font-weight:700;text-transform:capitalize;margin-block:1em;text-align:center}.no-data-heading{text-align:center;border-radius:.5em;border:1px solid rgb(255,57,57);padding:1em}.edit-delete{display:flex;justify-content:space-between;align-items:center;margin-inline:.5em}.edit-delete img{cursor:pointer;width:1.5em;margin-right:1em}#roles-container #update-button{background-color:#4caf50}#roles-container #update-button:hover{background-color:#45a049}#roles-container select{padding-inline:1em;padding-block:.25em;margin-block:.5em;cursor:pointer}.upload-rankings{display:grid;width:90%;height:40vh;place-content:center}.upload-rankings input[accept=".csv"]{display:none}.upload-rankings h2{text-transform:uppercase;font-size:2rem}.upload-rankings div{width:120%}.upload-rankings .number-of-records{padding:2em;border:2px solid #001}.number-of-records .number{border:2px solid #001;margin-left:1em;padding:.25em 2em}.upload-rankings .buttons-container{display:flex;justify-content:space-between;margin-top:1em}.upload-rankings .buttons-container button{background-color:#cbd9fb;padding-block:.5em}.active-users{padding:2em}.active-users table{width:100%;border-collapse:collapse;margin-top:20px}.active-users td{border:1px solid #ccc;padding:8px;text-align:center}.active-users th{border:1px solid #ccc;padding:8px;text-align:left;background-color:#f2f2f2}.active-users label{margin-right:10em}.active-users button#disconnect{margin-left:10px;padding:6px 12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.active-users button#disconnect:disabled{background-color:#0005}#refresh-container{width:100%;display:flex;justify-content:center}button#refresh{font-size:1rem;margin-left:10px;padding:10px 18px;background-color:#007bff;color:#fff;border:none;border-radius:10px;cursor:pointer}.notfound-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9;color:#333}.notfound-code{font-size:6rem;margin:0}.notfound-message{font-size:1.5rem;margin-bottom:1rem}.notfound-link{font-size:1rem;color:#007bff;text-decoration:none;border-bottom:1px solid #007bff;padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.notfound-link:hover{color:#0056b3;border-color:#0056b3}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body{height:100%;margin:0;padding:0;display:flex;flex-direction:column}*,html,body{box-sizing:border-box}