html{overflow-y:scroll}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;background-color:#f5f5f5}.title{text-align:center;color:#ea580c;margin-bottom:2.5rem}.subtitle{color:#ea580c}.navbar{background-color:#2c3e50;color:#fff;padding:1rem;box-shadow:0 2px 4px #0000001a}.nav-container{margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:1.5rem}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.nav-link:hover{background-color:#34495e}.logout-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem 1rem;font-size:1rem}.main-content{max-width:1200px;margin:0 auto;padding:0 1rem}.client-list{display:grid;gap:1rem}.client-card{background:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.client-card-version{padding:0;font-style:italic;color:#666;margin-top:0}.client-header{display:flex;justify-content:space-between;align-items:center}.button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s}.button:disabled{background-color:#ccc;cursor:not-allowed}.button-primary{background-color:#3498db;color:#fff}.button-success{background-color:#2ecc71;color:#fff;padding:8px 16px;border-radius:4px;border:none;cursor:pointer;transition:background-color .2s}.button-success:hover{background-color:#27ae60}.fab{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;border:none;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 8px #0000001a;display:flex;align-items:center;justify-content:center}.fab-primary{background-color:#3498db}.login-container{max-width:400px;margin:2rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box}.login-form{display:grid;gap:.5rem}.form-input{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:400px}.loading{text-align:center;padding:2rem;color:#666}.hidden{display:none}.login-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50;font-size:.9rem;letter-spacing:.25px}.error{color:#e74c3c;font-size:.9rem;margin-top:.5rem}.form-group{margin-bottom:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.button-cancel{background-color:#e0e0e0;color:#333}.button-cancel:hover{background-color:#d0d0d0}.nav-link.active{background-color:#34495e;position:relative}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#ea580c}.nav-link{transition:background-color .2s ease,transform .2s ease;position:relative}.nav-link:hover:not(.active){background-color:#2c3e50;transform:translateY(-1px)}.progress-container{margin:1rem 0;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.progress-bar{height:8px;background-color:#3498db;transition:width .3s ease}.progress-text{font-size:.875rem;color:#666;margin-top:.25rem}.stable-badge{background-color:#2ecc71;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.client-header select.form-input{max-width:200px;padding:.5rem;margin-left:auto}.button-success svg{width:1rem;height:1rem}.button-disabled{background-color:#95a5a6!important;cursor:not-allowed;opacity:.7;position:relative}.button-disabled:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff4d}.button:disabled:hover{background-color:#95a5a6}.stable-badge{vertical-align:middle}.button-info{background-color:#3498db;color:#fff}.button-info:hover:not(:disabled){background-color:#2980b9}.button-info:disabled{background-color:#7f8c8d;cursor:not-allowed;opacity:.7}select.form-input{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:border-color .2s}select.form-input:hover{border-color:#3498db}.text-button{background:none;border:none;padding:0;margin-right:1rem;color:#007bff;cursor:pointer}.stable-version{display:inline-block;margin-left:.5rem;padding:.2em .6em;background-color:#219c54;color:#fff;border-radius:4px;font-size:.75rem;font-weight:500}.version-info{font-style:italic;color:gray;margin:5px}.client-name{font-size:1rem;font-weight:700;color:#333;margin-bottom:10px}.version{font-size:1rem;font-weight:700;color:#333}.label{padding-bottom:5px;color:#333}.api-note{margin-bottom:6px;font-style:italic;font-size:.86em;color:#666;line-height:1.2}.api-row{display:flex;align-items:stretch;gap:.75rem}.api-inputs{flex:1;display:flex;flex-direction:column;gap:6px}.api-fetch-btn{align-self:stretch;height:auto;min-width:80px;min-height:72px;padding-top:0;padding-bottom:0;display:flex;justify-content:center;align-items:center;margin-top:0;font-size:1.05rem;font-weight:500;box-sizing:border-box}.error-message{color:#e74c3c;font-size:.9rem;margin-top:.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:.5rem;margin-bottom:1rem}.modal-close{background:none;border:none;font-size:2rem;color:#888;cursor:pointer;margin-left:1rem;line-height:1}.modal-body{padding:0 0 1rem}.modal-footer{border-top:1px solid #eee;padding:1rem 0 0;text-align:right}.progress-bar-container{background-color:#eee;border-radius:4px;margin:.5rem 0;height:8px;width:100%;overflow:hidden}.progress-bar{background:#3498db;height:8px;border-radius:4px 0 0 4px;transition:width .3s}.update-progress{margin-top:1rem}.status-row{display:flex;align-items:center;gap:.5rem}.status-message{color:#555;margin:.5rem 0}.timestamps{color:#888;font-size:.9em}.output-well{background:#f8f8f8;border:1px solid #eee;border-radius:6px;padding:.75rem 1rem;margin-top:1rem;font-size:.95em;max-height:160px;overflow:auto}.status-badge{display:inline-block;min-width:44px;text-align:center;border-radius:11px;font-size:.75rem;padding:2px 10px;font-weight:700;letter-spacing:.01em;margin-right:8px;vertical-align:middle}.status-badge-idle{background:#e5e7eb;color:#374151}.status-badge-running{background:#fed7aa;color:#9a3412}.status-badge-success{background:#bbf7d0;color:#15803d}.status-badge-error{background:#fecaca;color:#b91c1c}.client-status-block{margin-top:.7rem}.client-status-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}.status-progress-bar{flex:1;min-width:80px;margin-left:4px;margin-right:8px;max-width:160px;height:8px}.client-status-message{font-size:.8rem;color:#888;margin-bottom:.1rem}.client-status-time{font-size:.78rem;color:#aaa;margin-bottom:.1rem}.button-danger{background:#f37c7c;color:#fff;border:none;border-radius:4px;font-weight:700;font-size:1.2rem;width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s,opacity .2s}.button-danger:hover:enabled{background:#e15555}.button-danger:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}