:root{--primary-color: #3490dc;--primary-hover: #2779bd;--bg-color: #f8fafc;--card-bg: #ffffff;--text-color: #2d3748;--border-color: #e2e8f0;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--timestamp-color: #6b7280;--step-color: #374151}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh}.container{width:90%;max-width:500px;padding:2rem;background-color:var(--card-bg);border-radius:12px;box-shadow:var(--shadow)}h1{text-align:center;margin-bottom:2rem;color:var(--text-color);font-weight:700}.form-block{margin-bottom:1.5rem}select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232d3748' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #3490dc40}.btn{display:block;width:100%;padding:.75rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.btn:hover{background-color:var(--primary-hover)}.btn:focus{outline:none;box-shadow:0 0 0 3px #3490dc40}a{text-decoration:none}#deployBtn:disabled{background-color:#ccc;color:#666;border-color:#ccc;cursor:not-allowed;opacity:.6}#homeBtn{background-color:#f8b710}#homeBtn:hover{background-color:#f1ae13}.progress-container{display:none;margin:20px 0;padding:20px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--card-bg)}.progress-container.show{display:block}.progress-bar{width:100%;height:20px;background-color:#e0e0e0;border-radius:10px;overflow:hidden;margin:10px 0}.progress-fill{height:100%;background-color:var(--primary-color);border-radius:10px;transition:width .3s ease;text-align:center;line-height:20px;color:#fff;font-size:12px;font-weight:700}.progress-status-wrapper{text-align:center;margin:10px 0}.progress-job-status{font-size:14px;color:var(--text-color);font-weight:500;margin-bottom:4px}.progress-step-status{font-size:12px;color:var(--step-color);font-style:italic;min-height:16px}.completion-message{text-align:center;padding:15px;border-radius:8px;margin:20px 0;font-weight:700;display:none}.completion-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.completion-failure{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.deployment-status-wrapper{border:1px solid var(--border-color);border-radius:6px;padding:10px 15px;background-color:var(--card-bg);margin-top:1.5rem;transition:all .3s ease}#lastDeploymentStatus{font-weight:500;margin:0 0 4px;padding:0}.deployment-timestamp{font-size:.85rem;color:var(--timestamp-color);font-style:italic;margin:0;padding:0}.deployment-status-wrapper.status-loading{background-color:#e3f2fd;border-color:#90caf9}.deployment-status-wrapper.status-loading #lastDeploymentStatus{color:#1565c0}.deployment-status-wrapper.status-success{background-color:#d4edda;border-color:#c3e6cb}.deployment-status-wrapper.status-success #lastDeploymentStatus{color:#155724}.deployment-status-wrapper.status-failure{background-color:#f8d7da;border-color:#f5c6cb}.deployment-status-wrapper.status-failure #lastDeploymentStatus{color:#721c24}.deployment-status-wrapper.status-in-progress{background-color:#d1ecf1;border-color:#bee5eb}.deployment-status-wrapper.status-in-progress #lastDeploymentStatus{color:#0c5460}.deployment-status-wrapper.status-cancelled{background-color:#fff3cd;border-color:#ffeaa7}.deployment-status-wrapper.status-cancelled #lastDeploymentStatus{color:#856404}.deployment-status-wrapper.status-error{background-color:#f8d7da;border-color:#f5c6cb}.deployment-status-wrapper.status-error #lastDeploymentStatus{color:#721c24}.deployment-status-wrapper.status-neutral{background-color:#e2e3e5;border-color:#d6d8db}.deployment-status-wrapper.status-neutral #lastDeploymentStatus{color:#383d41}