.external-provider-note{background:var(--color-surface);border-radius:var(--radius-md);border-left:4px solid var(--color-primary);margin-top:1rem;padding:1rem}.external-provider-note p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0 0 1rem}.external-link-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.external-link-btn:hover{background:var(--color-primary-hover);color:#fff;text-decoration:none;transform:translateY(-1px)}.form-info{background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);border:1px solid var(--color-border);padding:.75rem}.settings-nav{border-bottom:1px solid var(--color-border);gap:.5rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}.settings-nav-item{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;font-size:var(--text-sm);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;transition:all .2s;display:flex}.settings-nav-item:hover{color:var(--color-text-primary);background:var(--color-surface)}.settings-nav-item.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.settings-nav-item i{font-size:var(--text-sm)}.settings-section{display:none}.settings-section.active{display:block}.card-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:.25rem 0 0}.settings-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.form-input,.form-select{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-background);color:var(--color-text-primary);padding:.75rem;transition:all .2s}.form-input:focus,.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0066cc1a}.readonly-input{cursor:not-allowed;background-color:var(--color-surface-alt)!important;color:var(--color-text-secondary)!important}.readonly-input:focus{border-color:var(--color-border)!important;box-shadow:none!important}.form-select option{background:var(--color-background)!important;color:var(--color-text-primary)!important}[data-theme=dark] .form-select option,[data-theme=dark] .form-select{background:var(--color-surface)!important;color:var(--color-text-primary)!important}.form-select:focus{background:var(--color-background)!important}[data-theme=dark] .form-select:focus{background:var(--color-surface)!important}input[list]{position:relative}input[list]::-webkit-calendar-picker-indicator{display:none!important}.form-hint{font-size:var(--text-base);color:var(--color-text-tertiary);margin-top:.25rem}.form-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.btn-primary,.btn-secondary{border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);color:#fff}.btn-secondary{background:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface);color:var(--color-text-primary)}.notification-group{margin-bottom:2rem}.notification-group-title{font-size:var(--text-md);color:var(--color-text-primary);margin-bottom:1rem;font-weight:600}.notification-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.notification-item:last-child{border-bottom:none}.notification-content{flex:1}.notification-title{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:.25rem;font-weight:500}.notification-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.4}.toggle-switch{cursor:pointer;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:var(--color-border);border-radius:24px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.login-method-info{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:2rem;padding:1rem}.login-method-item{align-items:center;gap:1rem;display:flex}.login-method-icon{background:var(--color-primary);border-radius:var(--radius-md);color:#fff;width:40px;height:40px;font-size:var(--text-md);justify-content:center;align-items:center;display:flex}.login-method-content{flex:1}.login-method-title{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:.25rem;font-weight:500}.login-method-description{font-size:var(--text-base);color:var(--color-text-secondary)}.login-method-status{border-radius:var(--radius-sm);font-size:var(--text-base);padding:.25rem .75rem;font-weight:500}.login-method-status.active{color:#15803d;background:#22c55e1a}.password-requirements{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.requirement{font-size:var(--text-base);color:var(--color-text-tertiary);align-items:center;gap:.5rem;display:flex}.requirement-icon{font-size:var(--text-xs);color:#ef4444}.requirement.valid,.requirement.valid .requirement-icon{color:#15803d}.requirement.valid .requirement-icon:before{content:""}.oauth-login-info{border-radius:var(--radius-md);background:#3b82f61a;border:1px solid #3b82f633;margin-bottom:2rem;padding:1rem;display:none}.oauth-login-info.active{display:block}.oauth-info-content{align-items:center;gap:1rem;display:flex}.oauth-info-icon{background:var(--color-primary);border-radius:var(--radius-md);color:#fff;width:40px;height:40px;font-size:var(--text-md);justify-content:center;align-items:center;display:flex}.oauth-info-text{flex:1}.oauth-info-title{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:.25rem;font-weight:500}.oauth-info-description{font-size:var(--text-base);color:var(--color-text-secondary)}@media (max-width:768px){.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{justify-content:center;width:100%}.notification-item{flex-direction:column;align-items:flex-start;gap:1rem}.settings-nav{background:var(--color-surface);border-bottom:none;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1rem;padding:.5rem}.settings-nav-item{border-radius:var(--radius-sm);border-bottom:none;flex:1;justify-content:center}.settings-nav-item.active{background:var(--color-primary);color:#fff}}@media (max-width:640px){.login-method-item,.oauth-info-content{text-align:center;flex-direction:column;gap:.75rem}}.toast{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10000;opacity:0;align-items:center;gap:.75rem;max-width:400px;padding:1rem 1.5rem;transition:all .3s;display:flex;position:fixed;top:2rem;right:2rem;transform:translate(100%)}.toast.show{opacity:1;transform:translate(0)}.toast-success{border-left:4px solid #22c55e}.toast-success i{color:#22c55e}.toast-error{border-left:4px solid #ef4444}.toast-error i{color:#ef4444}.toast span{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:500}@media (max-width:640px){.toast{max-width:none;top:1rem;left:1rem;right:1rem}}
