.wrapper{justify-content:center;align-items:center;height:100vh;display:flex}.container{box-sizing:border-box;background:#fff;flex-direction:column;justify-content:flex-start;width:100%;min-width:19em;max-width:39.7em;height:30em;padding:20px;display:flex}.titulo{color:#7f00ff;text-align:center;text-shadow:0 0 10px #0ffc;font-family:Emocional;font-size:40px}.titulo2{color:#7f00ff;text-align:center;margin-bottom:20px;font-family:Roboto-Light;font-size:25px}.linea{border-bottom:1px solid #7f00ff;margin-bottom:5px}.row{border:1px solid #7f00ff;border-radius:5px;align-items:center;margin-bottom:10px;padding:5px;display:flex}.row2{border:1px solid #7f00ff;border-radius:5px;align-items:center;margin-bottom:20px;padding:5px;display:flex}.inputHalf{border:none;outline:none;width:40%;font-family:Roboto-Light;font-size:18px}.inputFull{text-align:center;border:none;outline:none;width:80%;margin-left:15px;font-family:Roboto-Light;font-size:18px}.right{text-align:right}.separador{color:#7f00ff;padding:0 10px;font-size:18px}.buttonOuter{cursor:pointer;text-align:center;border:1px solid #b266ff;border-radius:8px;padding:12px;box-shadow:4px 0 10px #b266ffcc}.buttonText{font-family:Roboto-regular;font-size:20px}.alert{background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.alertBox{background:#fff;border-radius:10px;padding:20px}.topbar-left,.topbar-right{align-items:center;gap:10px;display:flex}.sidebar{box-sizing:border-box;background:#fff;border-right:1px solid #ddd;flex-direction:column;flex:0 0 180px;padding-top:10px;transition:transform .25s ease-in-out;display:flex}.logo{color:#7f00ff;text-align:center;text-shadow:0 0 10px #0ffc;font-family:Emocional;font-size:40px}.sidebar{box-sizing:border-box;z-index:2000;background:#fff;border-right:1px solid #ddd;flex-direction:column;flex:0 0 180px;padding:10px;transition:transform .25s ease-in-out;display:flex;position:relative}.titulo_conf{margin-bottom:10px}.item{color:#000;border-radius:5px;align-items:center;gap:10px;margin-bottom:5px;padding:10px;text-decoration:none;transition:all .2s;display:flex;position:relative}.item:hover{background:#b266ff}.activo:after{content:"";background:#000;width:calc(100% - 20px);height:1px;position:absolute;bottom:0;left:10px}.footer{margin-top:auto}.overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0003;width:100%;height:calc(100% - 50px);position:fixed;top:50px;left:0}.app{box-sizing:border-box;background:#fff;flex-direction:column;height:100vh;display:flex}.topbar{color:#000;box-sizing:border-box;background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;height:50px;padding:0 10px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:10px;display:flex}.topbar-center{font-weight:700}.main{box-sizing:border-box;flex:1;display:flex;overflow:auto}.sidebar{box-sizing:border-box;background:#fff;border-right:1px solid #ddd;flex-direction:column;flex:0 0 180px;padding-top:10px;font-family:Roboto-Light;font-size:15px;transition:transform .25s ease-in-out;display:flex}.sidebar.desktop{box-sizing:border-box;background:#fff;position:relative;transform:translate(0)}.sidebar.mobile{z-index:1000;box-sizing:border-box;background:#fff;height:calc(100% - 50px);position:fixed;top:50px;left:0;transform:translate(-100%)}.sidebar.mobile.open{transform:translate(0)}.content{box-sizing:border-box;background:#fff;flex:1;padding:10px;overflow:hidden auto}.overlay{z-index:999;box-sizing:border-box;background:#0000001a;width:100%;height:calc(100% - 50px);position:fixed;top:50px;left:0}.menu-item{cursor:pointer;color:#000;box-sizing:border-box;background:#fff;align-items:center;gap:10px;padding:10px;text-decoration:none;transition:background .2s;display:flex}.menu-item:hover{background:#f0f0f0}.logo{color:#7f00ff;text-align:center;text-shadow:0 0 10px #0ffc;box-sizing:border-box;font-family:Emocional;font-size:40px}