body{background-color:#f8f8f8}.mainWebSite,.webWidth{width:100%}.webWidth{max-width:1000px;margin:auto}.restFilterBox{display:flex;gap:5px;align-items:center}.restFilterBox label{display:flex;gap:6px;align-items:center;border:1px solid #eee;padding:0 10px}.restFilterBox label input{padding:10px;width:200px}.restFilterBox label select{padding:6px;width:120px}.restFilterBox button{background-color:#019be0;padding:8px 15px;color:#fff;font-size:12pt;font-weight:800}.loginPage{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#2381be;min-height:100vh;background:linear-gradient(180deg,#2381be,#2a2e73)}.loginBox{width:100%;max-width:400px;background-color:#fff;border-radius:20px;padding:30px}.loginBox h1{font-weight:800;font-size:18pt}.loginBox p{font-size:11pt;color:#555}.loginBox label{display:block;margin-top:20px}.loginBox label span{display:table;font-weight:700;font-size:9pt;margin-bottom:2px;color:#666}.loginBox label div{display:flex;align-items:center;background-color:#eee;padding-left:10px;border-radius:5px}.loginBox label div input{background-color:transparent;padding:10px;flex:1}.loginBox label div svg{font-size:14pt;color:#777}.loginBox button.btn{margin-top:35px;background-color:#f26f1e;font-size:14pt}.mainPageBox.cp{overflow:auto;max-height:100vh}.mainPageBox.cp::-webkit-scrollbar{width:4px;height:1px}.mainPageBox.cp::-webkit-scrollbar-track{background:#019be0}.mainPageBox.cp::-webkit-scrollbar-thumb{background:#f26727;border-radius:5px}.cubes{display:flex;gap:2%;flex-wrap:wrap}.cubes .usersListBox{border:1px solid #fff;transition:all .2s;transform:scale(1);display:flex;flex-direction:column;align-items:center;padding:30px 0 0;width:23.5%;margin-top:3%;border-radius:10px}.cubes .usersListBox img{width:65px;height:65px;padding:10px;background-color:#efefef;border-radius:50%;color:#ffb74d}.cubes .usersListBox h3{font-size:14pt;font-weight:700;margin-top:10px;color:#5a5a5a}.cubes .usersListBox h3 b{font-size:10pt;color:#4a7aeb}.cubes .usersListBox p{text-align:center;color:#777;padding:0 10px;flex:1}.cubes .usersListBox:hover{background-color:#f1fbff;border:1px solid #d1e6ef}.cubes .usersListBox div{display:flex;gap:10px;margin-top:10px}.cubes .usersListBox div a{display:flex;align-items:center;gap:2px;color:#666;font-size:10pt}.cubes .usersListBox nav{margin-top:15px;display:flex;justify-content:flex-end;gap:6px;background-color:#f8f8f8;border-top:1px solid #eee;width:100%;border-radius:0 0 10px 10px;padding:15px}.cubes .usersListBox nav a{position:relative;width:30px;height:30px;background-color:#197ce6}.cubes .usersListBox nav a,.cubes .usersListBox nav a span{display:flex;justify-content:center;align-items:center;border-radius:10px}.cubes .usersListBox nav a span{font-weight:800;min-width:18px;padding:4px;line-height:100%;position:absolute;top:-12px;left:-5px;background-color:#d03809;color:#fff;font-size:8pt}.cubes .usersListBox nav a b{display:none;position:absolute;z-index:10;top:-22px;padding:0 5px;border-radius:4px;white-space:nowrap;background-color:#000;color:#fff;font-size:10pt;font-weight:600}.cubes .usersListBox nav a:hover b{display:block;z-index:1}.cubes .usersListBox nav a svg{color:#fff;font-size:12pt}.cubes .usersListBox nav a:first-child{background-color:#197ce6}.cubes .usersListBox nav a:nth-child(2){background-color:#ffab2d}.cubes .usersListBox nav a:nth-child(3){background-color:#12b059}.cubes .usersListBox nav a:nth-child(4){background-color:#ff5757}.toolBarTop{display:flex}.toolBarTop .right{flex:1}.profileBox{background-color:#fff;padding:15px}.profileBox h1{font-size:18pt;font-weight:700;color:#111}.profileBox .form_2{display:flex;gap:20px}.profileBox .form_2 label{flex:1}.sizesBoxList{display:flex;align-items:center;gap:2%;flex-wrap:wrap;margin-top:30px}.sizesBoxList .size{position:relative;display:flex;align-items:center;justify-content:center;width:18%;aspect-ratio:1;background-color:#fff;box-shadow:1px 1px 2px rgba(0,0,0,.1);border-radius:5px;font-weight:700;font-size:14pt;letter-spacing:1px;margin-top:2%;border:1px dashed #d1d1d1}.sizesBoxList .size .delete svg{position:absolute;left:-8px;top:-8px;background-color:#e82d2d;color:#fff;padding:2px;border-radius:50%}.cubes .usersStatsBox{background-color:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.1);width:32%;padding:25px;border-radius:5px;display:flex;gap:15px}.cubes .usersStatsBox div{display:flex;flex-direction:column}.cubes .usersStatsBox svg{background-color:#e8fae8;color:#3de78d;padding:10px;font-size:32pt;border-radius:15px}.cubes .usersStatsBox b{font-size:30pt;font-weight:400;line-height:120%;color:#333}.cubes .usersStatsBox span{font-size:10pt;color:#888}.cubes .usersStatsBox:nth-child(2) svg{background-color:#ffe8e7;color:#ff7568}.cubes .usersStatsBox:nth-child(3) svg{background-color:#d3ddf7;color:#5577fa}.cubes .usersStatsListBox{background-color:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.1);width:100%;padding:15px;border-radius:5px;margin-bottom:20px}.cubes .usersStatsListBox h2{font-size:14pt;font-weight:800;color:#333}header.headerBox{width:100%;background-color:#019be0;position:sticky;top:0;z-index:2}header.headerBox .webWidth{justify-content:space-between}header.headerBox .cornBreadBox,header.headerBox .webWidth{display:flex;align-items:center}header.headerBox .userBox{position:relative}header.headerBox .userBox:hover{background-color:#f26727}header.headerBox .userBox li{display:flex;gap:5px;align-items:center;padding:10px 15px}header.headerBox .userBox li img{border-radius:50%;width:40px;aspect-ratio:1;border:1px solid #ffb535}header.headerBox .userBox li h6{font-weight:700;color:#fff;line-height:160%}header.headerBox .userBox li p{color:#fff;line-height:100%;font-size:9pt}header.headerBox .userBox nav{transition:all .3s;transform:scaleY(0);transform-origin:top;background-color:#f26727;position:absolute;display:flex;flex-direction:column;left:0;padding:10px;width:160px;z-index:1}header.headerBox .userBox nav a{color:#fff;padding:2px 0;font-weight:600}header.headerBox .userBox:hover nav{transform:scaleY(1)}.toolBarBox{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}.toolBarBox .webWidth{display:flex;justify-content:space-between;padding:5px 0}.toolBarBox .webWidth .right{flex:1}.toolBarBox .webWidth .path,.toolBarBox .webWidth .right{display:flex;align-items:center;gap:5px}.toolBarBox .webWidth .path div{display:flex;align-items:center;gap:4px}.toolBarBox .webWidth .path div a{color:#555}.headMainMenuBox{display:flex;gap:10px;align-items:center}.headMainMenuBox a{display:flex;flex-direction:column;align-items:center;color:#d9f3ff;padding:8px 15px 15px;border-radius:5px 5px 0 0;margin-top:5px;font-weight:600}.headMainMenuBox a.ck{background-color:#fff;color:#f26727}.headMainMenuBox a svg{font-size:24pt}.successWhite{animation:Successopacity .5s ease;opacity:1;position:fixed;top:0;right:0;width:100vw;height:100vh;z-index:99;display:flex;background-color:rgba(246,248,250,.7);justify-content:center;align-items:flex-start}.successBox{animation:success 2.5s ease;transform:scale(0);border-bottom:5px solid #2cd640;display:flex;align-items:center;width:90%;max-width:400px;padding:20px;border-radius:20px;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);margin-top:10px;gap:10px}@keyframes success{0%,to{transform:scale(0)}10%,90%{transform:scale(1)}}@keyframes Successopacity{0%{opacity:0}to{opacity:1}}.successBox.error{border-bottom:5px solid #e53434}.successBox p{width:40px;height:40px;border-radius:10px;background-color:#e3ffe4;display:flex;justify-content:center;align-items:center}.successBox.error p{background-color:#ffeaed}.successBox p b{color:#fff;background-color:#2cd640;display:flex;justify-content:center;align-items:center;width:22px;height:22px;border-radius:50%;padding:5px}.successBox.error p b{background-color:#e53434}.successBox div.text{flex:1}.successBox div.text h3{color:#485164;font-size:11pt;font-weight:800;line-height:160%}.successBox div.text span{font-size:10pt;font-weight:500;color:#555}.successBox a{cursor:pointer}.successBox a:hover{opacity:.8}