@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:Poppins,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth"100}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}header{padding:8px;background-color:#f1f1f1;border-bottom:2px solid #ff4d4d3b;display:flex;align-items:center;justify-content:space-between}header h1{font-size:30px;padding-left:3vw}header h1 a{text-decoration:none;color:tomato}header svg{height:50px;width:50px;cursor:pointer;padding:10px}.user{margin-right:3vw;position:relative;display:flex}.user svg:hover~a,.user a:hover{display:block}.user a{display:none;position:absolute;left:-55%;top:90%;background-color:#fff;padding:10px 20px;transform:translate(-40%);border-radius:5px;box-shadow:0 2px 5px #0000001a;text-decoration:none;color:#000}.user a:after{content:"";position:absolute;top:-5px;left:85%;transform:translate(-50%);border-width:0 10px 10px;border-style:solid;border-color:transparent transparent white transparent}@media screen and (max-width:600px){header h1{font-size:24px}}.footer{position:fixed;bottom:0;width:100%;padding:2px;background-color:#c7c7c7;z-index:1}.footer p{text-align:center;font-size:14px}.footer p a{color:tomato;text-decoration:underline}@media screen and (max-width:500px){.footer p,.footer p a{font-size:12px}}.home{display:flex;flex-direction:column;align-items:center;margin-top:20px}.home .title{text-align:center}.home .title h1{font-size:2.5rem;font-weight:600;color:tomato}.home .title p{font-size:1.1rem;color:#ff7f7f}.container{display:flex;flex-direction:column;align-items:center;margin-top:30px;width:400px;border-radius:5px;box-shadow:0 6px 8px #0003;margin-bottom:50px}.container .tabs{display:flex;justify-content:flex-start;align-items:center;width:100%;background-color:#e5e5e5;border-radius:4px 4px 0 0;box-shadow:0 -2px 4px #0000001a;z-index:1}.container .tabs a{text-decoration:none;color:tomato;font-weight:600;font-size:1.2rem;text-align:center;width:50%;height:100%;padding:4px 0}.container .tabs a.active{background-color:#fff;border-radius:4px 4px 0 0}.container .inputs{display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;width:100%;border-radius:0 0 4px 4px}.output{padding:0 0 20px}.output .url{display:flex;align-items:center;justify-content:space-around;width:350px;padding:10px 0;border-radius:4px;background-color:#f9f9f9;border:2px solid #eee}.output .url p{color:#333;width:300px;font-size:.9rem;font-weight:600}.output .url .copy svg{cursor:pointer;z-index:1}.output .copy{display:flex;position:relative}.output .copy .hover{position:absolute;content:"";top:-5px;left:-5px;width:34px;height:34px;background-color:#c7c7c7;border-radius:50%;z-index:0;display:none}.output .copy:hover .hover{display:block}.container button{width:300px;padding:10px;background-color:tomato;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;height:45px;position:relative}.fetching:after{content:"";height:25px;width:25px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:fetch 1s infinite ease-in-out}.qrcode{text-align:center}.qrcode button{margin-top:20px;width:200px;background-color:#f1725b}.qrprompt{height:100dvh;width:100vw;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.qrprompt .prompt{padding:20px;background-color:#f1f1f1;border-radius:6px}.qrprompt .prompt .btns{display:flex;gap:15px}.qrprompt .prompt .btns button{width:fit-content}@keyframes fetch{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media screen and (max-width:500px){.container{width:90%;margin-top:20px}.title{text-align:center}.home .title h1{font-size:2rem}.home .title p{font-size:1rem;width:90%;margin:auto}.container .tabs a{font-size:1rem}.container button{width:100%}.output{width:95%;margin:auto}.output .url{width:fit-content;min-width:300px;margin:auto;padding:10px 4px}.output .url p{width:fit-content;font-size:.8rem}.user a{left:-65%}.qrcode button{width:70%}}.input{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.input label{font-size:1rem;color:#555;font-weight:600;margin-left:2px}.input input{width:300px;padding:10px;border:1px solid #ccc;border-radius:5px;color:#333;outline:none;transition:all .2s ease}.input input:focus{border-color:tomato}.input input:focus::placeholder{color:transparent}.input:has(input:focus) label{color:tomato;font-weight:600}.container button:hover{background-color:#ff8859;scale:1.01}@media screen and (max-width:500px){.input{width:100%;margin:0 auto}.input input{width:100%}.input label,.container button{font-size:.9rem}}.loading{height:100%;width:100%;background-color:#f1f1f1;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;z-index:-1}.loading .spinner{width:100px;height:100px;border:5px solid #f3f3f3;border-top:5px solid #ff4f2f;border-radius:50%;animation:spin 1s ease-in-out infinite;content:"";position:absolute}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard{margin:30px 0 40px}.dashboard .title{text-align:center}.dashboard .title h1{font-size:2.5rem;font-weight:600;color:tomato}.dashboard .title p{font-size:1.1rem;color:#ff7f7f}.dashboard .nodata{font-weight:600;font-size:1.5rem;margin-top:40px;color:#ff7f7f;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:26px}.dashboard .nodata a{text-decoration:none;color:#fff;font-weight:600;background-color:tomato;padding:10px 20px;border-radius:4px;font-size:1.2rem;transition:transform .2s ease-in-out,background-color .2s ease-in-out}.dashboard .nodata a:hover{background-color:#e95b41;transform:scale(1.02)}.dashboard .charts{margin-top:30px;display:flex;justify-content:center}.dashboard .details{color:#333;padding:10px}.dashboard .details h2{color:tomato;font-size:1.8rem}.dashboard .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:10px;justify-items:start;align-items:baseline}.dashboard .cards .card{min-width:250px;padding:15px;border:2px solid #ffdad7;border-radius:6px;box-shadow:0 2px 4px #a102021a}.card strong{color:#555}.card p,.card p a{color:#ff6b5f}.card p.short{display:flex;align-items:center;justify-content:flex-start;gap:2px}.card p.short svg{height:18px;z-index:2}.card p.short svg:hover{transform:translateY(-1px) scale(1.02);cursor:pointer;transition:trabsform .2s ease}.card p.short .cicon{position:relative;display:flex}.card p.short span{height:24px;width:24px;content:"";background-color:#c9c9c9;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:none;cursor:pointer}.card p.short svg:hover~span{display:block}.dashboard .cards .card:hover{transform:translateY(-2px);transition:all .2s ease;box-shadow:0 4px 12px #ff6b5f33}.dashboard .card .dbtn,.dbtn{display:flex;justify-content:space-evenly;align-items:center;margin-top:5px}.dbtn button{padding:4px 10px;border-radius:4px;border:none;font-size:.9rem;background-color:#ff4d4f;color:#fff;cursor:pointer}.dbtn button:hover{transform:translateY(-1px) scale(1.02);transition:all .2s ease}.dbtn button:last-child{color:#fff;background-color:#4da6ff}.dashboard .prompt{height:100dvh;width:100vw;position:fixed;top:0;left:0;z-index:500;background-color:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.dashboard .prompt .area{background-color:#fff5f5;padding:15px;border-radius:4px;display:flex;flex-direction:column;text-align:center}.area h4,.area h3{color:#d32f2f}.area h3{font-weight:600}.area h3 strong{font-weight:1200}.prompt .area p{color:#555;width:80%;margin:15px auto 0}.area .opt{display:flex;justify-content:space-around;margin-top:15px}.area .opt button{padding:4px 20px;border-radius:4px;border:none;background-color:#ff4d4f;color:#fff;cursor:pointer}.area .opt button:hover{background-color:#e04345;scale:1.02}.area .einp{margin:5px 0;padding:10px;display:flex;flex-direction:column;gap:15px}@media screen and (max-width:550px){.dashboard .title h1{font-size:2rem}.dashboard .title p{font-size:1rem;width:90%;margin:auto}.nodata p{font-size:1.2rem;width:90%;margin:auto;text-align:center}.dashboard .nodata a{font-size:1rem;padding:8px 16px}.dashboard .charts{display:block}.dashboard .cards{justify-items:center}}@media screen and (min-width:550px)and (max-width:800px){.dashboard .cards{gap:10px}}