@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";section{position:absolute;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;gap:2px;flex-wrap:wrap;overflow:hidden;background-color:#000}section:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(#000,#0f0,#000);animation:animate 5s linear infinite}@keyframes animate{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}section span{position:relative;display:block;width:calc(6.25vw - 2px);height:calc(6.25vw - 2px);background:#181818;z-index:2;transition:1.5s}section span:hover{background:#0f0;transition:0s}section .signin{position:absolute;width:400px;background:#222;z-index:1000;display:flex;justify-content:center;align-items:center;padding:40px;border-radius:4px;box-shadow:0 15px 35px #000}section .signin .content{position:relative;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px}section .signin .content h2{font-size:2em;color:#0f0;text-transform:uppercase}section .signin .content .form{width:100%;display:flex;flex-direction:column;gap:25px}section .signin .content .form .inputBox{position:relative;width:100%}section .signin .content .form .inputBox input{position:relative;width:100%;background:#333;border:none;outline:none;padding:25px 10px 7.5px;border-radius:4px;color:#fff;font-weight:500;font-size:1em}section .signin .content .form .inputBox i{position:absolute;left:0;padding:15px 10px;font-style:normal;color:#aaa;transition:.5s;pointer-events:none}.signin .content .form .inputBox input:focus~i,.signin .content .form .inputBox input:valid~i{transform:translateY(-7.5px);font-size:.8em;color:#fff}.signin .content .form .links{position:relative;width:100%;display:flex;justify-content:space-between}.signin .content .form .links a{color:#fff;text-decoration:none}.signin .content .form .links a:nth-child(1){color:#0f0;font-weight:600}.signin .content .form .inputBox input[type=submit]{padding:10px;background:#0f0;color:#000;font-weight:600;font-size:1.35em;letter-spacing:.05em;cursor:pointer}input[type=submit]:active{opacity:.6}@media (max-width: 900px){section span{width:calc(10vw - 2px);height:calc(10vw - 2px)}}@media (max-width: 600px){section span{width:calc(20vw - 2px);height:calc(20vw - 2px)}}.sideNavbarMain{display:flex;transition:all .3s ease}.sideNavbar{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100dvh;gap:1rem;width:20rem;transition:width .3s ease;background-color:var(--dark-main-container-liner-1);padding:1.25rem 1rem;color:#111}.sideNavbarHeader{width:100%;padding:.75rem .75rem .25rem}.sideNavbarHeaderTitle{font-size:1.6rem;font-weight:800;letter-spacing:.2px}.sideNavbarHeaderSub{font-size:1.1rem;opacity:.7;margin-top:.25rem}.sideNavbarDivider{width:calc(100% - 1.5rem);height:1px;background:#0000001f;margin:.25rem 0}.sideNavbarSectionTitle{width:100%;font-size:1.05rem;font-weight:700;opacity:.7;padding:.5rem .75rem 0;text-transform:uppercase;letter-spacing:.6px}.sideNavbarButtons{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:.5rem}.sideNavbarButtons button{border:none;outline:none;font-weight:700;background:none;color:#000;width:13rem;border-radius:3rem;padding-left:1rem;height:3rem;font-size:1.3rem;cursor:pointer;gap:1rem;text-align:start}.sideNavbar .active{background-color:#f1f1f1;color:#000;transition:.5s ease-in-out}.flexData{width:calc(100% - 20rem);padding:2rem 4rem}.sideNavbar.collapsed{width:0;padding-inline:0;overflow:hidden}.flexData.collapsed{padding:2rem 1rem;width:100%}.iconSide{font-size:4rem;cursor:pointer;width:4rem;color:green}.ineerProfile{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.ineerProfile.show{display:flex}.ineerProfile h2{font-size:1.7rem;text-transform:capitalize}.ineerProfile button{font-size:1.4rem;background:none;border:none;outline:none;cursor:pointer;text-transform:capitalize}nav{display:flex;justify-content:space-between;padding:2rem 0}.profile{display:flex;flex-direction:column;align-items:center;position:relative}nav h1{font-size:3rem;text-transform:capitalize;margin:0;color:#000}.profile>button{border:none;outline:none;height:6rem;width:6rem;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative;right:4rem}.profile img{height:6rem;width:6rem;border-radius:50%}.ineerProfile{position:absolute;top:5.5rem;right:-1rem;background-color:var(--dark-main-container-liner-1);border:1px solid green;border-radius:.5rem;padding:1rem;width:18rem;height:10rem;box-shadow:0 2px 5px #0000001a;color:#000;z-index:2;gap:.5rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.ineerProfile.show{opacity:1;visibility:visible}.ineerProfile h2{font-size:1.5rem;text-transform:capitalize;margin:0;color:#000;font-weight:900}.ineerProfile p{font-size:1.1rem;text-transform:lowercase}.ineerProfile button{font-size:1.7rem;background:none;font-weight:700;border:none;outline:none;cursor:pointer;text-transform:capitalize;display:flex;align-items:center;gap:.5rem;color:#000}.ineerProfile button .icons{font-size:2rem;color:green}.youtube{position:relative}.image-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.image-popup-content{position:relative;padding:20px;border-radius:8px;width:100%;height:100%;overflow:auto}.image-popup-close{position:absolute;top:10px;right:10px;background:transparent;border:none;cursor:pointer;color:#fff;transition:color .2s ease}.image-popup-close:hover{color:red}.image-gallery{display:flex;flex-wrap:wrap;gap:20px}.image-gallery img{max-width:100%;margin:10px 0;display:block}.youtube .searchBtn{margin-top:3rem}.inputMain{height:4rem;background-color:#fff;width:35rem;border-radius:2rem;display:flex;gap:1rem;align-items:center;padding-inline:2rem}.inputMain input{border:none;outline:none;color:#000;background:none;width:100%}.inputMain input::placeholder{color:#000;font-size:1.2rem;text-transform:capitalize}.inputMain button{background:none;border:none;outline:none;color:var( --dark-mode-footer-btn-text);font-size:2rem}.searchBtn .btn2{background:var( --dark-mode-yellow);border:none;outline:none;color:#f0f8ff;padding:1rem 2rem;border-radius:.5rem;text-transform:capitalize;font-size:1.3rem;display:flex;align-items:center;gap:.3rem;cursor:pointer;position:absolute;right:0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000}.youtubeFormFill{display:flex;align-items:center;justify-content:space-between}.youtubeFormFill h1{color:#fff;font-size:1.8rem;font-weight:700}.CrossIcons{font-size:2.3rem;cursor:pointer;color:var(--dark-mode-footer-btn-text)}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ffffff1c;padding:4rem 3rem;height:59rem;box-shadow:0 2px 10px #0000001a;border-radius:.5rem;z-index:1001;color:var( --dark-mode-footer-btn-text);display:flex;flex-direction:column;gap:2rem;width:50rem;overflow-y:scroll!important}.popup button{margin-top:2rem}.inputYoutube label{font-size:1.4rem;text-transform:capitalize;color:#fff}.inputYoutube :is(input,textarea){border:1px solid var(--dark-mode-yellow);border-radius:.5rem;box-sizing:border-box;outline:none;font-size:1.4rem;height:3rem;line-height:1.25rem;background-color:var(--dark-mode-nav-bg);margin-block:1rem;color:var(--dark-mode-text);padding:.25rem .5rem;padding-inline:1rem;width:100%;transition:all .25s}.inputYoutube input[type=file]{border:none;background:none}.inputYoutube input::placeholder{color:var( --dark-mode-footer-btn-text);font-size:1.2rem;text-transform:capitalize}.inputYoutube textarea{height:7rem;padding-top:1rem}.inputYoutube button{position:relative;border:none;outline:none;background:#fdb224;color:#f0f8ff;padding:1rem 2.4rem;border-radius:.5rem;text-transform:capitalize;font-size:1.2rem;cursor:pointer}.button-hello{position:relative;border:none;outline:none;background:#fdb224;color:#f0f8ff;padding:.3rem 1rem;border-radius:.5rem;text-transform:capitalize;font-size:1.2rem;cursor:pointer}.containers{display:flex;justify-content:center;align-items:center;margin-top:4rem;width:100%}.tables{width:100%;background:var( --dark-mode-coin-collect)}.tables-row{display:flex;width:100%;padding:1rem 0;border-bottom:1px solid #fdb12466}.tables-data{flex:1 1 20%;text-align:center}.icon-up-de{display:flex;gap:.7rem;font-size:2rem;position:relative;left:4rem}.icon-up-de button{border:none;outline:none;display:flex;flex-direction:column;align-items:center;justify-content:center;height:2rem;cursor:pointer;width:2rem}.icon-up-de button:nth-child(1){color:var( --dark-mode-yellow);font-size:1.6rem}.icon-up-de button:nth-child(2){color:var( --dark-mode-percent-bg-linear-2);font-size:1.7rem}.tables-data{font-size:1.4rem}.confirmation-dialog{position:fixed;top:30%;left:45%;transform:translate(-30%,-45%);background-color:#fff;padding:2rem;box-shadow:0 2px 10px #0000001a;border-radius:.5rem;z-index:1000;height:15rem;display:flex;flex-direction:column;color:#000;align-items:center;justify-content:center}.confirmation-dialog p{margin-bottom:1rem;font-size:2rem;text-transform:capitalize;font-weight:700}.confirmation-dialog .btn{display:flex;align-items:center;justify-content:center}.confirmation-dialog button{margin-right:1rem;margin-top:1rem;padding:1rem 2rem;border:none;font-size:1.5rem;border-radius:.3rem;background:var(--dark-mode-yellow);color:#fff;cursor:pointer}.view-images-btn{position:relative;border:none;outline:none;background:#000;color:#f0f8ff;padding:1rem;border-radius:.5rem;text-transform:capitalize;font-size:1.1rem;cursor:pointer}.imageModal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden}.imageModalContent{position:relative;max-width:90%;max-height:90%;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:center}.imageModalClose{position:fixed;top:20px;right:20px;font-size:2.2rem;color:#fff;cursor:pointer;z-index:1001}.modalImage{max-width:400px;max-height:400px;object-fit:cover;border-radius:8px;box-shadow:0 0 10px #00000080}.wrapper{margin:0 auto;padding:20px 0;width:100%;height:59.3dvh;overflow:scroll}.table{margin:0 0 40px;width:100%;box-shadow:0 1px 3px #0003;display:table;color:#000}.row{display:table-row;background:#f6f6f6}.row:nth-of-type(odd){background:#e9e9e9}.row.header{font-weight:900;color:#fff;font-size:1.3rem;background:#27ae60}.cell{padding:6px 12px;display:table-cell;text-align:center;font-size:1.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell a{font-size:1.2rem;color:purple}.Icon{font-size:1.6rem;font-weight:500;color:green;cursor:pointer}@media screen and (max-width: 580px){.row{padding:14px 0 7px;display:block}.row.header{padding:0;height:6px}.row.header .cell{display:none}.row .cell{margin-bottom:10px}.row .cell:before{margin-bottom:3px;content:attr(data-title);min-width:98px;font-size:10px;line-height:10px;font-weight:700;text-transform:uppercase;color:#969696;display:block}}@media screen and (max-width: 580px){.cell{padding:2px 16px;display:block}}@media screen and (max-width: 580px){.table{display:block}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{border-radius:8px;max-width:95%;max-height:90%;overflow:auto}.close-button{position:absolute;top:5px;right:5px;border:none;border-radius:4px;padding:5px;cursor:pointer}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}html{font-size:65.2%}body{transition:background-color .3s ease;font-family:Comic Neue;color:var(--dark-mode-text);background-color:#f2f4f7}body.no-scroll{overflow:hidden}:root{--dark-mode-bg: rgba(0, 0, 0, .292);--dark-mode-text: #fff;--dark-main-container-liner-1: white;--dark-main-container-liner-2: #18191B;--dark-mode-nav-bg: #353a3d49;--dark-mode-yellow: #FDB224;--dark-mode-percent-bg: #012237;--dark-mode-percent-bg-linear-1: #dc7b0c;--dark-mode-percent-bg-linear-2: #fff973 ;--dark-mode-footer-bg: #161D22 ;--dark-mode-footer-btn-text: #bcbcc3 ;--dark-mode-footer-bg-active: #3636367e ;--dark-mode-footer-active-text-clr: rgba(255, 255, 255, .86) ;--dark-mode-form-popup-bg: #171A1D;--dark-mode-form-popup-btn-bg: rgba(255, 255, 255, .036);--dark-mode-click-bg: #27292cb8;--dark-mode-coin-collect: rgba(0, 0, 0, .17);--dark-mode-icon-tick: #22bb33;--dark-mode-timer-text-color: rgb(234, 64, 64)}.table_head{background-color:var( --dark-mode-click-bg)}.table_head tr th{color:var( --dark-mode-text)}.table_body{background-color:var( --dark-mode-coin-collect);color:var( --dark-mode-footer-btn-text)}