.app{position:relative;display:flex;flex-direction:column;justify-content:space-between;max-width:1460px;margin:0 auto}.app-content{overflow:hidden;width:100%;padding:36px 20px}@media (max-width: 1024px){.app-content{padding-top:76px;padding-left:15px;padding-right:15px}}.loading{display:flex;justify-content:center;align-items:center;height:85vh}.blackout{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.11);transition:all .7s}.header{display:flex;align-items:center;justify-content:space-between;margin-top:34px;padding:0 20px}.header>a{display:flex;align-items:center;gap:15px;font-size:20px;font-weight:600;width:327px}.header .user-panel{display:grid;grid-template:1fr/1fr 130px repeat(3,1fr);justify-items:center;align-items:center;width:327px;height:34px;border-radius:24px;border:1px solid #e4f800;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);padding:6px 5px}.header .user-panel p{justify-self:start}.header .user-panel img{cursor:pointer}.header-mobile{display:none;position:fixed;top:0;left:0;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 10px;border:1.5px solid rgba(255,255,255,.5);background:linear-gradient(69deg,rgba(255,255,255,.25) 10.42%,rgba(255,255,255,.07) 77.11%);box-shadow:0 1.1966px 29.91505px #452a7c1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:0;border:0;border-bottom:1.5px solid rgba(255,255,255,.5);z-index:10}.header-mobile>a{display:flex;align-items:center;gap:15px;font-size:18px;font-weight:500;width:327px}.header-mobile h1{font-size:20px}@media (max-width: 1024px){.header{display:none}.header-mobile{display:flex}}.nav{display:flex;justify-content:center;position:relative;width:296px;height:100%}.nav>div{display:flex;justify-content:space-between;align-items:center;width:256px;height:100%}.nav a{display:flex;align-items:center;position:relative;font-size:15px;text-shadow:1px 1px 10px rgba(0,0,0,.25);transition:color .1s;height:34px}.nav a:hover,.nav .active-color{color:var(--text-primary)}.nav .active-btn{position:absolute;top:0;left:0;width:110px;height:34px;font-weight:900;text-shadow:unset;color:var(--text-primary);background:linear-gradient(20deg,rgba(255,0,184,.6),rgba(228,248,0,.6)) padding-box;border-radius:5px;border:1.5px solid rgba(227,248,0,.8470588235);cursor:pointer;transition:all .5s}.nav-mobile{display:none;flex-direction:column;gap:10px;margin:20px 0 0 20px}.nav-mobile a{display:flex;margin-left:20px;align-items:center;font-weight:900;width:110px;height:34px}.nav-mobile .active-mob-btn{justify-content:center;margin-left:0;text-shadow:unset;color:var(--text-primary);background:linear-gradient(20deg,rgba(255,0,184,.6),rgba(228,248,0,.6)) padding-box;border-radius:5px;border:1.5px solid rgba(227,248,0,.8470588235);cursor:pointer}@media (max-width: 1024px){.nav{display:none}.nav-mobile{display:flex}}.sidebar{display:none;position:fixed;top:0;left:0;width:200px;min-height:100vh;max-height:100vh;transform:translate(-100%);transition:transform .4s;margin-top:39px}.sidebar__active{transform:translate(0)}.sidebar__wrapper{min-height:100vh;background-image:url(/bgImage.jpg);background-repeat:no-repeat;background-size:cover;background-position:bottom;border-right:1.5px solid rgba(255,255,255,.5);border-top:1.5px solid rgba(255,255,255,.5)}.sidebar .user-panel{margin:50px 0 0 20px}.sidebar .user-panel>div:first-child{display:flex;gap:10px}.sidebar .user-panel>div:last-child{display:flex;gap:30px;margin-top:30px}@media (max-width: 1024px){.sidebar{display:block}}footer{display:flex;justify-content:space-between;padding:25px 20px}footer p,footer a{font-size:15px;font-weight:500;color:var(--text-secondary)}footer a,footer svg *{fill:#fff}footer .text-link a{margin-right:40px;transition:all .1s}footer .text-link a:hover{color:#fffffff1}footer .svg-link a{margin-right:25px;transition:all .1s}footer .svg-link a svg:hover *{fill-opacity:.9}@media (max-width: 768px){footer .text-link a,footer .svg-link a{margin-right:10px}}@media (max-width: 600px){footer{display:flex;justify-content:space-between;flex-direction:column;gap:10px;padding:25px 15px}footer .svg-link{order:2}footer .text-link{order:1}footer p{order:3}}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number]:hover,input[type=number]:focus{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:number-input}*{padding:0;margin:0;list-style:none;outline:none;box-sizing:border-box}a{text-decoration:none}button,input,textarea,select{outline:none;border:0px}button{cursor:pointer}*{scrollbar-width:auto;scrollbar-color:#ff00b8 rgba(255,255,255,.2)}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:linear-gradient(0deg,rgba(255,255,255,.2509803922),rgba(255,255,255,.0705882353));border-radius:10px}*::-webkit-scrollbar-thumb{background:linear-gradient(0deg,#ff00b8,#ffe500);border-radius:10px;border:1px none #000}html{--text-primary: #e4f800;--text-secondary: rgba(255, 255, 255, .3);--bg-primary: #0f0f0f;--bg-secondary: #141414}*{font-family:Roboto,sans-serif;color:#fff;font-weight:500}body{background-color:#361542;background-image:url(/bgImage.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center center}h2{font-size:20px}