body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#0d0d0d;font-family:Arial,sans-serif;margin:0}.container{background-color:#0f1114;border-radius:12px;box-shadow:0 4px 15px #00000080;color:#ececec;line-height:1.6;margin:0 auto;max-width:1200px;padding:0;transition:all .3 ease}.container:hover{border-color:#424242}@keyframes ske-shimmer{0%{background-position:-200px}to{background-position:200px}}.security-btn{background-color:#f0f8ff;bottom:20px}.reconnect button,.security-btn{border:0;border-radius:24px;cursor:pointer;padding:10px 20px;position:fixed;right:0;z-index:1000}.reconnect button{background-color:#2ecc71;top:10%}.display{display:flex;gap:5px;justify-content:center}.guest-connect-btn,.reconnect-button{border:0;border-radius:24px;cursor:pointer;margin-top:20px;padding:10px 20px}.support a{background-color:#ff1e00;border-radius:24px;bottom:20px;color:#f0f8ff;cursor:pointer;padding:10px 20px;position:fixed;text-decoration:none}header{display:flex;padding:5px}.name h1{color:#0d0d0d;font-size:30px;margin:0}.name img{height:auto;width:180px}.push{margin-left:auto}.icon{font-size:20px}.push button{border-radius:24px;font-style:italic;margin:0}.push h1,.push p{color:#0d0d0d;font-size:12px;margin:0}.flex-container{display:flex;gap:200px}.background{background-color:#f0f8ff;border-radius:12px 12px 80px 80px;box-shadow:0 4px 15px #00000080;padding:0}.progress-wrapper{height:auto;margin-left:180px;padding-bottom:20px;position:relative;width:300px;z-index:0}.progress-label-text{color:#94a3b8;font-size:10px;font-weight:700;left:50%;letter-spacing:.1em;position:absolute;text-transform:uppercase;top:60%;transform:translateX(-50%);white-space:nowrap}.flex-container summary{background-color:#0d0d0d;border-radius:24px;padding:8px 30px}.usage-section h2{color:#0d0d0d}.usage-section-modern{height:250px;margin-top:10px;width:500px}.usage-section-modern h2 span{color:grey;font-family:Courier New,Courier,monospace;font-style:italic}section h2{color:#2ecc71;font-size:15px;font-style:italic;font-weight:800;text-align:center}.card{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,0fr);justify-content:center}.card-container-info{background-color:#1a1d21;border-radius:12px;box-shadow:0 4px 15px #00000080;color:grey;padding:8px;transition:all .8 ease;width:190px}.card-container-info h3,.card-container-info p{margin:0}.card-container-info p{font-size:12px}.card-container-info span{background:linear-gradient(90deg,#2ecc71,#20c997);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:30px;font-style:italic;font-weight:800}.buy-button{border:1px solid #0000;border-radius:20px;box-shadow:0 2px 8px #0003;cursor:pointer;font-size:11px;font-weight:700;margin:0 2px;padding:6px 12px;transition:all .3s}.paystack-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.opay-btn{background:#ffcb00;color:#000}.payment-buttons{display:flex;flex-wrap:wrap;gap:4px}.card button{background-color:#87ceeb;border:none;border-radius:8px;border-radius:24px;color:#000;cursor:pointer;font-weight:700;margin-top:20px;padding:10px 20px;width:100%}footer{color:grey;margin-top:20px;padding:12px;text-align:center}footer p{font-style:italic;margin:0}.card details{font-weight:800;width:100%}.card summary{align-items:center;border-radius:24px;cursor:pointer;display:flex;font-family:sans-serif;font-size:12.5px;font-style:italic;font-weight:700;justify-content:space-between}.card details summary::-webkit-details-marker{display:none}.card summary:before{content:"▶";display:inline-block;margin-right:12px;transform:rotate(90deg);transition:transform .2s ease}details[open] summary:before{transform:rotate(270deg)}.usage-section-modern{background-color:#1a1d21;border-radius:24px;flex:1 1;padding:10px}.daily-data-card .h-full{display:block!important;height:100%}.password-section{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:16px;box-shadow:0 8px 25px #00000026;color:#155724;margin:0 auto 24px;max-width:400px;padding:24px;text-align:center}.password-section h3{font-size:1.5rem;margin-bottom:16px}.password-section p{font-size:1.1rem;margin-bottom:20px}.copy-button{background-color:#28a745;border:none;border-radius:12px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .3s ease}.copy-button:hover{background-color:#218838;box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.password-section .text-gray-600{color:#6c757d!important}.modal-backdrop{animation:fadeIn .3s ease;background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.password-modal{animation:slideIn .3s ease;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.modal-content{background-color:#0f1114;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:400px;overflow:hidden;padding:0;width:90vw}.modal-header{background:linear-gradient(135deg,#2ecc71,#20c997);color:#fff;padding:24px;text-align:center}.modal-header h2{font-size:1.5rem;margin:0}.modal-body{padding:32px 24px 24px;text-align:center}.password-display{background:#0000;border:2px dashed #2ecc71;border-radius:12px;display:flex;font-family:monospace;font-size:1.5rem;letter-spacing:2px;margin:20px 0;padding:20px;word-break:break-all}.password-display strong{color:grey}.expires-info{color:#6c757d;font-size:.9rem;margin:16px 0}.password-display button{background-color:#2ecc71;border:none;border-radius:24px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-left:auto;padding:8px;transition:all .3s}.modal-copy-btn:hover{background:#218838;transform:translateY(-2px)}.modal-help{color:#6c757d;font-size:.9rem;margin-top:20px}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:red;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;padding:0;position:absolute;right:20px;top:16px;transition:background .3s;width:40px}.modal-close:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.guest-hint{color:#94a3b8;font-size:12px;line-height:1.6;margin:0 0 14px}.guest-hint strong{color:#2ecc71}.guest-input{background-color:#0f1114;border:1px solid #ffffff26;border-radius:10px;box-sizing:border-box;color:#ececec;font-family:monospace;font-size:14px;margin-bottom:10px;outline:none;padding:12px 14px;transition:border .2s;width:100%}.guest-input:focus{border-color:#2ecc71}.guest-input::placeholder{color:#64748b}.guest-connect-btn:hover{box-shadow:0 6px 20px #2ecc7166;transform:translateY(-2px)}.guest-connect-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.guest-result{border-radius:10px;font-size:12px;line-height:1.6;margin-top:14px;padding:12px}.guest-result p{margin:4px 0}.guest-result-success{background:#2ecc711f;border:1px solid #2ecc71;color:#2ecc71}.guest-result-error{background:#ff1e001f;border:1px solid #ff1e00;color:#ff6b5e}@media screen and (max-width:480px){.name img{width:90px}.security-btn strong{display:none}.reconnect button{top:50%}.reconnect-btn strong{display:none}.flex-container{flex-direction:column}.text summary{margin-left:40px}.card{grid-template-columns:repeat(2,0fr)}.card-container-info{width:150px}.usage-section-modern{width:100%}.flex-container details{margin-left:2px;position:absolute;width:350px}.progress-wrapper{margin-left:40px;margin-top:60px;padding-bottom:30px}}@media screen and (min-width:481px) and (max-width:768px){.flex-container{gap:100px}summary{padding:8px 20px}.card{grid-template-columns:repeat(3,0fr);justify-content:center}.card-container-info{width:200px}.grid{width:400px}.progress-wrapper{margin-left:40px;margin-top:30px;padding-bottom:0}}@media screen and (min-width:769px) and (max-width:1024px){.flex-container{gap:200px}summary{padding:8px 20px}.card{grid-template-columns:repeat(4,0fr)}.card-container-info{width:200px}.grid{width:500px}.progress-wrapper{margin-left:40px;margin-top:30px;padding-bottom:0}}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}
/*# sourceMappingURL=main.c6d0e108.css.map*/