:root{--bg: #1e1e27;--surface-1: #1a1a1f;--surface-2: #222228;--chart-bg: #1a1a1f;--border: #2a2a35;--border-highlight: #3d4f6a;--text: #ebe5d6;--headline: #faf5e4;--muted-text: #9090a0;--primary: #2563eb;--primary-strong: #1d4ed8;--primary-light: #5a9fff;--primary-glow: rgba(37, 99, 235, .2);--accent: #61dafb;--accent-muted: rgba(97, 218, 251, .1);--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--disabled: #4b5563;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--primary-glow)}html,body,#root{margin:0;font-family:System,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--text)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root{height:100%}#root{display:flex;flex-direction:column}input,select,textarea{background-color:var(--surface-1);color:var(--text);border:1px solid var(--border);outline:none;font-family:inherit}button,input,select,textarea,label,h1,h2,h3,h4,h5,h6,p,a,span,div{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--muted-text)}button{background-color:var(--primary);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-weight:500;cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-sm)}button:hover{background-color:var(--primary-strong);box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{background-color:var(--disabled);cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}button:disabled:hover{background-color:var(--disabled);transform:none;box-shadow:none}table{border-color:var(--border)!important;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm);border-collapse:separate;border-spacing:0}th,td{border-color:var(--border)!important;padding:5px 10px!important;border-radius:0!important}th{background-color:#61dafb0a!important;color:var(--text)!important;font-weight:500;font-size:.85rem;border-bottom:1px solid rgba(97,218,251,.1)!important}th:first-child{border-top-left-radius:8px!important}th:last-child{border-top-right-radius:8px!important}tr:hover td{background-color:var(--accent-muted)!important}h1,h2{color:var(--headline)}select{padding:8px 36px 8px 10px;height:36px;border-radius:8px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23cbd5e1' d='M5.5 7.5l4.5 4.5 4.5-4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;color-scheme:dark}select:focus{border-color:var(--primary)}option,optgroup{background-color:var(--surface-1);color:var(--text)}select option{background-color:var(--surface-1)!important;color:var(--text)!important}.card,[class*=card],[style*=surface-1]{border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-md);transition:box-shadow .2s ease,border-color .2s ease}.chart-grid,[style*=grid-template-columns]{gap:20px}section,[style*=marginBottom]{margin-bottom:24px}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-highlight)}input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px var(--primary-glow)}h1,h2{font-weight:600}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-latin-ext-DO1Apj_S.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/inter-latin-Dx4kXJAl.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-latin-ext-DO1Apj_S.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/inter-latin-Dx4kXJAl.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-latin-ext-DO1Apj_S.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/inter-latin-Dx4kXJAl.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-latin-ext-DO1Apj_S.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/inter-latin-Dx4kXJAl.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.main{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:var(--bg);border-radius:10px}.container{display:flex;flex-direction:column;padding:0 2rem 1rem;background-color:var(--surface-1);border:1px solid var(--border);border-radius:12px;gap:8px}.container>*:last-child{margin-bottom:0!important}.textarea{margin-bottom:20px;width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;background-color:var(--surface-1);color:var(--text)}.comments{flex-grow:1;padding:10px;border:1px solid var(--border);border-radius:8px;background-color:var(--surface-1);color:var(--text);font-size:14px;font-family:inherit}.row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px}label{width:160px;font-weight:600;color:var(--muted-text)}input{height:20px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background-color:var(--surface-1);color:var(--text);font-size:14px}.input[type=number]{padding:.5rem;border:1px solid var(--border);border-radius:8px;width:200px}.buttons{display:flex;justify-content:center;margin-top:20px}button{padding:12px 22px;margin-left:10px;border:1px solid var(--border);border-radius:12px;color:var(--headline);background-color:#0a1a4e;cursor:pointer;font-size:15px;font-weight:600}button:hover{background-color:var(--primary)}button:active{background-color:var(--primary-strong);box-shadow:inset 0 2px 5px #0003}table{border:1px solid var(--border)}th,td{border:1px solid rgba(33,75,148,.35);padding:8px;text-align:left}th{background-color:var(--surface-2);color:var(--text)}.status-badge{padding:4px 8px;border-radius:4px;font-size:.9em;font-weight:500}.status-badge.ready{background-color:#22c55e26;color:#38ef7d}.status-badge.running{background-color:#3b82f633;color:#93c5fd}.status-badge.starting{background-color:#f59e0b26;color:#fbbf24}.status-badge.offline{background-color:#ef444426;color:#f87171}.status-badge.unknown{background-color:#94a3b81a;color:#cbd5e1}.region-section{margin-bottom:0;width:100%}.region-section h3{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--border);font-size:1.4rem;color:var(--text)}.page-header{text-align:center;padding:1rem;margin-bottom:.5rem;width:100%}.page-header h2{font-size:1.8rem;color:var(--text);margin:0}.load-generators-section{border:1px solid var(--border);border-radius:10px;padding:10px;background-color:var(--surface-1)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid var(--border)}.refresh-button{background:none;border:1px solid var(--border);color:var(--text);cursor:pointer;padding:.25rem .5rem;font-size:.9rem;border-radius:6px}.refresh-button:hover{color:var(--text);background-color:var(--surface-2)}.refresh-button:disabled{color:var(--muted-text);cursor:not-allowed}.load-generators-list{max-height:300px;overflow-y:auto}.load-generator-group{margin-bottom:12px}.group-header{font-weight:700;padding:4px 8px;background-color:var(--surface-2);border-radius:6px;margin-bottom:4px}.load-generator-item{padding:4px 8px;margin-left:8px}.load-generator-item label{display:flex;align-items:center;cursor:pointer;font-weight:400}.load-generator-item input[type=checkbox]{cursor:pointer;width:14px;height:14px;margin:0 8px 0 0;flex:none}.wizard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:none;justify-content:center;align-items:center;z-index:1000}.wizard-overlay.open{display:flex}.wizard-content{background:var(--surface-1);padding:2rem;border-radius:12px;width:760px;max-width:95%;max-height:90vh;border:1px solid var(--border);display:flex;flex-direction:column}.wizard-body{flex:1;overflow-y:auto;padding-right:.5rem}.wizard-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.wizard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.wizard-header h2{color:var(--headline)}.close-button{background:#0a1a4e;border:1px solid var(--border);border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;color:var(--headline);padding:6px 12px;margin-left:10px}.wizard-step{margin-bottom:1.5rem}.region-options{display:flex;flex-wrap:wrap;gap:12px}.provider-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.provider-button{padding:1rem;border:1px solid var(--border);border-radius:14px;background:#0a1a4e;cursor:pointer;color:var(--headline);font-weight:600;text-align:center}.provider-button:hover,.provider-button.selected{border-color:var(--primary);background:var(--primary);color:var(--headline)}.provider-button.disabled{opacity:.5;cursor:not-allowed}.instance-options{display:flex;flex-direction:column;gap:1rem}.option-group{display:flex;justify-content:space-between;align-items:center}.radio-group{display:flex;gap:1.5rem}.radio-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;line-height:1}.radio-group input[type=radio]{margin:0;vertical-align:middle;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:2px solid var(--border);border-radius:50%;outline:none;cursor:pointer}.radio-group input[type=radio]:checked{border-color:var(--primary);background:var(--primary);position:relative}.radio-group input[type=radio]:checked:after{content:"";width:6px;height:6px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.submit-button{margin-top:1rem;padding:.5rem;background:var(--primary);color:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer}.wizard-footer{margin-top:1.5rem;display:flex;justify-content:space-between}.region-button{padding:10px 16px;border:1px solid var(--border);border-radius:14px;background:#0a1a4e;color:var(--headline);cursor:pointer;font-weight:600}.region-button.selected{border-color:var(--primary-strong);background-color:var(--primary-strong);color:var(--headline)}.region-button.selected:hover{background-color:var(--primary);border-color:var(--primary);color:var(--headline)}.button-group{display:flex;gap:10px}.text-area-input{width:100%;min-height:200px;padding:8px;border:1px solid var(--border);border-radius:8px;font-family:monospace;resize:vertical;margin:10px 0;background-color:var(--surface-1);color:var(--text)}input.no-spinner[type=number]::-webkit-outer-spin-button,input.no-spinner[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.no-spinner[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.manual-add-form{display:flex;flex-direction:column;gap:15px}.form-row{display:flex;align-items:center;gap:10px}.form-row label{width:100px;flex-shrink:0}.form-row select,.form-row input{flex-grow:1;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background-color:var(--surface-1);color:var(--text)}.form-footer{display:flex;justify-content:flex-end;margin-top:20px}.add-button{background:var(--primary);color:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 16px;cursor:pointer;font-weight:500}.add-button:hover{background:var(--primary-strong)}.icon-button{background:none;border:1px solid transparent;cursor:pointer;font-weight:700;font-size:1rem;color:#f87171;padding:4px 8px;border-radius:6px;transition:background-color .2s,border-color .2s}.icon-button:hover{background-color:#ef44441f;border-color:#ef444466}a[style]:hover{background-color:#ffffff26!important;transform:translateY(-1px)}.hamburger-menu a:hover{background-color:var(--surface-2)!important}.hamburger-menu button:hover div{background-color:#fffc}.section-header a:hover{text-decoration:underline!important}#nav-link-setup-test:hover,#nav-link-run-test:hover,#nav-link-show-tests:hover,nav a[href="/synthetic-monitoring"]:hover{color:var(--headline)!important;background-color:#ffffff0f!important;border-radius:8px!important}.notification-message p{margin:0 0 .5em}.notification-message p:last-child{margin-bottom:0}.notification-message ul,.notification-message ol{margin:.5em 0;padding-left:1.5em}.notification-message a{color:var(--headline)}.notification-message strong{font-weight:700}.notification-message h1,.notification-message h2,.notification-message h3{margin:.75em 0 .25em;font-size:1em}
