:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:small}html,body #root{height:100vh;margin:0;padding:0;display:flex;flex-direction:column;overflow-x:hidden}html{background-color:#fff!important;height:100%;overflow:hidden}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff!important}h1{font-size:3.2em;line-height:1.1}.top-bar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#fff;border-bottom:2px solid #d1d5db;height:27px;width:100%}.top-bar button:not(#logout-btn){font-weight:500;font-size:16px;color:#374151;background:none;border:none;cursor:pointer}.tabs-container{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:24px}.top-bar button:hover{color:#000}#logout-btn{margin-right:30px}.folder-tabs{display:flex;align-items:center;gap:8px;background-color:#fff;padding:8px 16px;border-bottom:2px solid #d1d5db;font-size:14px;min-height:35px;width:100%;overflow-x:scroll;scrollbar-width:thin}.folder-tab{display:flex;align-items:center;background-color:#c8ffc8;border:1px solid #d1d5db;border-radius:12px;padding:4px 12px;box-shadow:0 1px 2px #0000000d;cursor:pointer}.folder-tab:active{background-color:#baeeba}.folder-tab:has(button:hover){background-color:#f08080!important}.folder-tab:has(button:hover) span{color:#fff}.folder-tab:has(button:hover) button{color:#fff}.folder-tab span{-webkit-user-select:none;user-select:none;margin-right:8px;font-weight:500;color:#16a34a}.folder-tab button{background:none;border:none;color:#16a34a;cursor:pointer;font-weight:600}.folder-tab button:hover{color:#166534}#main{background-color:#fff;color:#1d1d1d;height:100%;width:100%;overflow:auto}.loginpage-container{display:flex;justify-content:center;align-items:center;transform:translateY(50%)}#main-container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;overflow:hidden}.MuiDataGrid-panelWrapper .MuiTypography-root{color:#000!important}#footer{width:90%;margin-top:min(auto,20px);margin-bottom:min(auto,20px);font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:750px}#add-container{border-bottom:none;width:70%;display:flex;flex-direction:column;justify-content:center}#footer-text-container{display:flex;gap:25px}#footer-text-container label{-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:700}#root{overflow:hidden}.datagrid-p{margin:5px!important}.cell-container{display:flex;flex-direction:column;justify-content:start;align-items:start;height:100%}.cell-container .cell:nth-child(2n){background-color:#ebebeb;width:100%}.cell{margin:1px!important}.template-data-container{width:90%;margin-left:20px}