.app-header{position:sticky;top:0;z-index:100;background-color:#1a1a1a;border-bottom:1px solid #333}.app-header__container{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem}.app-header__brand{font-size:1.25rem;font-weight:600;color:inherit;text-decoration:none}.app-header__brand:hover{color:#646cff}.app-header__login{padding:.5rem 1rem;background:transparent;border:1px solid #444;border-radius:4px;color:inherit;cursor:pointer;font-size:.875rem;transition:background-color .15s ease}.app-header__login:hover{background-color:#333}.app-header__login:focus{outline:2px solid #646cff;outline-offset:2px}.app-header__login:disabled{opacity:.6;cursor:not-allowed}.user-dropdown{position:relative}.user-dropdown__trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid #444;border-radius:4px;color:inherit;cursor:pointer;font-size:.875rem}.user-dropdown__trigger:hover{background-color:#333}.user-dropdown__trigger:focus{outline:2px solid #646cff;outline-offset:2px}.user-dropdown__chevron{font-size:.625rem}.user-dropdown__menu{position:absolute;top:calc(100% + 4px);right:0;min-width:150px;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 12px #0000004d;overflow:hidden}.user-dropdown__item{display:block;width:100%;padding:.625rem 1rem;background:transparent;border:none;color:inherit;text-align:left;cursor:pointer;font-size:.875rem}.user-dropdown__item:hover{background-color:#333}.user-dropdown__item:focus{outline:none;background-color:#444}.user-dropdown__item--logout{border-top:1px solid #444;color:#ff6b6b}.main-layout{min-height:100vh;display:flex;flex-direction:column}.main-layout__content{flex:1}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-page: #121212;--bg-surface: #1a1a1a;--bg-elevated: #242424;--bg-hover: #2a2a2a;--bg-active: #333;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .38);--border: #333;--border-subtle: #2a2a2a;--accent: #646cff;--accent-hover: #535bf2;--status-running: #4ade80;--status-starting: #facc15;--status-error: #f87171;--status-terminated: #6b7280}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh}h1{font-size:2rem;line-height:1.2;margin-bottom:1rem}h2{font-size:1.5rem;line-height:1.3;margin-bottom:.75rem}a{color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 57px);padding:2rem;text-align:center}.login-page__title{font-size:2.5rem;font-weight:300;margin-bottom:.5rem;letter-spacing:-.02em}.login-page__subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:400}.dashboard-page{min-height:calc(100vh - 57px);padding:2rem 1.5rem;background-color:var(--bg-page)}.dashboard-page__container{max-width:800px;margin:0 auto}.dashboard-launcher{display:flex;align-items:center;gap:.75rem;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem}.dashboard-launcher__project{flex:1;min-width:0}.dashboard-launcher__branch{flex:0 0 200px}.dashboard-launcher__button{flex-shrink:0;padding:.5rem 1.25rem;background-color:var(--accent);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.dashboard-launcher__button:hover:not(:disabled){background-color:var(--accent-hover)}.dashboard-launcher__button:disabled{opacity:.5;cursor:not-allowed}.dashboard-launcher__hint{text-align:center;margin-top:1rem;color:var(--text-muted);font-size:.875rem}.form-select{position:relative}.form-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:border-color .15s ease}.form-select__trigger:hover:not(:disabled){border-color:#444}.form-select__trigger:focus{outline:none;border-color:var(--accent)}.form-select__trigger:disabled{opacity:.5;cursor:not-allowed}.form-select__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-select__placeholder{color:var(--text-muted)}.form-select__chevron{flex-shrink:0;margin-left:.5rem;color:var(--text-secondary);font-size:.625rem}.form-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;max-height:280px;overflow-y:auto;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #0006}.form-select__search{position:sticky;top:0;padding:.5rem;background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.form-select__search-input{width:100%;padding:.375rem .625rem;background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.875rem}.form-select__search-input:focus{outline:none;border-color:var(--accent)}.form-select__search-input::placeholder{color:var(--text-muted)}.form-select__option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;text-align:left;cursor:pointer}.form-select__option:hover{background-color:var(--bg-hover)}.form-select__option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-select__option-sub{display:block;color:var(--text-muted);font-size:.75rem}.form-select__badge{flex-shrink:0;padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:500;text-transform:uppercase}.form-select__badge--default{background-color:#646cff33;color:var(--accent)}.form-select__badge--protected{background-color:#facc1533;color:var(--status-starting)}.form-select__message{padding:.5rem .75rem;color:var(--text-secondary);font-size:.875rem}.form-select__error{color:var(--status-error)}.workspace-card{display:flex;align-items:center;gap:1rem;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem}.workspace-card__status{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.workspace-card__status-dot{width:8px;height:8px;border-radius:50%}.workspace-card__status-dot--running{background-color:var(--status-running)}.workspace-card__status-dot--starting{background-color:var(--status-starting);animation:pulse 1.5s ease-in-out infinite}.workspace-card__status-dot--error{background-color:var(--status-error)}.workspace-card__status-dot--terminated{background-color:var(--status-terminated)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.workspace-card__status-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;color:var(--text-secondary)}.workspace-card__info{flex:1;min-width:0;display:flex;align-items:baseline;gap:.75rem}.workspace-card__project{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-card__branch{font-family:monospace;font-size:.875rem;color:var(--text-secondary)}.workspace-card__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.workspace-card__action{padding:.375rem .75rem;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.workspace-card__action--primary{background-color:var(--accent);border:none;color:#fff}.workspace-card__action--primary:hover{background-color:var(--accent-hover)}.workspace-card__action--secondary{background-color:transparent;border:1px solid var(--border);color:var(--text-secondary)}.workspace-card__action--secondary:hover{background-color:var(--bg-hover);color:var(--text-primary)}.workspace-card__action--danger:hover{border-color:var(--status-error);color:var(--status-error)}.workspace-card__action:disabled{opacity:.5;cursor:not-allowed}.recent-workspaces{margin-top:2rem}.recent-workspaces__title{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem}.recent-workspaces__list{display:flex;flex-direction:column;gap:.25rem}.recent-workspaces__item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-subtle)}.recent-workspaces__item:last-child{border-bottom:none}.recent-workspaces__project{color:var(--text-primary);font-size:.875rem}.recent-workspaces__branch{color:var(--text-secondary);font-size:.875rem;margin-left:.5rem}.recent-workspaces__date{color:var(--text-muted);font-size:.75rem}.error-message{padding:.75rem 1rem;background-color:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:6px;color:var(--status-error);font-size:.875rem;margin-bottom:1rem}.loading-message{text-align:center;padding:2rem;color:var(--text-secondary)}.profile-page{min-height:calc(100vh - 57px);padding:2rem 1.5rem;background-color:var(--bg-page)}.profile-page .page-content{max-width:600px;margin:0 auto}.profile-email{font-size:1.125rem;color:var(--text-primary);margin-bottom:2rem}.profile-section>h2{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.profile-section>.section-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.settings-section h2{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.settings-section .section-description{font-size:.8125rem;color:var(--text-muted);margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.form-group input,.form-group select{width:100%;padding:.5rem .75rem;background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.875rem;transition:border-color .15s ease}.form-group input:hover,.form-group select:hover{border-color:#444}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent)}.form-group input::placeholder{color:var(--text-muted)}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.form-group select option{background-color:var(--bg-surface);color:var(--text-primary)}.token-input-wrapper{display:flex;gap:.5rem}.token-input-wrapper input{flex:1}.toggle-visibility{flex-shrink:0;padding:.5rem .75rem;background-color:var(--bg-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:background-color .15s ease}.toggle-visibility:hover{background-color:var(--bg-active);color:var(--text-primary)}.token-status{color:var(--status-running);font-size:.75rem;font-weight:500}.help-text{display:block;margin-top:.375rem;font-size:.75rem;color:var(--text-muted)}.form-actions{display:flex;justify-content:flex-end}.save-button{padding:.5rem 1.25rem;background-color:var(--accent);border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.save-button:hover:not(:disabled){background-color:var(--accent-hover)}.save-button:disabled{opacity:.5;cursor:not-allowed}.settings-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.settings-error{padding:1rem;background-color:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:6px;color:var(--status-error);font-size:.875rem}.success-message{padding:.75rem 1rem;background-color:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:6px;color:var(--status-running);font-size:.875rem}.field-error{margin-top:.25rem;font-size:.75rem;color:var(--status-error)}.workspace-page{display:flex;flex-direction:column;height:calc(100vh - 57px);background-color:var(--bg-page)}.workspace-page--fullscreen{height:100vh}.workspace-page__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background-color:var(--bg-surface);border-bottom:1px solid var(--border)}.workspace-page__header-info{display:flex;align-items:center;gap:.75rem}.workspace-page__project{font-size:.875rem;font-weight:500;color:var(--text-primary)}.workspace-page__branch{font-size:.875rem;color:var(--text-secondary)}.workspace-page__terminate{padding:.375rem .75rem;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all .15s ease}.workspace-page__terminate:hover:not(:disabled){border-color:var(--status-error);color:var(--status-error)}.workspace-page__terminate:disabled{opacity:.5;cursor:not-allowed}.workspace-page__iframe{flex:1;width:100%;border:none}.workspace-page__centered{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.workspace-page__message{text-align:center;max-width:400px}.workspace-page__spinner{width:48px;height:48px;margin:0 auto 1.5rem;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.workspace-page__title{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.workspace-page__subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.workspace-page__hint{font-size:.8125rem;color:var(--text-muted)}.workspace-page__link{color:var(--accent);background:none;border:none;font-size:.875rem;cursor:pointer;padding:0}.workspace-page__link:hover{color:var(--accent-hover);text-decoration:underline}.workspace-page__button{margin-top:1rem;padding:.5rem 1.25rem;background-color:var(--accent);border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.workspace-page__button:hover{background-color:var(--accent-hover)}.workspace-page__error-icon{font-size:2.5rem;color:var(--status-error);margin-bottom:1rem}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge--starting{background-color:#facc1526;color:var(--status-starting)}.status-badge--running{background-color:#4ade8026;color:var(--status-running)}.status-badge--terminated{background-color:#6b728026;color:var(--status-terminated)}.status-badge--error{background-color:#f8717126;color:var(--status-error)}.status-badge__spinner{width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}