.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg-primary);padding:var(--spacing-8)}.error-boundary__content{max-width:500px;width:100%;text-align:center;padding:var(--spacing-10);background-color:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.error-boundary__icon{font-size:64px;margin-bottom:var(--spacing-4)}.error-boundary__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.error-boundary__message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-6);line-height:var(--line-height-normal)}.error-boundary__button{padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-accent);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.error-boundary__button:hover{background-color:var(--color-accent-hover)}.error-boundary__details{margin-top:var(--spacing-6);text-align:left}.error-boundary__details summary{cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-2)}.error-boundary__error{padding:var(--spacing-3);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-error);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.header{position:absolute;top:0;left:0;right:0;width:100%;height:70px;background-color:var(--color-bg-secondary);border-bottom:2px solid var(--color-border-subtle);z-index:var(--z-header)}.header__container{max-width:1200px;height:100%;margin:0 auto;padding:0 var(--spacing-8);display:flex;align-items:center;justify-content:space-between}.header__logo{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;transition:opacity var(--transition-fast)}.header__logo:hover{opacity:.8}.header__logo-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.header__nav{display:flex;align-items:center;gap:var(--spacing-4)}.footer{margin-top:auto;padding:var(--spacing-6) 0;background-color:var(--color-bg-secondary);border-top:2px solid var(--color-border-subtle)}.footer__container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-6);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.footer__links{display:flex;align-items:center;gap:var(--spacing-6)}.footer__link{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-text-secondary)}.footer__separator{display:none}.footer__copyright{font-size:var(--font-size-xs);color:var(--color-text-placeholder)}@media(min-width:640px){.footer__container{flex-direction:row;justify-content:space-between}}.alert{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.alert__icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);flex-shrink:0}.alert__content{flex:1}.alert__dismiss{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);flex-shrink:0}.alert__dismiss:hover{opacity:1}.alert--error{background-color:var(--color-error-subtle);border:1px solid var(--color-error-border);color:var(--color-error)}.alert--error .alert__icon{background-color:var(--color-error);color:#fff}.alert--error .alert__dismiss{color:var(--color-error)}.alert--success{background-color:var(--color-success-subtle);border:1px solid rgba(34,197,94,.32);color:var(--color-success)}.alert--success .alert__icon{background-color:var(--color-success);color:#fff}.alert--success .alert__dismiss{color:var(--color-success)}.alert--warning{background-color:var(--color-warning-subtle);border:1px solid rgba(245,158,11,.32);color:var(--color-warning)}.alert--warning .alert__icon{background-color:var(--color-warning);color:#fff}.alert--warning .alert__dismiss{color:var(--color-warning)}.alert--info{background-color:var(--color-accent-subtle);border:1px solid rgba(59,130,246,.32);color:var(--color-accent)}.alert--info .alert__icon{background-color:var(--color-accent);color:#fff}.alert--info .alert__dismiss{color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative}.btn--full-width{width:100%}.btn--md{height:40px;padding:0 var(--spacing-4);font-size:var(--font-size-sm)}.btn--lg{height:44px;padding:0 var(--spacing-5);font-size:var(--font-size-base)}.btn--primary:active:not(:disabled){background-color:var(--color-accent-hover);color:#fff}.btn--ghost{background-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn--loading{pointer-events:none}.btn__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spin .8s linear infinite}.btn--secondary .btn__spinner,.btn--ghost .btn__spinner{border-color:#0003;border-top-color:var(--color-text-primary)}.btn__icon{display:flex;align-items:center;justify-content:center}.btn__content{display:flex;align-items:center}@keyframes btn-spin{to{transform:rotate(360deg)}}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2)}.input__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input__container{position:relative;display:flex;align-items:center}.input{width:100%;height:44px;padding:0 var(--spacing-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:hover{border-color:var(--color-text-placeholder)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle),0 0 16px var(--color-accent-glow)}.input::placeholder{color:var(--color-text-placeholder)}.input:disabled{opacity:.6;cursor:not-allowed}.input--error{border-color:var(--color-error-border)}.input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-subtle),0 0 16px #ef444433}.input__error{font-size:var(--font-size-xs);color:var(--color-error)}.input__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.input--with-left-icon{padding-left:42px}.input--with-right-element{padding-right:42px}.input__left-icon,.input__right-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);pointer-events:none}.input__left-icon{left:var(--spacing-4)}.input__right-icon{right:var(--spacing-4)}.input__right-element{position:absolute;right:var(--spacing-2);display:flex;align-items:center}.form-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-field__required{color:var(--color-error);margin-left:2px}.form-field__error{font-size:var(--font-size-xs);color:var(--color-error)}.form-field__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.spinner{border-radius:50%;animation:spinner-spin .8s linear infinite}.spinner__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--md{width:24px;height:24px;border-width:3px}.spinner--lg{width:32px;height:32px;border-width:3px}.spinner--primary{border-color:#3b82f633;border-top-color:var(--color-accent)}.spinner--white{border-color:#ffffff4d;border-top-color:#fff}.spinner--muted{border-color:#94a3b833;border-top-color:var(--color-text-muted)}@keyframes spinner-spin{to{transform:rotate(360deg)}}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:300px;color:var(--color-text-muted)}.page-loader__message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:300px;padding:var(--spacing-8);text-align:center}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--color-bg-tertiary);color:var(--color-text-muted)}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.empty-state__description{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:400px;margin:0}.empty-state__action{margin-top:var(--spacing-2)}.select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2)}.select__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.select{width:100%;height:44px;padding:0 var(--spacing-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-4) center;padding-right:calc(var(--spacing-4) * 2.5)}.select:hover{border-color:var(--color-text-placeholder)}.select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle),0 0 16px var(--color-accent-glow)}.select:disabled{opacity:.6;cursor:not-allowed}.select--error{border-color:var(--color-error-border)}.select--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-subtle),0 0 16px #ef444433}.select__error{font-size:var(--font-size-xs);color:var(--color-error)}.select__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.code-input{display:flex;justify-content:center;gap:var(--spacing-3)}.code-input__field{width:40px;height:48px;text-align:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);background:transparent;border:none;border-bottom:2px solid var(--color-border-strong);color:var(--color-text-primary);transition:border-color var(--transition-fast);caret-color:var(--color-accent)}.code-input__field:focus{outline:none;border-bottom-color:var(--color-accent)}.code-input__field::placeholder{color:var(--color-text-placeholder)}.code-input__field--filled{border-bottom-color:var(--color-accent)}.code-input__field:disabled{opacity:.5;cursor:not-allowed}.mfa-card{width:100%;max-width:525px;padding:var(--spacing-10);background-color:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.mfa-card__header{text-align:center;margin-bottom:var(--spacing-8)}.mfa-card__title{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-2)}.mfa-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-placeholder);padding-top:5px}.mfa-card__form{display:flex;flex-direction:column;gap:var(--spacing-5)}.mfa-card__error{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-error-subtle);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.mfa-card__error-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:var(--color-error);color:#fff;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);flex-shrink:0}.mfa-card__field{display:flex;flex-direction:column;gap:var(--spacing-2)}.mfa-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.mfa-card__input{width:100%;height:44px;padding:0 var(--spacing-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.mfa-card__input--code{text-align:center;font-size:1.5rem;font-weight:var(--font-weight-semibold);letter-spacing:.5rem}.mfa-card__input:hover{border-color:var(--color-text-placeholder)}.mfa-card__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle),0 0 16px var(--color-accent-glow)}.mfa-card__input::placeholder{color:var(--color-text-placeholder)}.mfa-card__button{width:100%;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.mfa-card__button:hover:not(:disabled){background-color:var(--color-accent-hover)}.mfa-card__button:active:not(:disabled){transform:scale(.98)}.mfa-card__button:disabled{opacity:.6;cursor:not-allowed}.mfa-card__footer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.mfa-card__link{background:none;border:none;color:var(--color-accent);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast)}.mfa-card__link:hover:not(:disabled){color:var(--color-accent-hover);text-decoration:underline}.mfa-card__link:disabled{color:var(--color-text-placeholder);cursor:not-allowed}.mfa-card__link--cancel{color:var(--color-text-muted)}.mfa-card__link--cancel:hover{color:var(--color-text-secondary)}.modal-overlay{position:fixed;inset:0;background-color:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.modal-content{position:relative;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-height:90vh;overflow-y:auto}.modal-content:focus{outline:none}.modal-content:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.modal-content--small{max-width:380px;padding:var(--spacing-6)}.modal-content--medium{max-width:440px;padding:var(--spacing-6)}.modal-content--large{max-width:480px;padding:var(--spacing-6)}.modal-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-close:focus{outline:none}.modal-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.modal-header{margin-bottom:var(--spacing-5);padding-right:var(--spacing-8)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.modal-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}.modal-body{display:flex;flex-direction:column}.forgot-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.forgot-form__warning{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--color-warning-subtle);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-warning);font-size:var(--font-size-sm)}.login-card{width:100%;max-width:525px;padding:var(--spacing-10);background-color:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.login-card__header{text-align:center;margin-bottom:var(--spacing-8)}.login-card__title{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-2)}.login-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-placeholder);padding-top:5px}.login-card__form{display:flex;flex-direction:column;gap:var(--spacing-5)}.login-card__footer{margin-top:var(--spacing-8);text-align:center}.login-card__link{font-size:var(--font-size-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.login-card__link:hover{color:var(--color-accent)}.login-card__eye-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:0;display:flex;align-items:center;justify-content:center}.login-card__eye-btn:hover{color:var(--color-text-secondary)}.login-page{min-height:100vh;width:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-page__main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);padding-top:calc(60px + var(--spacing-8));position:relative;z-index:1}.login-page:before{content:"";position:absolute;top:-40%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.password-requirements{margin-top:8px;margin-bottom:16px}.password-requirements__bar{height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden;margin-bottom:12px}.password-requirements__fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:2px}.password-requirements__fill--0{background-color:#e5e7eb}.password-requirements__fill--1{background-color:var(--color-error)}.password-requirements__fill--2{background-color:var(--color-warning)}.password-requirements__fill--3{background-color:#eab308}.password-requirements__fill--4{background-color:#84cc16}.password-requirements__fill--5{background-color:var(--color-success)}.password-requirements__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.password-requirements__item{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:6px}.password-requirements__item--valid{color:var(--color-success)}.password-requirements__icon{font-size:10px}.reset-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-base)}.reset-page__main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.reset-card{width:100%;max-width:420px;padding:var(--spacing-10);background-color:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.reset-card__header{text-align:center;margin-bottom:var(--spacing-8)}.reset-card__title{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.reset-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.reset-card__form{display:flex;flex-direction:column;gap:var(--spacing-5)}.reset-card__eye-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:0;display:flex;align-items:center;justify-content:center}.reset-card__eye-btn:hover{color:var(--color-text-secondary)}.reset-page__main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.reset-card__mismatch{color:var(--color-error);font-size:12px;margin-top:6px;margin-bottom:0}.reset-card__button:disabled{background-color:var(--color-text-muted);cursor:not-allowed}.accept-invite-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-base)}.accept-invite-page__main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.accept-invite-card{width:100%;max-width:460px;padding:var(--spacing-10);background-color:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.accept-invite-card__loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-8) 0;color:var(--color-text-muted)}.accept-invite-card__header{text-align:center;margin-bottom:var(--spacing-6)}.accept-invite-card__icon{width:56px;height:56px;margin:0 auto var(--spacing-4);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.accept-invite-card__icon--success{background-color:var(--color-success-subtle);color:var(--color-success)}.accept-invite-card__icon--error{background-color:var(--color-error-subtle);color:var(--color-error)}.accept-invite-card__icon--warning{background-color:var(--color-warning-subtle);color:var(--color-warning)}.accept-invite-card__title{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.accept-invite-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}.accept-invite-card__info{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.accept-invite-card__info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0}.accept-invite-card__info-row:not(:last-child){border-bottom:1px solid var(--color-border-subtle)}.accept-invite-card__info-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.accept-invite-card__info-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.accept-invite-card__role{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.accept-invite-card__role--admin{background-color:var(--color-role-admin-bg);color:var(--color-role-admin)}.accept-invite-card__role--developer{background-color:var(--color-role-developer-bg);color:var(--color-role-developer)}.accept-invite-card__role--viewer{background-color:var(--color-role-viewer-bg);color:var(--color-role-viewer)}.accept-invite-card__form{display:flex;flex-direction:column;gap:var(--spacing-5)}.accept-invite-card__error{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-error-subtle);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.accept-invite-card__error-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background-color:var(--color-error);color:#fff;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-bold);flex-shrink:0}.accept-invite-card__field{display:flex;flex-direction:column;gap:var(--spacing-2)}.accept-invite-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.accept-invite-card__input{width:100%;height:44px;padding:0 var(--spacing-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.accept-invite-card__input:hover{border-color:var(--color-text-placeholder)}.accept-invite-card__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle),0 0 16px var(--color-accent-glow)}.accept-invite-card__input-wrapper{position:relative;width:100%}.accept-invite-card__input--with-icon{padding-right:40px}.accept-invite-card__eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:0;display:flex;align-items:center;justify-content:center}.accept-invite-card__eye-btn:hover{color:var(--color-text-secondary)}.accept-invite-card__mismatch{color:var(--color-error);font-size:12px;margin-top:6px;margin-bottom:0}.accept-invite-card__button{width:100%;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.accept-invite-card__button:hover:not(:disabled){background-color:var(--color-accent-hover)}.accept-invite-card__button:disabled{background-color:var(--color-text-muted);cursor:not-allowed}.accept-invite-card__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:accept-invite-spin .8s linear infinite}@keyframes accept-invite-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.accept-invite-card{padding:var(--spacing-6)}}.loading-spinner{display:inline-block}.loading-spinner--centered{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%}.loading-spinner__circle{border-radius:var(--radius-full);border:2px solid var(--color-border);border-top-color:var(--color-accent);animation:spin .6s linear infinite}.loading-spinner__circle--sm{width:16px;height:16px}.loading-spinner__circle--md{width:24px;height:24px}.loading-spinner__circle--lg{width:40px;height:40px;border-width:3px}.sidebar{width:240px;min-width:240px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border-subtle);overflow-y:auto}.sidebar__header{height:64px;display:flex;align-items:center;padding:0 var(--spacing-6);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.sidebar__logo{display:flex;align-items:center;text-decoration:none;transition:opacity var(--transition-fast)}.sidebar__logo:hover{opacity:.8}.sidebar__logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.sidebar__nav{flex:1;padding:var(--spacing-4);overflow-y:auto}.sidebar__list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-1)}.sidebar__link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.sidebar__link:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.sidebar__link--active{color:var(--color-text-primary);background-color:var(--color-accent-subtle)}.sidebar__link--active:hover{background-color:var(--color-accent-subtle)}.sidebar__icon{flex-shrink:0;color:inherit}.sidebar__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.sidebar{display:none}}.user-avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:#fff;font-weight:var(--font-weight-semibold);user-select:none;flex-shrink:0}.topbar{height:64px;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0;z-index:var(--z-header);flex-shrink:0}.topbar__container{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-6);gap:var(--spacing-4)}.topbar__search{display:flex;align-items:center;gap:var(--spacing-3);flex:1;max-width:480px;height:40px;padding:0 var(--spacing-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.topbar__search:focus-within{border-color:var(--color-border-focus);background-color:var(--color-bg-primary)}.topbar__search-icon{color:var(--color-text-placeholder);flex-shrink:0}.topbar__search-input{flex:1;height:100%;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:var(--font-size-sm)}.topbar__search-input::placeholder{color:var(--color-text-placeholder)}.topbar__search-shortcut{display:flex;align-items:center;justify-content:center;padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);font-family:inherit}.topbar__right{display:flex;align-items:center;gap:var(--spacing-3)}.topbar__user-menu{position:relative}.topbar__user-button{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast)}.topbar__user-button:hover{transform:scale(1.05)}.topbar__user-backdrop{position:fixed;inset:0;z-index:10}.topbar__dropdown{position:absolute;top:calc(100% + var(--spacing-2));right:0;width:240px;background-color:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:20;overflow:hidden}.topbar__dropdown-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-bg-secondary)}.topbar__dropdown-info{display:flex;flex-direction:column;min-width:0}.topbar__dropdown-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__dropdown-role{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}.topbar__dropdown-divider{height:1px;background-color:var(--color-border-subtle)}.topbar__dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.topbar__dropdown-item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.topbar__dropdown-item--danger:hover{background-color:var(--color-error-subtle);color:var(--color-error)}@media(max-width:768px){.topbar__search{max-width:100%}.topbar__search-shortcut{display:none}}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--color-bg-primary)}.dashboard-layout__main{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.dashboard-layout__content{flex:1;padding:var(--spacing-8);overflow-y:auto}@media(max-width:768px){.dashboard-layout__content{padding:var(--spacing-4)}}.team-page{max-width:1200px;margin:0 auto}.team-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.team-page__header-text{flex:1}.team-page__title{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-2)}.team-page__description{font-size:var(--font-size-sm);color:var(--color-text-muted)}.team-page__invite-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-accent);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.team-page__invite-btn:hover{background-color:var(--color-accent-hover)}.team-page__invite-btn--disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-placeholder);cursor:not-allowed}.team-page__invite-btn--disabled:hover{background-color:var(--color-bg-tertiary)}.team-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--color-text-muted);gap:var(--spacing-4)}.team-page__content{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:visible}.team-table{width:100%;border-collapse:collapse}.team-table th{padding:var(--spacing-4);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-subtle)}.team-table th:last-child{width:60px}.team-table td{padding:var(--spacing-4);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.team-table tr:last-child td{border-bottom:none}.team-table__row--me{background-color:var(--color-accent-subtle)}.team-table__row--invited{opacity:.7}.team-table__member{display:flex;align-items:center;gap:var(--spacing-3)}.team-table__avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.team-table__avatar--invited{background-color:var(--color-bg-tertiary);color:var(--color-text-muted)}.team-table__info{display:flex;flex-direction:column;min-width:0}.team-table__name{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.team-table__name--invited{color:var(--color-text-secondary)}.team-table__you-badge{padding:2px 6px;background-color:var(--color-accent-subtle);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm)}.team-table__email{font-size:var(--font-size-xs);color:var(--color-text-muted)}.team-table__role-cell{position:relative}.team-table__role-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:0;background:none;border:none;cursor:default}.team-table__role-btn--editable{cursor:pointer;padding:var(--spacing-1) var(--spacing-2);margin:calc(-1 * var(--spacing-1)) calc(-1 * var(--spacing-2));border-radius:var(--radius-md);transition:all var(--transition-fast)}.team-table__role-btn--editable:hover{background-color:var(--color-bg-tertiary)}.team-table__role-btn--editable:hover .team-table__role-chevron{opacity:1}.team-table__role-chevron{color:var(--color-text-muted);opacity:.5;transition:opacity var(--transition-fast)}.team-table__role{display:inline-flex;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.team-table__role--owner{background-color:#f59e0b26;color:#f59e0b}.team-table__role--admin{background-color:#8b5cf626;color:#a78bfa}.team-table__role--developer{background-color:#3b82f626;color:#60a5fa}.team-table__role--viewer{background-color:var(--color-bg-tertiary);color:var(--color-text-muted)}.team-table__role-selector{position:absolute;top:100%;left:0;margin-top:var(--spacing-1);min-width:140px;padding:var(--spacing-1);background-color:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100}.team-table__role-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-2) var(--spacing-3);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.team-table__role-option:hover{background-color:var(--color-bg-tertiary)}.team-table__role-option--current{background-color:var(--color-accent-subtle)}.team-table__role-check{color:var(--color-accent)}.team-table__status{display:inline-flex;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm)}.team-table__status--active{background-color:var(--color-success-subtle);color:var(--color-success)}.team-table__status--pending{background-color:var(--color-warning-subtle);color:var(--color-warning)}.team-table__status--expired{background-color:var(--color-error-subtle);color:var(--color-error)}.team-table__actions{position:relative}.team-table__menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast)}.team-table__menu-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.team-table__dropdown{position:absolute;top:100%;right:0;min-width:160px;margin-top:var(--spacing-1);padding:var(--spacing-1);background-color:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200}.team-table__dropdown-item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.team-table__dropdown-item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.team-table__dropdown-item--danger:hover{background-color:var(--color-error-subtle);color:var(--color-error)}@media(max-width:768px){.team-page__header{flex-direction:column;align-items:stretch}.team-page__invite-btn{width:100%;justify-content:center}.team-table th:nth-child(3),.team-table td:nth-child(3){display:none}}.qr-code{display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);background-color:#fff;border-radius:var(--radius-lg)}.qr-code__canvas{display:block;border-radius:var(--radius-md)}.account-page{max-width:1200px;margin:0 auto}.account-page__loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--color-text-muted)}.account-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.account-page__title{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-2)}.account-page__description{font-size:var(--font-size-sm);color:var(--color-text-muted)}.account-page__content{display:flex;flex-direction:column;gap:var(--spacing-6)}.account-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-6)}.account-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-5);border-bottom:1px solid var(--color-border-subtle)}.account-card__header--inline{align-items:center;margin-bottom:0;padding-bottom:0;border-bottom:none}.account-card__header-left{display:flex;align-items:flex-start;gap:var(--spacing-4)}.account-card__header-actions{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.account-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-accent-subtle);border-radius:var(--radius-md);color:var(--color-accent);flex-shrink:0}.account-card__icon--shield{background-color:#22c55e26;color:var(--color-success)}.account-card__icon--danger{background-color:var(--color-error-subtle);color:var(--color-error)}.account-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.account-card__description{font-size:var(--font-size-sm);color:var(--color-text-muted)}.account-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.account-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}@media(max-width:640px){.account-form__row{grid-template-columns:1fr}}.account-form__field{display:flex;flex-direction:column;gap:var(--spacing-2)}.account-form__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.account-form__input-wrapper{position:relative;display:flex;align-items:center}.account-form__input{width:100%;height:42px;padding:0 var(--spacing-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.account-form__input:hover:not(:disabled){border-color:var(--color-border-strong)}.account-form__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.account-form__input:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:not-allowed}.account-form__input--with-icon{padding-right:var(--spacing-12)}.account-form__input--error{border-color:var(--color-error)}.account-form__input--code{text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:.5em;height:56px}.account-form__toggle{position:absolute;right:var(--spacing-3);display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-placeholder);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.account-form__toggle:hover{color:var(--color-text-secondary)}.account-form__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.account-form__hint--error{color:var(--color-error)}.account-form__error{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-error-subtle);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.account-form__error-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:var(--color-error);color:#fff;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);flex-shrink:0}.account-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-2)}.account-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);height:40px;padding:0 var(--spacing-5);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.account-btn:disabled{opacity:.5;cursor:not-allowed}.account-btn--sm{height:34px;padding:0 var(--spacing-3);font-size:var(--font-size-xs)}.account-btn--primary{background-color:var(--color-accent);color:#fff}.account-btn--primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.account-btn--success{background-color:#22c55e26;border:1px solid var(--color-success);color:var(--color-success)}.account-btn--success:hover:not(:disabled){background-color:var(--color-success);color:#fff}.account-btn--secondary{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-strong);color:var(--color-text-primary)}.account-btn--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-text-muted)}.account-btn--danger{background-color:var(--color-error);color:#fff}.account-btn--danger:hover:not(:disabled){background-color:#dc2626}.account-btn--outline-danger{background-color:var(--color-error-subtle);border:1px solid var(--color-error-border);color:var(--color-error)}.account-btn--outline-danger:hover:not(:disabled){background-color:var(--color-error);color:#fff}.account-btn--ghost-danger{background-color:var(--color-error-subtle);color:var(--color-error);border:1px solid var(--color-error-border)}.account-btn--ghost-danger:hover:not(:disabled){background-color:var(--color-error);color:#fff}.account-btn--text-danger{background-color:transparent;color:var(--color-text-muted);padding:0 var(--spacing-2);height:auto}.account-btn--text-danger:hover:not(:disabled){color:var(--color-error)}.account-mfa{display:flex;flex-direction:column;gap:var(--spacing-4)}.account-mfa__options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}@media(max-width:640px){.account-mfa__options{grid-template-columns:1fr}}.account-mfa__option{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;cursor:default;transition:all var(--transition-fast)}.account-mfa__option--inactive{opacity:.5}.account-mfa__option--active{border-color:var(--color-success);background-color:#22c55e1a;opacity:1}.account-mfa__option--clickable{cursor:pointer;opacity:.7}.account-mfa__option--clickable:hover{opacity:1;border-color:var(--color-border-focus);background-color:var(--color-bg-secondary)}.account-mfa__option-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-muted);flex-shrink:0}.account-mfa__option--active .account-mfa__option-icon{background-color:#22c55e33;color:var(--color-success)}.account-mfa__option-content{flex:1;min-width:0}.account-mfa__option-title{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:2px}.account-mfa__option--active .account-mfa__option-title{color:var(--color-success)}.account-mfa__option-desc{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted)}.account-mfa__badge{display:inline-flex;padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);flex-shrink:0}.account-mfa__badge--active{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.account-mfa__disable{align-self:flex-start;padding:0;font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast);cursor:pointer;background:none;border:none}.account-mfa__disable:hover{color:var(--color-error)}.mfa-setup{display:flex;flex-direction:column;gap:var(--spacing-5)}.mfa-setup__qr{display:flex;justify-content:center;padding:var(--spacing-4);background-color:#fff;border-radius:var(--radius-lg);margin:0 auto}.mfa-setup__divider{display:flex;align-items:center;gap:var(--spacing-4);color:var(--color-text-muted);font-size:var(--font-size-sm)}.mfa-setup__divider:before,.mfa-setup__divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.mfa-setup__code{display:flex;justify-content:center}.mfa-setup__code .account-form__input{max-width:200px}.mfa-setup__actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6)}.modal-confirm{padding-top:var(--spacing-2)}.modal-confirm__actions{display:flex;gap:var(--spacing-3);justify-content:flex-end}@media(max-width:768px){.account-card__header--inline{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.account-card__header--inline .account-btn{width:100%}}.create-website-form__upload{display:flex;flex-direction:column;gap:var(--spacing-2)}.create-website-form__upload-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.create-website-form__upload-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4);background:var(--color-bg-tertiary);border:2px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer}.create-website-form__upload-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.create-website-form__error{padding:var(--spacing-3);background:var(--color-error-subtle);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.websites-page{max-width:1200px;margin:0 auto}.websites-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.websites-page__header-text{flex:1}.websites-page__title{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-2)}.websites-page__description{font-size:var(--font-size-sm);color:var(--color-text-muted)}.websites-page__content{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.websites-table-container{overflow-x:auto}.websites-table{width:100%;border-collapse:collapse}.websites-table th,.websites-table td{padding:var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-border-subtle)}.websites-table th{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-bg-tertiary)}.websites-table td{font-size:var(--font-size-sm);color:var(--color-text-primary)}.websites-table tbody tr:last-child td{border-bottom:none}.websites-table tbody tr:hover{background-color:var(--color-bg-tertiary)}.websites-table__name{display:flex;align-items:center;gap:var(--spacing-3);font-weight:var(--font-weight-medium)}.websites-table__icon{color:var(--color-text-muted)}.websites-table__domain{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.websites-table__domain:hover{color:var(--color-accent-hover);text-decoration:underline}.websites-table__no-domain{color:var(--color-text-muted);font-style:italic}.websites-table__status{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status--active{background-color:var(--color-success-subtle);color:var(--color-success)}.status--deploying{background-color:var(--color-warning-subtle);color:var(--color-warning)}.status--error{background-color:var(--color-error-subtle);color:var(--color-error)}.status--pending{background-color:var(--color-bg-tertiary);color:var(--color-text-muted)}.websites-table__server{color:var(--color-text-secondary)}.websites-table__action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:all var(--transition-fast)}.websites-table__action:hover{background-color:var(--color-bg-primary);color:var(--color-text-primary)}@media(max-width:768px){.websites-page__header{flex-direction:column;align-items:stretch}.websites-table th:nth-child(4),.websites-table td:nth-child(4){display:none}}:root{--color-bg-primary: #2a3646;--color-bg-secondary: #212c3b;--color-bg-tertiary: #0b1220;--color-bg-elevated: #0a1427;--color-border: rgba(255, 255, 255, .045);--color-border-subtle: rgb(77 77 77 / .6);--color-border-strong: rgba(255, 255, 255, .16);--color-border-focus: #3b82f6;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-placeholder: #64748b;--color-accent: #3b82f6;--color-accent-hover: #60a5fa;--color-accent-active: #2563eb;--color-accent-subtle: rgba(59, 130, 246, .14);--color-accent-glow: rgba(59, 130, 246, .28);--color-success: #22c55e;--color-success-subtle: rgba(34, 197, 94, .14);--color-warning: #f59e0b;--color-warning-subtle: rgba(245, 158, 11, .14);--color-error: #ef4444;--color-error-subtle: rgba(239, 68, 68, .14);--color-error-border: rgba(239, 68, 68, .32);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 6px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55);--shadow-glow: 0 0 32px var(--color-accent-glow);--font-family: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .9375rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.375rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-tight: 1.25;--line-height-normal: 1.5;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-full: 9999px;--transition-fast: .12s ease;--transition-normal: .18s ease;--z-sidebar: 50;--z-header: 100;--z-dropdown: 150;--z-modal: 200}.form-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-input{width:100%;height:44px;padding:0 var(--spacing-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:hover{border-color:var(--color-text-placeholder)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle),0 0 16px var(--color-accent-glow)}.form-input::placeholder{color:var(--color-text-placeholder)}.form-error{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-error-subtle);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.form-error-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:var(--color-error);color:#fff;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);flex-shrink:0}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-button{width:100%;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.modal-button:hover:not(:disabled){background-color:var(--color-accent-hover)}.modal-button:active:not(:disabled){transform:scale(.98)}.modal-button:disabled{opacity:.6;cursor:not-allowed}.modal-button--secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-button--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.modal-button--danger{background-color:var(--color-error)}.modal-button--danger:hover:not(:disabled){background-color:#dc2626}.modal-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.modal-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.modal-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.modal-input{width:100%;height:44px;padding:0 var(--spacing-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.modal-input:hover{border-color:var(--color-text-placeholder)}.modal-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle),0 0 16px var(--color-accent-glow)}.modal-input::placeholder{color:var(--color-text-placeholder)}.modal-select{width:100%;height:44px;padding:0 var(--spacing-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast)}.modal-select:hover{border-color:var(--color-text-placeholder)}.modal-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.modal-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-2)}.modal-actions .modal-button{flex:1}.page{max-width:1200px;margin:0 auto}.page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.page__title{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin-bottom:var(--spacing-2)}.page__description{font-size:var(--font-size-sm);color:var(--color-text-muted)}.page__loading,.page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--color-text-muted);gap:var(--spacing-4)}.page__error{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4);background-color:var(--color-error-subtle);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.page__error button{color:var(--color-error);font-size:var(--font-size-lg);line-height:1}.card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-6)}.card--danger{border-color:#ef44444d}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-5);border-bottom:1px solid var(--color-border-subtle)}.card__header--inline{align-items:center;margin-bottom:0;padding-bottom:0;border-bottom:none}.card__header-left{display:flex;align-items:flex-start;gap:var(--spacing-4)}.card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-accent-subtle);border-radius:var(--radius-md);color:var(--color-accent);flex-shrink:0}.card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.card__description{font-size:var(--font-size-sm);color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);height:40px;padding:0 var(--spacing-5);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:34px;padding:0 var(--spacing-3);font-size:var(--font-size-xs)}.btn--primary{background-color:var(--color-accent);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--color-accent-hover);color:#fff}.btn--secondary{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-strong);color:var(--color-text-primary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-text-muted)}.btn--danger{background-color:var(--color-error-subtle);border:1px solid var(--color-error-border);color:var(--color-error)}.btn--danger:hover:not(:disabled){background-color:var(--color-error);color:#fff}.btn--ghost-danger{background-color:var(--color-error-subtle);color:var(--color-error);border:1px solid var(--color-error-border)}.btn--ghost-danger:hover:not(:disabled){background-color:var(--color-error);color:#fff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;min-height:100%;overflow-x:hidden}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);font-feature-settings:"cv02","cv03","cv04","cv11";color:var(--color-text-primary);background:linear-gradient(180deg,#2d3a4a,#273140) fixed,var(--color-bg-primary)}#root{min-height:100vh;display:flex;flex-direction:column}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit;font-size:inherit;border:none;background:none}input::placeholder{color:var(--color-text-placeholder)}::selection{background-color:#6366f14d;color:var(--color-text-primary)}