@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0e1a,#1a1f2e 50%,#0f1419);color:#e0e8ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(circle at 20% 80%,#00ffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#0096ff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#00c8ff0d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#09c);border:1px solid #00d4ff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00e6ff,#0ad)}@keyframes glow{0%,to{box-shadow:0 0 5px #00d4ff4d}50%{box-shadow:0 0 20px #00d4ff99,0 0 30px #00d4ff4d}}.futuristic-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1419cc;border:1px solid #00d4ff33;border-radius:12px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;transition:all .3s ease}.futuristic-card:hover{border-color:#00d4ff66;box-shadow:0 12px 40px #0006,0 0 20px #00d4ff33,inset 0 1px 0 #ffffff1a}.futuristic-button{background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.futuristic-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.futuristic-button:hover:before{left:100%}.futuristic-button:hover{box-shadow:0 8px 25px #00d4ff66,0 0 15px #00d4ff4d;transform:translateY(-2px)}.futuristic-button:active{transform:translateY(0)}.fade-in{animation:slideIn .6s ease-out}.text-glow{text-shadow:0 0 10px #00d4ff80}.text-accent{color:#00d4ff}.text-muted{color:#8b9bb4}.border-glow{border:1px solid #00d4ff4d;box-shadow:0 0 10px #00d4ff33}.glass-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f141999;border:1px solid #00d4ff1a}.App{min-height:100vh;padding:20px;position:relative;text-align:center}.App:before{background:radial-gradient(circle at 10% 20%,#00ffff0d 0,#0000 50%),radial-gradient(circle at 90% 80%,#0096ff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.App-header{animation:slideIn .8s ease-out;margin-bottom:40px}.App-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#09c);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:10px;text-shadow:0 0 30px #00d4ff4d}.App-subtitle{color:#8b9bb4;font-size:1.2rem;font-weight:400;margin-bottom:20px}.burger-menu{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:100}.burger-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00d4ff33,#09c3);border:2px solid #00d4ff66;border-radius:12px;box-shadow:0 4px 15px #00d4ff33;color:#00d4ff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;text-shadow:0 0 5px #00d4ff4d;transition:all .3s ease;white-space:nowrap}.burger-button:hover{background:linear-gradient(135deg,#00d4ff4d,#0099cc4d);border-color:#00d4ff99;box-shadow:0 6px 20px #00d4ff4d;text-shadow:0 0 8px #00d4ff80;transform:translateX(5px)}.burger-button:active{box-shadow:0 4px 15px #00d4ff33;transform:translateX(0)}.documentation-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00d4ff33,#09c3);border:2px solid #00d4ff66;border-radius:12px;box-shadow:0 4px 15px #00d4ff33;color:#00d4ff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;text-shadow:0 0 5px #00d4ff4d;transition:all .3s ease}.documentation-button:hover{background:linear-gradient(135deg,#00d4ff4d,#0099cc4d);border-color:#00d4ff99;box-shadow:0 6px 20px #00d4ff4d;text-shadow:0 0 8px #00d4ff80;transform:translateY(-2px)}.documentation-button:active{box-shadow:0 4px 15px #00d4ff33;transform:translateY(0)}.App-content{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1200px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 6s ease-in-out infinite}.grid-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1419cc;border:1px solid #00d4ff33;border-radius:16px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.card:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#00d4ff,#09c,#00d4ff);background-size:200% 100%;content:"";height:2px;left:0;position:absolute;right:0;top:0}.card:hover{border-color:#00d4ff66;box-shadow:0 12px 40px #0006,0 0 20px #00d4ff33,inset 0 1px 0 #ffffff1a;transform:translateY(-5px)}.card-title{color:#00d4ff;font-size:1.5rem;font-weight:600;margin-bottom:15px;text-shadow:0 0 10px #00d4ff4d}.card-content{color:#e0e8ff;line-height:1.6}.test-controls{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:5px 0 15px}.servers-map-section{margin-bottom:30px}.servers-map-section .card-content{overflow:hidden;padding:0}.card:has(.servers-map-container){padding:20px}.card:has(.servers-map-container) .card-content{padding:0}.button{background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:12px;box-shadow:0 4px 15px #00d4ff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:15px 30px;position:relative;transition:all .3s ease}.button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.button:hover:before{left:100%}.button:hover{box-shadow:0 8px 25px #00d4ff66,0 0 15px #00d4ff4d;transform:translateY(-3px)}.button:active{transform:translateY(-1px)}.status{background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:8px;font-weight:500;margin:10px 0;padding:10px 20px}.error{background:#ff3b301a;border:1px solid #ff3b304d;color:#ff6b6b}.success{background:#34c7591a;border:1px solid #34c7594d;color:#4ecdc4}@media (max-width:768px){.App{padding:15px}.App-title{font-size:2rem}.App-subtitle{font-size:1rem}.grid-container{gap:20px;grid-template-columns:1fr}.card{padding:20px}}.quick-actions{bottom:50%;display:flex;flex-direction:column;gap:2px;position:fixed;right:0;transform:translateY(50%);z-index:100}.quick-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00d4ff66,#09c6);border:2px solid #00d4ffb3;border-radius:12px 0 0 12px;border-right:none;box-shadow:-2px 0 8px #00d4ff4d,0 2px 8px #0000004d;color:#00d4ff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;height:120px;justify-content:center;min-width:40px;overflow:hidden;padding:8px 12px 8px 8px;position:relative;text-orientation:mixed;text-shadow:0 0 5px #00d4ff80;transition:all .3s ease;width:40px;writing-mode:vertical-rl}.quick-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.quick-action-btn:hover:before{left:100%}.quick-action-btn:hover{background:linear-gradient(135deg,#00d4ff99,#09c9);border-color:#00d4ffe6;box-shadow:-4px 0 15px #00d4ff99,0 4px 12px #0006;text-shadow:0 0 8px #00d4ffb3;transform:translateX(-3px)}.quick-action-btn:active{box-shadow:-2px 0 8px #00d4ff4d,0 2px 8px #0000004d;transform:translateX(0)}.btn-text{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;transform:rotate(180deg)}.quick-actions{animation:slideInFromRight .6s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px) translateY(50%)}to{opacity:1;transform:translateX(0) translateY(50%)}}@media (max-width:768px){.quick-actions{bottom:50%;gap:1px;right:0;transform:translateY(50%)}.quick-action-btn{font-size:12px;height:100px;min-width:35px;padding:6px 10px 6px 6px;width:35px}.btn-text{font-size:11px}}.test-results-btn{background:linear-gradient(45deg,#00d4ff,#ff6b6b);border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;margin:0 auto;max-width:400px;padding:15px 30px;text-align:center;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;width:100%}.test-results-btn:hover{box-shadow:0 10px 20px #0000004d;transform:translateY(-2px)}.speed-test{margin-top:20px;text-align:center}.charts-container{grid-template-columns:1fr;margin:20px 0}@media (min-width:768px){.charts-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.charts-container{grid-template-columns:repeat(3,1fr)}}.test-button{background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:12px;box-shadow:0 4px 15px #00d4ff4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:200px;overflow:hidden;padding:15px 30px;position:relative;transition:all .3s ease}.test-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.test-button:hover:before{left:100%}.test-button:hover{box-shadow:0 8px 25px #00d4ff66,0 0 15px #00d4ff4d;transform:translateY(-3px)}.test-button:active{transform:translateY(-1px)}.test-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.test-button:disabled:hover{box-shadow:0 4px 15px #00d4ff4d;transform:none}.test-button:not(:disabled):hover{animation:pulse 2s ease-in-out infinite}.progress{margin:20px 0}.progress-bar{background:#e9ecef;margin-bottom:10px}.progress-fill{background:#28a745}.status{color:#666;font-size:14px;margin-bottom:8px}.phase-info{background:#f8f9fa;border-left:3px solid #007bff;border-radius:4px;color:#888;font-size:12px;padding:8px 12px}.results{background:#f8f9fa;border-radius:8px;padding:20px}.result-item{border-bottom:1px solid #dee2e6;padding:10px 0}.result-label{color:#333}.result-value{color:#007bff}.reset-button{background:#6c757d;border-radius:4px;margin-top:15px;padding:10px 20px;transition:background-color .3s}.reset-button:hover{background:#545b62}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;padding:15px}.server-select{margin:20px 0;text-align:center}.server-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1419cc;border:1px solid #00d4ff4d;border-radius:8px;color:#e0e8ff;cursor:pointer;font-size:1rem;min-width:250px;outline:none;padding:12px 16px;transition:all .3s ease}.server-dropdown:focus{border-color:#00d4ff99;box-shadow:0 0 15px #00d4ff4d}.server-dropdown.highlighted{animation:highlightPulse 2s ease-in-out;border-color:#00d4ff;box-shadow:0 0 20px #00d4ffb3}@keyframes highlightPulse{0%,to{box-shadow:0 0 20px #00d4ffb3}50%{box-shadow:0 0 30px #00d4ffe6}}.server-dropdown option{background:linear-gradient(135deg,#0f1419f2,#191e23f2);border:none;border-bottom:1px solid #00d4ff1a;color:#e0e8ff;font-weight:500;outline:none;padding:12px 16px}.server-dropdown option:hover{background:linear-gradient(135deg,#00d4ff33,#09c3);color:#00d4ff;text-shadow:0 0 5px #00d4ff80}.server-dropdown option:checked{background:linear-gradient(135deg,#00d4ff4d,#0099cc4d);color:#00d4ff;font-weight:600;text-shadow:0 0 8px #00d4ffb3}.loading{color:#8b9bb4;font-size:1.1rem;padding:40px 20px}.loading:after{animation:spin 1s ease-in-out infinite;border:2px solid #00d4ff4d;border-radius:50%;border-top-color:#00d4ff;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.test-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0a0e1af2,#1a1f2ef2 50%,#0f1419f2);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.test-modal{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1419f2;border:1px solid #00d4ff4d;border-radius:16px;box-shadow:0 20px 40px #00000080,0 0 30px #00d4ff33;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.test-modal-header{align-items:center;background:linear-gradient(135deg,#00d4ff,#09c);border-bottom:1px solid #00d4ff33;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:20px 30px;position:relative}.test-modal-header:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#fff,#ffffff80,#fff);background-size:200% 100%;content:"";height:2px;left:0;position:absolute;right:0;top:0}.test-modal-header h2{font-size:24px;font-weight:600;margin:0}.close-button{font-size:28px;padding:0;transition:background-color .2s}.close-button:hover{background-color:#fff3}.test-modal-content{color:#e0e8ff;padding:30px}.test-info-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f141999;border:1px solid #00d4ff33;border-radius:12px;margin-bottom:30px;padding:20px}.test-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.test-info-item{align-items:center;background:#0f1419cc;border:1px solid #00d4ff33;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.info-label{color:#8b9bb4;font-size:14px;font-weight:600}.info-value{color:#e0e8ff;font-family:Courier New,monospace;font-size:14px;font-weight:500}.test-progress-container{margin-bottom:30px}.progress-bar{background-color:#0000004d;border:1px solid #00d4ff33;border-radius:4px;height:8px;margin-bottom:15px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#00d4ff,#09c);border-radius:4px;box-shadow:0 0 10px #00d4ff80;height:100%;transition:width .3s ease}.status{color:#00d4ff;font-size:16px;font-weight:600;margin-bottom:10px;text-align:center;text-shadow:0 0 10px #00d4ff4d}.charts-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f141999;border:1px solid #00d4ff33;border-radius:12px;margin-top:20px;padding:25px}.result-item{align-items:center;border-bottom:1px solid #00d4ff33;display:flex;justify-content:space-between;padding:12px 0}.result-item:last-child{border-bottom:none}.result-label{color:#8b9bb4;font-size:16px;font-weight:600}.result-value{color:#e0e8ff;font-family:Courier New,monospace;font-size:18px;font-weight:700;text-shadow:0 0 10px #4ecdc44d}.reset-button{background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;box-shadow:0 4px 15px #00d4ff4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s ease}.reset-button:hover{box-shadow:0 8px 25px #00d4ff66;transform:translateY(-2px)}.error-message{background:#ff3b301a;border:1px solid #ff3b304d;border-radius:12px;color:#ff6b6b;margin-top:20px;padding:20px}.error-message p{margin:0 0 10px}.error-message p:last-child{margin-bottom:0}@media (max-width:768px){.test-modal{margin:10px;max-height:95vh}.test-modal-content{padding:20px}.charts-container{gap:15px}.charts-container,.test-info-grid{grid-template-columns:1fr}.test-modal-header{padding:15px 20px}.test-modal-header h2{font-size:20px}}.speed-chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1419cc;border:1px solid #00d4ff4d;border-radius:12px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.speed-chart-container:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#00d4ff,#09c,#00d4ff);background-size:200% 100%;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.speed-chart-container:hover:before{opacity:1}.speed-chart-container:hover{border-color:#00d4ff80;box-shadow:0 12px 40px #0006,0 0 20px #00d4ff33,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.speed-chart-container h3{color:#00d4ff;font-size:1.2rem;font-weight:600;margin-bottom:15px;text-align:center;text-shadow:0 0 10px #00d4ff4d}.speed-chart-placeholder{align-items:center;background:#0f141966;border:1px dashed #00d4ff4d;border-radius:8px;color:#8b9bb4;display:flex;font-size:1rem;height:200px;justify-content:center}.recharts-wrapper{background:#0f141966;border-radius:8px;padding:10px}.recharts-line-curve{filter:drop-shadow(0 0 2px rgba(0,212,255,.3))}.recharts-line{animation:lineGlow 2s ease-in-out infinite alternate}@keyframes lineGlow{0%{filter:drop-shadow(0 0 2px rgba(0,212,255,.3))}to{filter:drop-shadow(0 0 4px rgba(0,212,255,.6))}}.recharts-line[data-key=speed]{filter:drop-shadow(0 0 3px rgba(0,212,255,.4))}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#00d4ff33;stroke-width:1}.recharts-xAxis .recharts-cartesian-axis-tick-value,.recharts-yAxis .recharts-cartesian-axis-tick-value{fill:#8b9bb4;font-size:12px;font-weight:500}.recharts-xAxis .recharts-cartesian-axis-line,.recharts-yAxis .recharts-cartesian-axis-line{stroke:#00d4ff4d;stroke-width:1}.recharts-tooltip-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1419f2;border:1px solid #00d4ff4d;border-radius:8px;box-shadow:0 8px 32px #00000080}.recharts-tooltip-content{background:#0000!important}.recharts-default-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1419f2!important;border:1px solid #00d4ff4d!important;border-radius:8px!important;box-shadow:0 8px 32px #00000080!important;color:#e0e8ff!important;font-size:12px!important;padding:10px!important}.recharts-tooltip-item{color:#00d4ff!important;font-weight:600!important}.recharts-tooltip-label{color:#8b9bb4!important;font-weight:500!important}.speed-chart-container.active{border-color:#00d4ff99;box-shadow:0 12px 40px #0006,0 0 25px #00d4ff4d,inset 0 1px 0 #ffffff1a}.speed-chart-container.active:before{opacity:1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.speed-chart-container{padding:15px}.speed-chart-container h3{font-size:1rem}.speed-chart-placeholder{font-size:.9rem;height:150px}}.servers-map-container{background:linear-gradient(135deg,#0a0e1a,#1a1f2e);border:2px solid #00d4ff4d;border-radius:15px;box-shadow:0 0 20px #00d4ff33,inset 0 0 20px #00d4ff1a;height:400px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.servers-map-container:before{background:linear-gradient(90deg,#00d4ff1a 1px,#0000 0),linear-gradient(#00d4ff1a 1px,#0000 0);background-size:20px 20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.servers-map{height:100%;position:relative;width:100%;z-index:2}.servers-map .leaflet-container{background:#0000!important}.servers-map .leaflet-popup-content-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e1af2!important;border:2px solid #00d4ff!important;border-radius:10px!important;box-shadow:0 0 20px #00d4ff80,inset 0 0 10px #00d4ff33!important;color:#00d4ff!important}.servers-map .leaflet-popup-tip{background:#00d4ff!important;box-shadow:0 0 10px #00d4ff80!important}.servers-map .leaflet-popup-content{color:#00d4ff!important;font-family:Roboto Mono,monospace!important;font-size:14px!important;line-height:1.5!important;margin:15px!important}.servers-map .leaflet-popup-content b{color:#fff!important;font-weight:700!important;text-shadow:0 0 5px #00d4ff!important}.servers-map .leaflet-popup-close-button{color:#00d4ff!important;font-size:18px!important;font-weight:700!important;text-shadow:0 0 5px #00d4ff!important}.servers-map .leaflet-popup-close-button:hover{color:#fff!important;text-shadow:0 0 10px #fff!important}.servers-map .leaflet-control-attribution{background:#0a0e1acc!important;border:1px solid #00d4ff4d!important;color:#00d4ff!important;font-size:12px!important}.server-popup{color:#00d4ff}.select-server-btn,.server-popup{font-family:Roboto Mono,monospace}.select-server-btn{background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:5px;box-shadow:0 0 10px #00d4ff4d;color:#0a0e1a;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:1px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .3s ease}.select-server-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.select-server-btn:hover:before{left:100%}.select-server-btn:hover{background:linear-gradient(135deg,#fff,#00d4ff);box-shadow:0 0 15px #00d4ff80;transform:translateY(-2px)}.select-server-btn:active{box-shadow:0 0 20px #00d4ffb3;transform:translateY(0)}.servers-map .leaflet-control-zoom{background:#0a0e1ae6!important;border:2px solid #00d4ff4d!important;box-shadow:0 0 15px #00d4ff4d!important}.servers-map .leaflet-control-zoom a{background:#0a0e1ae6!important;border:1px solid #00d4ff4d!important;color:#00d4ff!important;font-weight:700!important;text-shadow:0 0 5px #00d4ff!important}.servers-map .leaflet-control-zoom a:hover{background:#00d4ff33!important;box-shadow:0 0 10px #00d4ff80!important;color:#fff!important}.servers-map-container{animation:mapGlow 3s ease-in-out infinite alternate}@keyframes mapGlow{0%{box-shadow:0 0 20px #00d4ff33,inset 0 0 20px #00d4ff1a}to{box-shadow:0 0 30px #00d4ff66,inset 0 0 30px #00d4ff33}}.map-loading{align-items:center;background:#0a0e1ae6;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-text{animation:pulse 2s ease-in-out infinite;color:#00d4ff;font-family:Roboto Mono,monospace;font-size:16px;font-weight:600;text-shadow:0 0 10px #00d4ff80}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:768px){.servers-map-container{height:300px;margin-bottom:15px}.servers-map .leaflet-popup-content{font-size:12px!important;margin:10px!important}.select-server-btn{font-size:11px;padding:6px 12px}}.history-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.history-modal{animation:slideIn .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1419f2;border:1px solid #00d4ff4d;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 30px #00d4ff33;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.history-header{align-items:center;background:linear-gradient(135deg,#00d4ff1a,#0099cc1a);border-bottom:1px solid #00d4ff33;display:flex;justify-content:space-between;padding:25px 30px}.history-header h2{color:#00d4ff;font-size:1.8rem;font-weight:600;margin:0;text-shadow:0 0 10px #00d4ff4d}.close-button{align-items:center;border-radius:8px;color:#00d4ff;display:flex;height:40px;justify-content:center;padding:8px;transition:all .3s ease;width:40px}.close-button:hover{background:#00d4ff33;box-shadow:0 0 15px #00d4ff66}.history-content{height:450px;overflow-y:auto;padding:30px}.history-content::-webkit-scrollbar{width:8px}.history-content::-webkit-scrollbar-track{background:#00d4ff1a;border-radius:4px}.history-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#09c);border-radius:4px}.history-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#09c,#00d4ff)}.empty-state{color:#8b9bb4}.empty-state p{font-size:1.1rem}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{background:#0f1419cc;border:1px solid #00d4ff33;border-radius:12px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.history-item:before{background:linear-gradient(90deg,#00d4ff,#09c);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.history-item:hover{border-color:#00d4ff66;box-shadow:0 8px 25px #00d4ff33;transform:translateY(-2px)}.history-item:hover:before{opacity:1}.history-item.completed{border-left:4px solid #4ecdc4}.history-item.failed{border-left:4px solid #ff6b6b}.history-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.test-uuid{color:#00d4ff;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.test-date{color:#8b9bb4;font-size:.9rem}.history-item-details{display:flex;flex-direction:column;gap:10px}.test-server{color:#e0e8ff;font-size:1rem}.test-results{display:flex;flex-wrap:wrap;gap:20px}.result-item{color:#e0e8ff;font-size:.95rem}.result-item strong{color:#00d4ff;margin-right:5px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.history-modal{max-height:90vh;width:95%}.history-header{padding:20px}.history-header h2{font-size:1.5rem}.history-content{padding:20px}.test-results{flex-direction:column;gap:10px}}.test-results-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.test-results-modal{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:90vw;overflow-y:auto;padding:30px}.test-results-header{border-bottom:1px solid #fff3;margin-bottom:30px;padding-bottom:20px;text-align:center}.test-results-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d4ff,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:10px}.test-results-header p{font-family:Courier New,monospace;font-size:1rem;opacity:.7}.close-button{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;padding:5px;position:absolute;right:20px;top:20px;transition:background-color .3s}.close-button:hover{background:#ffffff1a}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.stat-card h3{color:#00d4ff;font-size:1.2rem;margin-bottom:15px}.stat-value{color:#fff;font-size:2rem;font-weight:700;margin-bottom:10px}.stat-trend{color:#ccc;font-size:.9rem;opacity:.7}.results-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:20px;padding:25px}.results-table h3{color:#00d4ff;font-size:1.5rem;margin-bottom:20px;text-align:center}.results-table-content{border-collapse:collapse;color:#fff;width:100%}.results-table-content td,.results-table-content th{border-bottom:1px solid #ffffff1a;padding:12px;text-align:left}.results-table-content th{background:#00d4ff33;color:#00d4ff;font-weight:700}.result-row:hover{background:#ffffff0d}.test-id{background:#00d4ff33;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;padding:4px 8px}.loading{color:#00d4ff;font-size:1.2rem}.empty-state,.loading{padding:40px;text-align:center}.empty-state{color:#ccc}.empty-state p{margin:10px 0}.refresh-btn{background:linear-gradient(45deg,#00d4ff,#ff6b6b);border:none;border-radius:25px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;margin:0 auto;padding:15px 30px;transition:transform .3s ease,box-shadow .3s ease}.refresh-btn:hover{box-shadow:0 10px 20px #0000004d;transform:translateY(-2px)}@media (max-width:768px){.test-results-modal{margin:20px;padding:20px}.test-results-header h2{font-size:2rem}.stats-grid{grid-template-columns:1fr}.results-table-content{font-size:.9rem}.results-table-content td,.results-table-content th{padding:8px}}
/*# sourceMappingURL=main.59c25714.css.map*/