@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Montserrat,sans-serif}.content{padding:100px 50px 20px}.footer{align-items:center;justify-content:center;padding:20px;text-align:center;a{color:grey;font-size:14px;margin-right:10px}}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;border-radius:20px;padding:20px;text-align:center}.modal-content h3{margin-bottom:20px}.modal-content button{border:none;border-radius:20px;cursor:pointer;margin:5px;padding:10px 20px}body,button,div,h1,h2,h3,h4,h5,h6,input,li,p,span{font-family:Montserrat,sans-serif}button,div,input,li,p,span{font-weight:600}.bold-text{font-weight:700}h2{font-family:Montserrat,sans-serif;margin-bottom:20px}a{text-decoration:none}a:hover{color:#4a98ff}.updates{display:flex;margin-bottom:40px}.etyLogo{display:inline-block;height:auto;vertical-align:middle;width:130px}.products{display:flex;gap:20px}.popup{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background:#fff;border-radius:20px;box-shadow:0 4px 8px #0000001a;padding:20px;text-align:left;width:300px}.popup-content input{background:#f1f1f1;border:none}.popup-content input,.popup-content input:focus{border-radius:20px;font-size:16px;margin:10px 0;padding:10px 20px;width:80%}.popup-content input:focus{background:#e9e9e9;border:#007bff;outline:none}.popup-content .deposit-button{background-color:#4a98ff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;margin-right:10px;margin-top:10px;padding:10px 20px;transition:all .2s ease-in-out}.popup-content .deposit-button:hover{background-color:#5aa0fc}.popup-content .cancel-button{background-color:#ebebeb;border:none;border-radius:20px;color:#3f3f3f;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px;transition:all .2s ease-in-out}.popup-content .cancel-button:hover{background-color:#d6d6d6}.deposit-button{background-color:#4a98ff;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.status-available{color:#4a98ff}.status-deleted{color:#920000}.status-waiting_for_activation{color:#b47500}.status-service{color:blue}.login-container{background-color:#f4f4f4;height:100vh;text-align:center}.login-container,.logoCon2{align-items:center;display:flex;justify-content:center}.logoCon2{border-radius:100px;height:40px;margin-right:10px;width:130px}.logo2{fill:#fff;align-items:start;align-self:start;border-radius:200px;box-shadow:0 4px 30px #0000000d,0 6px 100px #0000000d;display:flex;height:40px;justify-content:left;padding:0;width:310px}.login-card{background:#fff;border-radius:24px;padding:2rem;text-align:left;width:350px}.login-header .logo{color:#007bff;font-size:3rem;font-weight:700;margin-bottom:1rem}.login-header h2{color:#333;font-size:1.5rem;margin:20px 0 0}.login-header p{color:#666;margin-bottom:2rem}.login-form input{border:none;border-radius:15px;box-sizing:border-box;font-size:15px;margin-bottom:1rem;margin-right:0;outline:2px solid #e9e9e9;padding:15px 20px;transition:all .2s ease-in-out;width:auto;width:100%}.login-form input:focus{outline:2px solid #4a98ff}.password-field{position:relative}.sign-in-btn{align-items:center;background-color:#4a98ff;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;margin-bottom:1rem;padding:10px;transition:all .2s ease-in-out;width:100%}.sign-in-btn svg{margin-right:.5rem}.sign-up-btn{align-items:center;background-color:#f5f5f5;border:none;border-radius:15px;color:#333;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:10px;transition:all .2s ease-in-out;width:100%}.ety-img{fill:#007bff}.sign-in-btn:hover,.sign-up-btn:hover{scale:.98}.checkbox-container{align-items:center;border:none;display:flex;margin:10px 0}.checkbox-container input[type=checkbox]{border:none;cursor:pointer;height:50px;margin-right:10px;outline:none;width:50px}.checkbox-container label{border:none;color:#333;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.checkbox-container a{border:none;color:#4a98ff;cursor:pointer;font-size:14px}.error-message{color:red;color:#e43f3f;font-size:15px;margin-top:5px}.password-toggle{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;margin:0;padding:0;position:absolute;right:10px;top:18%;transform:translateY(-50%)}.password-toggle:focus{outline:none}.password-toggle:hover{color:#0056b3}.sign-up-btn svg{margin-right:.5rem}.language-toggle{background-color:#fff;border:none;border-radius:25px;color:#007bff;cursor:pointer;font-size:14px;margin-top:4px;outline:none;padding:10px 20px;transition:background-color .3s ease;width:100%}.language-toggle:hover{color:#2566ac}body,html{background-color:#f8f9fa;font-family:Arial,sans-serif;margin:0;padding:0}.homepage{margin:0 auto;max-width:1000px;padding:0 20px;text-align:center}.header{align-items:center;display:flex;justify-content:space-between;padding:20px}.logo{color:#007bff;font-size:24px;font-weight:700}.login-btn{background-color:#333;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 20px;transition:all .3s ease-in-out}.login-btn:hover{background-color:#555;scale:.95}.debil-con{display:flex}.main-section{align-items:center;display:flex;justify-content:space-between;justify-content:center;padding:60px 20px;text-align:left}.main-content{flex:1 1;padding-right:20px}.main-content h1{font-size:36px;margin-bottom:10px}.region{color:#007bff;font-size:18px}.cta-btn{background-color:#4a98ff;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:15px 30px;transition:all .3s ease-in-out}.cta-btn:hover{background-color:#2e79db;scale:.98}.main-image img{height:auto;max-width:100%}.bonus-section{margin-top:40px}.bonus-items{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));text-align:left}.bonus-item{align-items:center;background-color:#fff;border-radius:20px;box-shadow:1px 2px 10px #e4e4e4;cursor:default;display:flex;padding:15px 20px;scale:1;transition:all .3s ease}.bonus-item:hover{border-radius:35px;box-shadow:0 4px 80px #0787ff33;scale:1.05;z-index:30}.bonus-image img{height:auto;margin-right:20px;width:60px}.bonus-text h3{color:#333;font-size:18px;margin:0;text-align:left}.bonus-text p{color:#666;font-size:16px;margin:5px 0 0}.config-selector{display:flex;flex-direction:row;p{color:#cacaca}}.filter-section{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:0 20px;text-align:left;h3{margin:0}}.filter-container{display:flex;flex-direction:column;gap:10px;width:100%}.filter-container label{color:#333;font-size:14px}.filter-container input[type=number]{align-items:center;background:#efefef;border:none;border-radius:20px;outline:none;padding:13px 10px;text-align:center}.checkbox-group{display:flex;gap:10px}.checkbox-group label{align-items:center;display:flex;gap:5px}.filter-container button{background-color:#4a98ff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;margin:0;padding:15px;transition:all .2s ease-in-out;width:100%}.filter-container button:hover{background-color:#3887ee}.config-list{align-items:center;display:flex;flex-direction:column;gap:10px;padding:0 40px;width:70%}.config-item-m{background-color:#ffffff85;border:2px solid #ededed;border-radius:30px;display:flex;gap:0;justify-content:space-between;max-width:500px;padding:20px;text-align:left;transition:all .2s ease-in-out;width:80%;h3{color:#6c6c6c;margin:10px 0}}.pagination{align-items:center;display:flex;justify-content:center;margin-bottom:20vh;margin-top:20px}.pagination button{background-color:#daecff;border:none;border-radius:25px;color:#3887ee;cursor:pointer;font-size:16px;margin:0 5px;padding:10px 15px;transition:background-color .3s ease}.pagination button:disabled{background-color:#ebebeb;color:#888;cursor:not-allowed}.pagination button:hover:not(:disabled){background-color:#cce5ff}.pagination span{font-size:16px;margin:0 10px}.config-item-m:hover{background-color:#fff;border:2px solid #fff;border-radius:40px;box-shadow:0 4px 30px #3a3a3a17;transform:translateY(-3%);z-index:50;.config-price p{color:#007bff;scale:1.05}}.config-info{display:flex;flex-direction:column;p{color:#a9a9a9;margin:0;padding:0 20px 0 0}}.hor-pops{display:flex;flex-direction:row;gap:10px}.config-location{background:#4a98ff;color:#fff}.config-channel,.config-location{align-items:center;border-radius:20px;display:inline-block;font-weight:700;max-width:150px;padding:2px 10px;text-align:center;white-space:nowrap;width:auto}.config-channel{background:#d3e6ff;color:#4a98ff}.config-price{align-items:flex-end;display:flex;flex-direction:column;justify-content:center}.config-price p{color:#4a98ff;font-size:28px;font-weight:700;margin:10px 0;padding:0;transition:all .2s ease-in-out}.config-price button{background-color:#4a98ff;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:16px;padding:13px 25px;transition:all .2s ease-in-out}.config-price button:hover{background-color:#257ae9;scale:.98}.dashboard-container{background:#fff;color:#333;display:flex;height:100vh}.sidebar{background-color:#232323;border-radius:0 30px 30px 0;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;justify-content:space-between;padding:20px;width:250px}.sidebar-item{align-items:center;border-radius:20px;color:#fff;cursor:pointer;display:flex;justify-content:left;margin-bottom:5px;padding:15px;transition:background-color .3s ease}.sidebar-item.active{background-color:#4a98ff}.sidebar-item:hover{background-color:#ffffff44}.sidebar-footer{margin-top:auto}.sidebar-icon{height:24px;margin-right:10px;vertical-align:middle;width:24px}.username{color:#fff;font-size:18px;font-weight:700}.balance{color:#4a98ff;font-size:16px}.server-list{background-color:#eee;border-radius:0 30px 30px 0;overflow-y:scroll;padding:20px;scrollbar-width:0;width:400px}.server-list::-webkit-scrollbar{width:1px}.server-list::-webkit-scrollbar-thumb{background-color:#4a98ff;border-radius:4px}.server-list::-webkit-scrollbar-track{background:#0000001a}.server-list{scrollbar-color:#4a98ff5b #a5a5a51a;scrollbar-width:thin}.server-list::-webkit-scrollbar-thumb:hover{background-color:#00000080}.order-server-btn{background-color:#fff;border:none;border-radius:20px;color:#4a98ff;cursor:pointer;display:block;font-size:16px;margin-bottom:20px;padding:20px;text-align:center;transition:all .3s ease-in-out;width:100%}.order-server-btn:hover{background-color:#ffffffa4;scale:.98}.server-item{border:2px solid #e0e0e0;border-radius:25px;overflow:hidden}.server-item,.server-item:hover{cursor:pointer;margin-bottom:10px;padding:20px;transition:all .3s ease}.server-item:hover{border:2px solid #4a98ff91;border-radius:25px}.server-item.answered{background-color:#dbdbdb;border:2px solid #ccc;scale:.98}.server-item.selected{background-color:#4a98ff;border:2px solid #4a98ff;color:#fff;scale:1.02;.server-ip{color:#e6e6e6a4}}.server-name{font-size:16px;font-weight:700}.server-ip{color:#5e5e5e5d;font-size:14px}.server-details{flex-grow:1;padding:30px}.tabs{display:flex;margin-bottom:20px}.tab{border-bottom:2px solid #0000;cursor:pointer;font-size:16px;padding:10px 20px}.tab.active{border-bottom:3px solid #4a98ff;color:#0af}.tab-content{border-radius:10px;padding:20px;width:500px}.status{color:#0af;font-weight:700}.access-ip{color:#333;font-size:18px}.server-name-display{font-size:16px;font-weight:700}.config-form{background-color:#f9f9f9;border:1px solid #ccc;border-radius:20px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin:10px auto;max-width:500px;padding:20px}.config-form label{align-items:center;display:flex;font-size:16px;justify-content:space-between;margin-bottom:15px}.config-form input[type=number],.config-form input[type=text]{border:1px solid #ddd;border-radius:10px;font-size:14px;padding:8px;width:60%}.config-form input[type=checkbox]{margin-left:10px}.config-form button{border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.config-form button,.config-form button:hover{background-color:#4a98ff}.config-form input:focus{border-color:#4a98ff;outline:none}.config-form input[type=number]::-webkit-inner-spin-button,.config-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.config-form input[type=number]{-moz-appearance:textfield}.config-management-container{display:flex;gap:20px;justify-content:space-between}.config-item{background-color:#fff;border:1px solid #ddd;border-radius:20px;margin-bottom:10px;padding:10px}.config-item p{margin:0}.config-item button{background-color:#4a98ff;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-top:5px;padding:5px 10px}.config-item button:hover{background-color:#2274e0}.ticket-content{word-wrap:break-word;background:#f1f1f1;border-radius:10px;overflow:hidden;padding:10px;width:auto}.ticket-title{color:#4a98ff}.invoice-item{background-color:#fff;border:2px solid #ddd;border-radius:20px;display:flex;flex-direction:column;gap:5px;margin-bottom:10px;padding:15px}.invoice-item p{margin:0}.invoice-date{color:#666;font-size:14px}.invoice-item button{background-color:#d8e9ff;border:none;border-radius:20px;color:#2274e0;cursor:pointer;margin-top:5px;padding:8px 10px}.invoice-item button:hover{background-color:#bddaff}
/*# sourceMappingURL=main.a2638311.css.map*/