body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.navbar{background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;padding:1rem 0}.nav-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.nav-brand{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-brand:hover{color:#3498db}.nav-links{display:flex;gap:2rem}.nav-link{border-radius:4px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.nav-link:hover{background-color:#34495e}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.error{background-color:#f8d7da;border-radius:4px;color:#721c24;margin:1rem 0;padding:1rem;text-align:center}.retry-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:1rem;padding:.5rem 1rem}.retry-button:hover{background-color:#c82333}.header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header h1{color:#2c3e50;margin:0}.refresh-button{border-radius:4px;padding:.5rem 1rem}.stats{border-top:1px solid #ddd;display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem;padding-top:2rem}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.stat-label{color:#666;font-size:.9rem}.stat-value{color:#2c3e50;font-size:1.5rem;font-weight:700}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-screen p{font-size:16px;opacity:.9}.nav-user{align-items:center;display:flex;gap:15px}.user-info{color:#ecf0f1;font-size:14px}.logout-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.logout-button:hover{background-color:#c0392b}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center}.header{align-items:flex-start;flex-direction:column}.stats{justify-content:center}.nav-user{flex-direction:column;gap:10px}.user-info{text-align:center}}.instances-container{min-height:100vh}.instances-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.instance-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .3s,box-shadow .3s}.instance-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.instance-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.instance-header h3{color:#2c3e50;font-size:1.2rem;margin:0}.status{border-radius:20px;font-size:.85rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.status-active{background-color:#d4edda;color:#155724}.status-stopped{background-color:#f8d7da;color:#721c24}.status-pending{background-color:#fff3cd;color:#856404}.status-unknown{background-color:#e2e3e5;color:#6c757d}.power-running{color:#28a745;font-weight:600}.power-stopped{color:#dc3545;font-weight:600}.power-paused{color:#ffc107;font-weight:600}.server-ok{color:#28a745;font-weight:600}.server-error{color:#dc3545;font-weight:600}.server-maintenance{color:#fd7e14;font-weight:600}.server-locked{color:#6c757d;font-weight:600}.server-installingbooting{color:#17a2b8;font-weight:600}.instance-details{margin-bottom:1.5rem}.detail-row .value.power-paused,.detail-row .value.power-running,.detail-row .value.power-stopped,.detail-row .value.server-error,.detail-row .value.server-installingbooting,.detail-row .value.server-locked,.detail-row .value.server-maintenance,.detail-row .value.server-ok,.detail-row .value.status-active,.detail-row .value.status-pending,.detail-row .value.status-stopped{font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.instance-actions{display:flex;flex-wrap:wrap;gap:.5rem}.action-button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s}.action-button:disabled{cursor:not-allowed;opacity:.5}.action-button.start{background-color:#28a745;color:#fff}.action-button.start:hover:not(:disabled){background-color:#218838}.action-button.stop{background-color:#dc3545;color:#fff}.action-button.stop:hover:not(:disabled){background-color:#c82333}.action-button.restart{background-color:#ffc107;color:#212529}.action-button.restart:hover:not(:disabled){background-color:#e0a800}.no-instances{color:#666;padding:3rem;text-align:center}.no-instances p{font-size:1.1rem}@media (max-width:768px){.instances-grid{grid-template-columns:1fr}.instance-header{align-items:flex-start;flex-direction:column;gap:.5rem}.detail-row{flex-direction:column;gap:.25rem}.detail-row .value{text-align:left}.instance-actions{flex-direction:column}.action-button{flex:none}}.plans-container{min-height:100vh}.filters{display:flex;flex-wrap:wrap;gap:.5rem}.filters button{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;padding:.5rem 1rem;transition:all .3s}.filters button:hover{background-color:#f8f9fa;border-color:#3498db}.filters button.filter-active{background-color:#3498db;border-color:#3498db;color:#fff}.plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.plan-card{background:#fff;border-left:4px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .3s,box-shadow .3s}.plan-card.available{border-left-color:#28a745}.plan-card.unavailable{border-left-color:#dc3545;opacity:.7}.plan-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.plan-header{align-items:flex-start;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.plan-header h3{color:#2c3e50;font-size:1.2rem;margin:0}.plan-type{background-color:#f8f9fa;border-radius:4px;color:#666;font-size:.8rem}.availability,.plan-type{font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.availability{border-radius:20px;font-size:.85rem}.availability.available{background-color:#d4edda;color:#155724}.availability.unavailable{background-color:#f8d7da;color:#721c24}.plan-specs{margin-bottom:1rem}.spec-row{display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.25rem 0}.spec-label{color:#666;font-weight:500}.spec-value{color:#2c3e50;font-weight:500}.spec-value.price{color:#28a745;font-weight:600}.plan-details{margin-bottom:1rem}.detail-row{border-bottom:1px solid #f8f9fa}.no-plans{color:#666;padding:3rem;text-align:center}.no-plans p{font-size:1.1rem}@media (max-width:768px){.plans-grid{grid-template-columns:1fr}.plan-header{align-items:flex-start;flex-direction:column}.detail-row,.spec-row{flex-direction:column;gap:.25rem}.detail-row .value{text-align:left}.filters{justify-content:center}}.regions-container{min-height:100vh}.search-container{flex:1 1;max-width:400px}.search-input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem 1rem;width:100%}.search-input:focus{border-color:#3498db;outline:none}.continent-section,.regions-content{margin-bottom:2rem}.continent-header{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.regions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.region-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .3s,box-shadow .3s}.region-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.region-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.region-header h3{color:#2c3e50;font-size:1.2rem;margin:0}.region-country{background-color:#f8f9fa;border-radius:4px;color:#666;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.region-details{margin-bottom:1rem}.detail-row{align-items:flex-start}.detail-row .label{flex:0 0 100px}.features{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.feature-tag{background-color:#e3f2fd;border-radius:4px;color:#1976d2;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.no-regions{color:#666;padding:3rem;text-align:center}.no-regions p{font-size:1.1rem}@media (max-width:768px){.regions-grid{grid-template-columns:1fr}.region-header{align-items:flex-start;flex-direction:column;gap:.5rem}.detail-row{flex-direction:column;gap:.25rem}.detail-row .value{text-align:left}.features{justify-content:flex-start}.search-container{max-width:none}}.upgrade-container{min-height:100vh}.upgrade-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.form-section,.upgrade-form{margin-bottom:2rem}.form-section h2{color:#2c3e50;font-size:1.3rem;margin-bottom:1rem}.select-field{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.select-field:focus{border-color:#3498db;outline:none}.select-field:disabled{background-color:#f8f9fa;color:#666;cursor:not-allowed}.current-instance-info,.new-plan-info{background:#f8f9fa;border-radius:6px;margin-bottom:1.5rem;padding:1.5rem}.current-instance-info h3,.new-plan-info h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.instance-details,.plan-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-row{display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.25rem 0}.detail-row .label{color:#666;flex:0 0 120px;font-weight:500}.detail-row .value{color:#2c3e50;flex:1 1;text-align:right;word-break:break-word}.detail-row .value.price{color:#28a745;font-weight:600}.upgrade-comparison{background:#e8f5e8;border-radius:6px;margin-bottom:1.5rem;padding:1.5rem}.upgrade-comparison h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem}.comparison-table{grid-gap:1rem;background:#fff;border-radius:4px;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);overflow:hidden}.comparison-row{display:contents}.comparison-header{background:#2c3e50;color:#fff;font-weight:600;padding:1rem;text-align:center}.comparison-cell{border-bottom:1px solid #eee;padding:1rem;text-align:center}.comparison-cell.upgrade{background-color:#d4edda;color:#155724;font-weight:600}.comparison-cell.downgrade{background-color:#f8d7da;color:#721c24;font-weight:600}.comparison-cell.same{background-color:#f8f9fa;color:#666}.upgrade-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:background-color .3s;width:100%}.upgrade-button:hover:not(:disabled){background-color:#218838}.upgrade-button:disabled{background-color:#6c757d;cursor:not-allowed}.upgrade-info{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:1.5rem}.upgrade-info h3{color:#856404;font-size:1.2rem;margin-bottom:1rem}.upgrade-info ul{color:#856404;list-style-position:inside}.upgrade-info li{margin-bottom:.5rem}@media (max-width:768px){.upgrade-form{padding:1rem}.instance-details,.plan-details{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:.25rem}.detail-row .value{text-align:left}.comparison-table{grid-template-columns:1fr}.comparison-header{display:none}.comparison-cell{border-bottom:1px solid #eee;padding:.75rem;position:relative;text-align:left}.comparison-cell:before{color:#666;content:attr(data-label);display:block;font-weight:600;margin-bottom:.5rem}}.setup-container{margin:0 auto;max-width:800px;padding:2rem}.setup-container h1{color:#2c3e50;margin-bottom:2rem;text-align:center}.status-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.status-item{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:1rem;padding:1.5rem}.status-item.success{background-color:#d4edda;border-left:4px solid #28a745}.status-item.error{background-color:#f8d7da;border-left:4px solid #dc3545}.status-item.warning{background-color:#fff3cd;border-left:4px solid #ffc107}.status-icon{font-size:2rem}.status-content h3{color:#2c3e50;margin:0 0 .5rem}.status-content p{color:#666;margin:0}.setup-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.setup-section h2{color:#2c3e50;margin-bottom:1rem}.success-section{background-color:#d4edda;border:1px solid #c3e6cb}.install-methods{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.install-method{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:1.5rem}.install-method h3{color:#2c3e50;margin-bottom:1rem}.code-block{background:#2c3e50;border-radius:4px;color:#ecf0f1;font-family:Courier New,monospace;margin:1rem 0;overflow-x:auto;padding:1rem}.code-block code{background:none;color:#f39c12;padding:0}.code-block p{color:#bdc3c7;margin:.5rem 0}.code-block a{color:#3498db;word-break:break-all}.api-key-steps{display:flex;flex-direction:column;gap:1.5rem}.step{background:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;padding:1.5rem}.step h3{color:#2c3e50;margin-bottom:1rem}.step p{color:#666;margin:.5rem 0}.system-info{background:#f8f9fa;border-radius:6px;margin-top:1rem;padding:1rem}.system-info h3{color:#2c3e50;margin-bottom:.5rem}.system-info p{color:#666;margin:.25rem 0}.setup-actions{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem;text-align:center}.refresh-button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;margin-bottom:2rem;padding:1rem 2rem;transition:background-color .3s}.refresh-button:hover{background-color:#2980b9}.helpful-links{text-align:left}.helpful-links h3{color:#2c3e50;margin-bottom:1rem}.helpful-links ul{list-style-type:none;padding:0}.helpful-links li{margin:.5rem 0}.helpful-links a{align-items:center;color:#3498db;display:inline-flex;gap:.5rem;text-decoration:none}.helpful-links a:hover{text-decoration:underline}.helpful-links a:before{content:"🔗"}.error-section{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;margin-top:1rem;padding:1.5rem}.error-section h3{color:#721c24;margin-bottom:.5rem}.error-section p{color:#721c24;margin:0}.loading{color:#666;font-size:1.1rem;padding:2rem;text-align:center}@media (max-width:768px){.setup-container{padding:1rem}.install-methods,.status-overview{grid-template-columns:1fr}.status-item{padding:1rem}.setup-section{padding:1.5rem}.code-block{font-size:.9rem}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.login-header h1{color:#333;font-size:24px;margin-bottom:10px}.login-header p{color:#666;margin-bottom:30px}.login-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:14px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;margin-bottom:20px;padding:12px;text-align:center}.login-info{background-color:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px;text-align:center}.login-info p{color:#666;font-size:14px;margin:5px 0}.login-info p:first-child{color:#333;font-weight:600;margin-bottom:10px}@media (max-width:480px){.login-container{padding:10px}.login-box{padding:30px 20px}.login-header h1{font-size:20px}}
/*# sourceMappingURL=main.cde11b95.css.map*/