@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cabin:wght@700&display=swap);*,::after,::before{margin:0;padding:0;box-sizing:border-box}button,div,html,input,textarea{font-family:Poppins,sans-serif}*{user-select:none}.appHeader{background-color:#fff;background-color:var(--primary-color);color:#fff;padding:.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.appHeader h2{color:#fff}.appHeader h2 span{font-family:Cabin,sans-serif}.appHeader .left{display:flex;align-items:center}.searchBar{background-color:rgba(0,0,0,.25);flex-grow:1;margin:0 1rem;width:100%;max-width:600px;display:flex;align-items:center;padding:.5rem .6rem;border-radius:5px}.searchBar input{border:none;outline:0;background-color:transparent;color:#fff;font-size:1rem;padding:0 .6rem;width:100%}.searchBar input::placeholder{color:#bbb}.searchBar i{opacity:.8}.right{display:flex;align-items:center}.right .avatar{background-color:#f44336;color:#fff;display:flex;justify-content:center;align-items:center;width:35px;height:35px;font-size:.8rem;font-weight:700;border-radius:50%;cursor:pointer}.right .avatar:hover{opacity:.85}@media screen and (min-width:900px){.appHeader{padding:1rem 1.5rem}}.appMessage .avatar{background-color:#3f51b5;color:#fff;display:flex;justify-content:center;align-items:center;min-width:40px;height:40px;border-radius:50%}.appMessage{background-color:#f2f2f2;padding:1rem;display:flex;align-items:center;border-bottom:1px solid #e6e6e6}.appMessage:hover{background-color:#e6e6e6}.appMessage:nth-of-type(1){border-radius:15px 15px 0 0}.appMessage:last-of-type{border-radius:0 0 15px 15px;border-bottom:none}.appMessage .info{margin-left:1rem;width:100%}.appMessage .info .header{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:550px){.appMessage .info .header{flex-direction:column;align-items:flex-start;margin-bottom:.5rem}}:root{--primary-color:#3f51b5;--secondary-color:#e2e6ff}.appLoadingCircle{width:50px;height:50px;border-radius:50%;border:6px solid var(--secondary-color);border-top:6px solid var(--primary-color);animation:spin .6s linear infinite;margin:2rem 0}.appList{list-style-type:none}.appList li{border:1px solid #e6e6e6;padding:.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.appList i{margin:.4rem}.appList i.fa-chevron-right{color:rgba(0,0,0,.3)}.appList li:hover{background-color:#f2f2f2}.hide{display:none}.appAlert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;background-color:#f2f2f2;width:100%;max-width:300px;border-radius:18px;overflow:hidden;text-align:center;box-shadow:0 12px 20px rgba(0,0,0,.25)}.appAlert h2{margin-bottom:.5rem}.appAlert .info{padding:1rem}.appAlert strong{color:rgba(0,0,0,.7)}.appAlert .footer{margin-top:.5rem}.appAlert .confirm-footer{display:flex}.appAlert .confirm-footer button{border-right:1px solid #ccc}.appAlert button{color:var(--primary-color);border:none;padding:.8rem;font-size:.9rem;font-weight:600;text-transform:uppercase;cursor:pointer;width:100%;background-color:#f2f2f2;border-top:1px solid #ccc;font-family:Poppins,sans-serif}.appAlert button:hover{background-color:#e6e6e6}.appAlert-backdrop{cursor:pointer;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.4);z-index:200;backdrop-filter:blur(10px)}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--light-color:#f1f3fc}form{margin:1.5rem 0}form a{color:var(--primary-color)}.appInput{position:relative;display:flex;flex-direction:column;margin-bottom:1rem}.appInput input,.appInput textarea{padding:0 .5rem;border:none;border:2px solid #ccc;background-color:#fff;border-radius:5px;outline:0;height:50px;width:100%;font-size:1rem;position:relative}.appInput label{position:absolute;pointer-events:none;color:grey;z-index:2;left:.4rem;top:50%;transform:translateY(-50%);transition:color .3s ease,top .3s ease,font-size .3s ease,font-weight .3s ease;background-color:#fff;padding:0 .4rem}.appInput input:focus,.appInput textarea:focus{border:3px solid var(--primary-color)}.appInput input:focus~label,.appInput input:not(:placeholder-shown)~label,.appInput textarea:focus~label,.appInput textarea:not(:placeholder-shown)~label{color:var(--primary-color);top:0;font-weight:700;font-size:.75rem}.appInput textarea~label{top:24px}.appInput textarea{resize:none;height:160px;padding:.5rem}.appBtn{padding:.5rem .8rem;border:none;letter-spacing:1px;font-size:.8rem;cursor:pointer;border-radius:5px;margin-bottom:.4rem;box-shadow:0 2px 2px rgba(0,0,0,.15)}.appBtn:hover{background-color:#ccc}.appBtn-block{width:100%;font-size:1rem;padding:.8rem}.appBtn-primary{background-color:var(--primary-color);color:#fff}.appBtn-primary:hover{background-color:#3746a0;color:#fff}.appBtn-danger{background-color:#e53935;color:#fff}.appBtn-danger:hover{background-color:#c5302d;color:#fff}.refreshBtn{display:flex;justify-content:flex-end;align-items:center;border:none;color:var(--primary-color);font-size:1rem;font-weight:700;padding:.4rem .8rem;border-radius:4px;background-color:#f2f2f2;margin-bottom:1rem;cursor:pointer;width:max-content}.refreshBtn i{margin-right:.5rem}.refreshBtn:hover{background-color:#e6e6e6}a{text-decoration:none;color:#333}.appNavigationTab{width:max-content;padding:.5rem;border-radius:5px}.appNavigationTab .tab{background-color:#e6e6e6;padding:.4rem .6rem}.appNavigationTab .tab:hover{background-color:#ccc}.appNavigationTab .tab.active{background-color:var(--primary-color);color:#fff}.appNavigationTab .tab:first-child{border-radius:5px 0 0 5px;border-right:1px solid #ccc}.appNavigationTab .tab:last-child{border-radius:0 5px 5px 0;border-right:none}.appNavigationTab i{margin-right:.5rem}@media screen and (max-width:370px){.appNavigationTab .tab{padding:.4rem .5rem;font-size:.9rem}}