.header{background-color:#fff;height:40px;justify-content:space-between;left:0;padding:10px 20px;position:fixed;top:0;z-index:1000}.header,.header-left,.menu-button{align-items:center;display:flex}.menu-button{background:#0000;border:none;border-radius:50%;cursor:pointer;height:40px;justify-content:center;transition:background .3s ease;width:40px}.menu-button:hover{background:#0000001a}.header-center{flex-grow:1;justify-content:center}.header-center,.logo-container{align-items:center;display:flex}.logo-container{text-decoration:none}.logo{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.system-name{color:#333;font-size:2vw}.header-right{align-items:center;display:flex;justify-content:flex-end;padding:0 20px}.sign-in-button{align-items:center;background-color:initial;border:.5px solid #e7e5e5;border-radius:30px;color:#3274d8;cursor:pointer;display:inline-flex;font-size:1.4vw;font-weight:200;justify-content:center;margin-right:20px;padding:6px 8px;text-decoration:none;transition:all .3s ease}.sign-in-button:hover{background-color:#b5d1fa;border-color:#b5d1fa;color:#3274d8}.sign-in-button:focus{box-shadow:0 0 10px #80808099;outline:none}.sign-in-button svg{margin-right:2px}.sidebar-overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1001}@media (max-width:768px){.header{height:30px}.system-name{font-size:3vw}.sign-in-button{font-size:2vw;margin-right:0}}@media (max-width:480px){.header{height:30px}.system-name{font-size:3.5vw}.sign-in-button{font-size:2.5vw;margin-right:0}}.footer{background:#333;box-sizing:border-box;color:#333;height:30px;padding:10px 0;width:100%}.footer p{font-size:14px;margin:0}@media (max-width:768px){.footer{font-size:3vw}}@media (max-width:480px){.footer{font-size:3.5vw}}.sidebar{background:#fff;color:#5e5757;height:100%;left:-280px;overflow-y:auto;padding-top:40px;position:fixed;top:0;transition:left .3s ease-in-out;width:280px;z-index:1002}.sidebar.open{left:0}.sidebar ul{margin:0;padding:0}.sidebar li,.sidebar ul li{padding:5px 10px}.sidebar ul li{list-style:none;margin:0}.sidebar ul li a{align-items:center;border-radius:5px;color:#000;display:flex;font-size:.9rem;padding:5px 10px;text-decoration:none;transition:background-color .3s ease}.sidebar ul li a:hover{background-color:#f0f0f0}.sidebar ul li a:active{background-color:#d6d6d6}.sidebar ul li a svg{font-size:2.5vw;margin-right:10px}.sidebar .submenu{max-height:none;overflow-y:visible;padding-left:20px}.sidebar .submenu li{padding:4px 10px}.sidebar .submenu li a{align-items:center;display:flex}.submenu-toggle{background:none;border:none;color:#000;font-size:1rem;padding:5px 10px;text-align:left;width:100%}.submenu-toggle:hover{background-color:#f0f0f0}.submenu-toggle:active{background-color:#d6d6d6}.logout{align-items:center;color:inherit;cursor:pointer;display:flex;font-size:1rem;gap:10px;padding:10px 12px}.logout:hover{background-color:#f5f5f5;border-radius:5px}.menu-separator{border-top:1px solid #e0e0e0;list-style:none;margin:12px 0}.logout-menu-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;padding:8px 12px;text-align:left;width:100%}.logout-menu-item:hover{background:#f5f5f5}@media (max-width:768px){.sidebar ul li a{font-size:1rem}.sidebar ul li a svg{font-size:3.5vw}}body,html{background-color:#f4f4f4;font-family:Arial,sans-serif;height:100%;margin:0;padding:0;width:100%}.layout{display:flex;flex-direction:column;min-height:100vh}.header{background:#fff;box-shadow:0 2px 5px #0000001a;width:100%}.content{align-items:center;background:#fff;display:flex;flex:1 1;flex-grow:1;justify-content:center;margin:50px 5px 10px;overflow:auto;padding:0;width:99.5%}.footer{background:#fff;box-shadow:0 -2px 5px #0000001a;margin-top:auto;padding:8px 0;text-align:center}@media (max-width:768px){.layout{display:flex;flex-direction:column;min-height:100vh}.header{padding:10px 0}.content{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;margin:0 2px;overflow:auto;padding:0}.footer{padding:8px 0}}@media (max-width:480px){.layout{display:flex;flex-direction:column;min-height:100vh}.header{padding:10px 0}.content{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;margin:0 2px;overflow:auto;padding:0}.footer{padding:8px 0}}.login-container{background-color:#fff;border:.5px solid #e7e5e5;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:10px;margin-top:50px;min-height:calc(90vh - 150px);padding:6px 8px}.login-container,.login-image{align-items:center;justify-content:center;width:100%}.login-image{display:flex;max-width:500px;padding:2px}.login-image img{border-bottom-left-radius:20px;border-top-left-radius:20px;height:100%;object-fit:cover;width:100%}.login-form{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:350px;padding:2px;width:100%}.MuiBox-root{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;width:100%}@media (max-width:768px){.login-container{align-items:center;display:flex;flex-direction:column;height:auto;margin-bottom:10px;margin-top:50px;min-height:calc(90vh - 70px)}.login-image{height:50%;max-height:50%;max-width:90%;padding:5px 2px;width:100%}.login-form{max-width:90%;padding:20px;width:100%}}
/*# sourceMappingURL=main.7c549791.css.map*/