:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--passport-primary-blue: #0066CC;--passport-accent-blue: #1A75FF;--passport-cta-orange: #FF6600;--passport-cta-orange-dark: #CC5200;--font-color-header: #2c3e50;--font-color-body: #5B6770;--font-color-subtle: #95a5a6;--font-color-inverted: #FFFFFF;--bg-color-main: #f7f9fc;--bg-color-card: #FFFFFF;--bg-color-dark: #2c3e50;--border-color: #dfe6e9;--border-color-strong: #c5cdd2;--input-bg-color: #f7f9fc;--status-success: #2ecc71;--status-error: #e74c3c;--font-family-sans: "Open Sans", sans-serif;--border-radius: 6px;--card-shadow: 0 4px 15px rgba(0, 0, 0, .05)}body{margin:0;font-family:var(--font-family-sans);background-color:var(--bg-color-main);color:var(--font-color-body);font-weight:400}.app-header{background-color:var(--bg-color-card);padding:1.25rem 2.5rem;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem}.header-brand{grid-column:1;display:flex;justify-content:flex-start}.app-logo{height:36px}.header-text{grid-column:2;text-align:center}.app-header h1{font-size:1.6rem;font-weight:700;color:var(--font-color-header);margin:0;line-height:1.2}.header-subtitle{font-size:.9rem;color:var(--font-color-subtle);margin:.25rem 0 0;font-weight:400}.app-main{flex-grow:1;display:grid;grid-template-columns:1fr 2fr;gap:2.5rem;padding:2.5rem}.form-card,.results-card{background:var(--bg-color-card);border-radius:var(--border-radius);border:1px solid var(--border-color);padding:2rem;box-shadow:var(--card-shadow);display:flex;flex-direction:column}h2{font-family:var(--font-family-sans);font-weight:700;text-transform:uppercase;font-size:.8rem;color:var(--passport-primary-blue);letter-spacing:1px;margin-top:0;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:700;font-size:.9rem;color:var(--font-color-header);margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color-strong);border-radius:var(--border-radius);box-sizing:border-box;font-size:1rem;font-family:var(--font-family-sans);background-color:var(--input-bg-color);color:var(--font-color-header);transition:border-color .2s,box-shadow .2s}.form-group input::placeholder{color:var(--font-color-subtle)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--passport-primary-blue);box-shadow:0 0 0 3px #0066cc26}.test-description{font-size:.9rem;color:var(--font-color-body);margin:-1rem 0 1.5rem;padding:1rem;border-left:3px solid var(--passport-primary-blue);background-color:var(--bg-color-main);border-radius:0 4px 4px 0}.run-button{background:linear-gradient(to right,var(--passport-cta-orange-dark),var(--passport-cta-orange));color:var(--font-color-inverted);padding:.8rem 2rem;border-radius:var(--border-radius);font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;border:none;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 5px #cc52004d}.run-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #cc520066}.run-button:disabled{background:var(--font-color-subtle);cursor:not-allowed;transform:none;box-shadow:none}.results-card h3{font-weight:700;margin-bottom:.5rem;margin-top:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.placeholder{flex-grow:1;display:flex;align-items:center;justify-content:center;color:var(--font-color-subtle);border:2px dashed var(--border-color);border-radius:var(--border-radius);margin-top:1rem;background-color:#fdfdfd}.logs-container{background-color:var(--bg-color-dark);color:#e9e9e9;font-family:SF Mono,Courier New,monospace;padding:1rem;border-radius:var(--border-radius);height:450px;overflow-y:auto;font-size:.85rem;flex-grow:1}.logs-container p{margin:0;line-height:1.5}.log-error{color:#ff8a80}.status-badge{padding:.4rem .8rem;border-radius:12px;font-weight:700;color:var(--font-color-inverted);text-transform:uppercase;font-size:.75rem}.status-idle{background-color:var(--font-color-light)}.status-running{background-color:var(--passport-primary-blue)}.status-success{background-color:var(--status-success)}.status-error{background-color:var(--status-error)}.error-message{background-color:#f8d7da;color:#721c24;padding:1rem;border:1px solid #f5c6cb;border-radius:var(--border-radius);margin-top:1rem}.screenshots-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.screenshot-item{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;text-align:center;width:200px;box-shadow:0 1px 3px #0000000d;transition:transform .2s,box-shadow .2s}.screenshot-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.screenshot-item img{width:100%;height:auto;display:block}.screenshot-item span{display:block;padding:.5rem;background:var(--bg-color-main);font-size:.8rem;color:var(--font-color-body);border-top:1px solid var(--border-color)}.login-container{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:var(--bg-color-main)}.login-card{background-color:var(--bg-color-card);padding:2.5rem 3rem;border-radius:var(--border-radius);box-shadow:var(--card-shadow);width:100%;max-width:400px;text-align:center}.login-logo{height:40px;margin-bottom:.5rem}.login-card h2{border-bottom:none;font-size:1.5rem;color:var(--font-color-header);text-transform:none;margin-bottom:2rem}.login-error{color:var(--status-error);background-color:#e74c3c1a;padding:.75rem;border-radius:var(--border-radius);margin-bottom:1rem}.logout-button{background:transparent;border:1px solid var(--border-color-strong);color:var(--font-color-body);padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:700;cursor:pointer;transition:all .2s ease}.header-actions{grid-column:3;display:flex;justify-content:flex-end}.logout-button{background:transparent;border:1px solid var(--border-color-strong);color:var(--font-color-body);padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease}.logout-button:hover{background-color:var(--input-bg-color);color:var(--passport-primary-blue);border-color:var(--passport-primary-blue)}