.auth__page{width:100%;height:100vh;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.auth__page h1,.auth__page h2{margin:0}.auth__page .auth__container{width:500px;margin:0 auto;padding:20px 50px}.auth__page .auth__login-header{margin:30px 0}.auth__page .auth__login-header h1{font-weight:400}.auth__page .auth__login-header small{color:#4f4f4f;font-size:14px;font-weight:400}.auth__page .auth__error{height:50px;color:#dd3434;align-items:center;margin:20px 0;padding:0 20px;font-size:14px;display:flex}.auth__page .auth__error.exist{border:1px solid #dd3434;border-radius:10px}.auth__page .auth__footer{flex-direction:row-reverse;justify-content:space-between;align-items:center;margin-top:50px;display:flex}.auth__page .auth__footer p{color:#4f4f4f;font-size:13px;display:inline}.dashboard{width:100%;height:100vh;grid-template:"header header"80px"sidebar viewfield"10fr/250px 10fr;gap:20px;padding:20px 40px;display:grid}.dashboard .dashboard__header{width:100%;justify-content:space-between;align-items:center;display:flex}.dashboard .dashboard__header .actions span{cursor:pointer;-webkit-user-select:none;user-select:none}.dashboard .header{width:100%;height:100%;background-color:#fff;border-radius:15px;flex-direction:row;grid-area:header;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;box-shadow:4px 4px 6px #e3e3e366,-4px -4px 6px #e3e3e366}.dashboard .header .controls{flex-direction:row;justify-self:flex-end;align-items:center;gap:15px;display:flex}.dashboard .header .controls .control__profile{width:54px;height:54px;border:1px solid #d3d3d3;border-radius:50%;padding:2px;position:relative}.dashboard .header .controls .control__profile img{width:100%;height:100%;object-fit:cover;cursor:pointer;background-color:#e3e3e3;border-radius:50%;overflow:hidden}.dashboard .header .controls .control__profile .control__profile-menu{background-color:#fff;border-radius:15px;padding:0;position:absolute;top:0%;right:125%;box-shadow:4px 4px 6px #e3e3e366,-4px -4px 6px #e3e3e366}.dashboard .header .controls .control__profile .control__profile-menu li{cursor:pointer;width:100%;background-color:#fff;padding:5px 20px;transition:all .2s ease-out}.dashboard .header .controls .control__profile .control__profile-menu li svg{margin-right:5px;transform:translateY(3px)}.dashboard .header .controls .control__profile .control__profile-menu li:hover{background-color:#f5f5f5}.dashboard .header .controls .control__profile .control__profile-menu li.label{color:gray;cursor:initial;padding:0 20px 0 15px;font-size:12px}.dashboard .header .controls .control__profile .control__profile-menu li.label.info{color:purple;margin-bottom:10px;font-size:15px}.dashboard .header .controls .control__profile .control__profile-menu li.label:hover{background-color:#fff}.dashboard .sidebar{width:100%;height:100%;grid-area:sidebar}.dashboard .sidebar ul{width:100%;flex-direction:column;gap:10px;padding:0;display:flex}.dashboard .sidebar ul li{width:100%;cursor:pointer;background-color:#fff;border-radius:10px;list-style:none;transition:all .2s ease-out;box-shadow:2px 2px 4px #e3e3e300,-2px -2px 4px #e3e3e300}.dashboard .sidebar ul li:hover{box-shadow:2px 2px 4px #e3e3e366,-2px -2px 4px #e3e3e366}.dashboard .sidebar ul li svg{transform:translateY(4px)}.dashboard .sidebar ul li a{width:100%;color:inherit;justify-content:space-between;padding:15px 20px;font-weight:500;text-decoration:none;transition:all .2s ease-out;display:flex}.dashboard .sidebar ul li a .label{align-items:center;gap:10px;display:flex}.dashboard .sidebar ul li a .indicator{opacity:0;transition:all .2s ease-out}.dashboard .sidebar ul li a .indicator svg{transform:translateY(6px)}.dashboard .sidebar ul li a.active{color:purple}.dashboard .sidebar ul li a.active .indicator{opacity:1}.dashboard .viewfield{width:100%;height:100%;background-color:#fff;border-radius:15px;grid-area:viewfield;padding:10px 20px;box-shadow:4px 4px 6px #e3e3e366,-4px -4px 6px #e3e3e366}.apps{width:100%;height:100%}.apps .grid{width:100%;grid-template-rows:340px;grid-template-columns:repeat(2,3fr);gap:25px;display:grid}@media (min-width:1080px){.apps .grid{grid-template-columns:repeat(3,3fr)}}@media (min-width:1440px){.apps .grid{grid-template-columns:repeat(5,3fr)}}@media (min-width:1780px){.apps .grid{grid-template-columns:repeat(6,3fr)}}.apps .app__item{width:100%;height:100%;cursor:pointer;background-color:#fff;border-radius:15px;padding:15px;box-shadow:4px 4px 6px #e3e3e366,-4px -4px 6px #e3e3e366}.apps .app__item .add_icon{width:100%;height:100%;cursor:pointer}.apps .app__item .add_icon .icon{width:100%;height:100%;color:#666;justify-content:center;align-items:center;display:flex}.apps .app__item .add_icon .icon svg{transform:scale(2)}.apps .app__item img{border-radius:15px}.apps .app__item h4{color:#292929;margin:10px 0}.register{width:100%;flex-direction:row;gap:30px;display:flex}.register .form{flex:0 0 50%;padding-top:30px}.register .info{height:200px;flex:50%}.details .detail__field{padding-top:30px}.details .detail__field p,.details .detail__field h2,.details .detail__field h3,.details .detail__field h4{margin:0}.details .detail__field p.label{color:#656565;font-size:14px}.details .detail__field .columns{width:100%;grid-template-rows:70px;grid-template-columns:6fr 4fr;gap:30px;margin-bottom:30px;display:grid}.details .detail__field .columns .meta{flex:0 0 70%}.details .detail__field .columns .meta h3 span,.details .detail__field .columns .meta h4 span,.details .detail__field .columns .meta h5 span{cursor:pointer;color:purple;margin-left:10px}.details .detail__field .columns .meta h3 span svg,.details .detail__field .columns .meta h4 span svg,.details .detail__field .columns .meta h5 span svg{transform:translateY(4px)}.details .detail__field .columns .meta form{width:75%;margin-top:5px}.details .detail__field .columns .meta form .form__field{flex-direction:row}.details .detail__field .columns .meta form .form__field input{flex:100%}.details .detail__field .columns .meta form .controls{width:fit-content;flex-direction:row;gap:5px}.details .detail__field .columns .meta form .controls button{padding:10px 40px}.details .detail__field .columns .meta form .controls button.secondary{color:purple;background:#fff;border:1px solid purple}.details .detail__field .columns .date{flex:30%}.transactions select{color:purple;font-family:var(--ff-secondary);border:none;border-bottom:1px solid purple;padding:10px 5px}.transactions select:focus{outline:none}*{box-sizing:border-box;--ff-main:"Jost",sans-serif;--ff-secondary:"Metrophobic",sans-serif;--ff-normal:"Work Sans",sans-serif}body{font-family:var(--ff-main);margin:0;padding:0}button{cursor:pointer}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}.app__logo{font-family:var(--ff-normal);color:purple;-webkit-user-select:none;user-select:none}.app__logo h2{margin:10px 0}.app__logo h2 span{color:#444;font-size:1em;font-family:var(--ff-secondary)}form{width:100%;flex-direction:column;gap:15px;margin:0;padding:0;display:flex}form .form__field{flex-direction:column;gap:10px;display:flex}form .form__field label{font-family:var(--ff-secondary);font-size:13px;font-weight:600}form .form__field input{height:43px;font-family:var(--ff-secondary);background:0 0;border:2px solid #d3d3d3;border-radius:30px;padding:10px 15px}form .help{color:purple;font-size:14px;font-weight:500}form .controls{width:100%;flex-direction:column;align-items:flex-end;display:flex}form .controls p{font-size:13px}form .controls button{width:100%;font-family:var(--ff-main);color:#fff;background:purple;border:0;border-radius:30px;padding:10px 15px;font-size:15px}.load__block{width:100%;height:100%;-webkit-backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;background-color:#fff6;justify-content:center;align-items:center;display:none;position:absolute;top:0;left:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.load__block .spinner{width:70px;height:70px;border:7.5px solid purple;border-top-color:#80008000;border-radius:50%;justify-content:center;align-items:center;animation:spin 1s ease-in-out infinite alternate paused;display:flex}.load__block.active{display:flex}.load__block.active .spinner{animation-play-state:running}