.header{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#3f51b5;display:flex;justify-content:space-between;align-items:center;padding:0 15px;z-index:1002}.header .header-menu{display:flex;align-items:center}.header .logout-btn{cursor:pointer;border:0}.menu-button{font-size:22px;padding:8px 12px;cursor:pointer;background:none;border:none;color:#fff}.overlay{position:fixed;inset:0;background:#0009;z-index:1000}.sidebar{position:fixed;top:60px;left:-260px;width:260px;height:100vh;background-color:#f1f1f1;color:#000;transition:left .3s ease;z-index:1001;display:flex;flex-direction:column}.sidebar.open{left:0}.close-button{background:none;color:#000;font-size:22px;border:none;cursor:pointer;padding:20px;align-self:flex-end}.sidebar nav{display:flex;flex-direction:column;margin-top:20px}.sidebar nav button{display:block;width:100%;background:none;border:none;color:#000;text-align:left;padding:10px 20px;cursor:pointer}.sidebar nav button:hover{background:#d4d4d4}.iframe{width:100%;height:100%;border:none;display:block}.login-container{display:flex;flex-direction:column;height:100%;width:100%;font-family:sans-serif}.login-header{display:flex;align-items:center;background-color:#3f51b5;color:#fff;padding:20px 20%}.login-header h1{font-size:36px;margin:0}.login-header h2{font-size:42px;color:#4caf50;margin-top:10px}.login-form-container{height:100%;width:100%;display:flex;padding-top:5%;justify-content:center}.login-form-container .form{display:flex;flex-direction:column}.app-content{padding-top:60px;width:100%;height:100%}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#f1f1f1}#root{width:100%;height:100%}.overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:#0009;z-index:999}