.security-container{min-height:calc(100vh - var(--header-height));grid-template-columns:260px 1fr;max-width:1400px;margin:0 auto;display:grid}.security-api-form{border:1px solid var(--border-color,#2a2f3a);border-radius:12px;gap:16px;padding:20px;display:grid}.security-api-form fieldset{border:0;gap:20px;padding:0;display:flex}.security-api-form textarea{resize:vertical;min-height:76px}.security-secret{background:#d8a31a1a;border:1px solid #d8a31a;border-radius:10px;gap:10px;margin-bottom:18px;padding:16px;display:grid}.security-secret code,.security-key-list code{overflow-wrap:anywhere}.security-key-list{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.security-key-list li{border:1px solid var(--border-color,#2a2f3a);border-radius:10px;justify-content:space-between;gap:16px;padding:16px;display:flex}.security-key-list li>div{gap:5px;display:grid}.security-key-list small{color:var(--text-muted,#9299a8)}.security-error{color:#ef5350}.security-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:var(--spacing-xl)}.security-nav{gap:var(--spacing-xs);top:calc(var(--header-height) + var(--spacing-xl));flex-direction:column;display:flex;position:sticky}.security-nav__item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:left;cursor:pointer;background:0 0;border:0;width:100%;display:flex}.security-state-message{padding:var(--spacing-xl);color:var(--text-secondary);text-align:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.security-2fa-enabled{gap:var(--spacing-lg);text-align:center;flex-direction:column;max-width:560px;margin:0 auto;display:flex}.security-2fa-enabled>p{color:var(--text-secondary)}.security-2fa-enabled__check{color:var(--color-success);font-size:48px}.security-sessions{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.security-sessions__header{justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex}.security-sessions__header h3{color:var(--text-primary);font-size:var(--font-size-md)}.security-sessions__header p{margin-top:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.security-session-list{gap:var(--spacing-sm);flex-direction:column;padding:0;list-style:none;display:flex}.security-session-item{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex}.security-session-item__info{gap:var(--spacing-xs);min-width:0;color:var(--text-secondary);font-size:var(--font-size-xs);flex-direction:column;display:flex}.security-session-item__info strong{align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;display:flex;overflow:hidden}@media (max-width:768px){.security-sessions__header,.security-session-item{flex-direction:column;align-items:stretch}.security-code-inputs{gap:var(--spacing-xs)}.security-code-input{width:40px;height:48px}}.security-nav__item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.security-nav__item.active{background:var(--color-primary-light);color:var(--color-primary)}.security-nav__item svg{flex-shrink:0;width:20px;height:20px}.security-nav__item span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.security-content{padding:var(--spacing-xxl);background:var(--bg-primary)}.security-section{display:none}.security-section.active{animation:.3s securityFadeIn;display:block}@keyframes securityFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.security-header{margin-bottom:var(--spacing-xxl)}.security-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.security-desc{font-size:var(--font-size-md);color:var(--text-secondary)}.security-score{gap:var(--spacing-xxl);padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-xxl);display:flex}.security-score__circle{flex-shrink:0;width:140px;height:140px;position:relative}.security-score__circle svg{width:100%;height:100%}.security-score__value{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.security-score__number{font-size:36px;font-weight:var(--font-weight-bold);color:var(--color-warning);line-height:1;display:block}.security-score__label{font-size:var(--font-size-sm);color:var(--text-secondary)}.security-score__info{flex:1}.security-score__info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.security-score__info>p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.security-score__tips{gap:var(--spacing-sm);flex-direction:column;list-style:none;display:flex}.security-score__tips li{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.security-score__tips li svg{width:18px;height:18px;color:var(--text-tertiary)}.security-score__tips li.completed,.security-score__tips li.completed svg{color:var(--color-success)}.security-items{gap:var(--spacing-md);margin-bottom:var(--spacing-xxl);flex-direction:column;display:flex}.security-item{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:border-color var(--transition-fast);display:flex}.security-item:hover{border-color:var(--border-color-light)}.security-item__icon{background:var(--bg-tertiary);border-radius:var(--radius-md);width:48px;height:48px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.security-item__icon svg{width:24px;height:24px}.security-item__info{flex:1;min-width:0}.security-item__info h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.security-item__info p{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.security-item__status,.security-item__action{flex-shrink:0}.security-badge{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);align-items:center;display:inline-flex}.security-badge--active{background:var(--color-long-bg);color:var(--color-success)}.security-badge--inactive{background:var(--bg-tertiary);color:var(--text-tertiary)}.security-badge--success{background:var(--color-long-bg);color:var(--color-success)}.security-recent{padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.security-recent h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.security-recent__info{gap:var(--spacing-xl);flex-wrap:wrap;align-items:center;display:flex}.security-recent__item{flex-direction:column;gap:2px;display:flex}.security-recent__label{font-size:var(--font-size-xs);color:var(--text-tertiary)}.security-recent__value{font-size:var(--font-size-sm);color:var(--text-primary);font-family:var(--font-mono)}.security-recent__link{font-size:var(--font-size-sm);color:var(--color-primary);margin-left:auto}.security-2fa-setup{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--spacing-xl)}.security-2fa-header{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex}.security-2fa-icon{background:var(--color-primary-light);border-radius:var(--radius-lg);width:56px;height:56px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.security-2fa-icon svg{width:28px;height:28px}.security-2fa-info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.security-2fa-info p{font-size:var(--font-size-sm);color:var(--text-secondary)}.security-2fa-steps{gap:var(--spacing-xxl);flex-direction:column;display:flex}.security-2fa-step{gap:var(--spacing-lg);display:flex}.security-2fa-step__number{background:var(--color-primary);width:32px;height:32px;color:var(--bg-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.security-2fa-step__content{flex:1}.security-2fa-step__content h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.security-2fa-step__content>p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.security-2fa-apps{gap:var(--spacing-md);display:flex}.security-2fa-app{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);transition:background var(--transition-fast);display:flex}.security-2fa-app:hover{background:var(--bg-hover)}.security-2fa-app img{width:24px;height:24px}.security-2fa-qr{gap:var(--spacing-xl);align-items:flex-start;display:flex}.security-2fa-qr__code{border-radius:var(--radius-md);width:180px;height:180px;padding:var(--spacing-md);background:#fff;flex-shrink:0}.security-2fa-qr__placeholder{width:100%;height:100%;color:var(--bg-primary);justify-content:center;align-items:center;display:flex}.security-2fa-qr__placeholder svg{width:100px;height:100px}.security-2fa-qr__key{flex:1}.security-2fa-qr__label{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-xs);display:block}.security-2fa-qr__value{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);display:flex}.security-2fa-qr__value code{font-family:var(--font-mono);font-size:var(--font-size-md);color:var(--text-primary);letter-spacing:2px}.security-copy-btn{color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);transition:color var(--transition-fast);background:0 0;border:none}.security-copy-btn:hover{color:var(--color-primary)}.security-copy-btn svg{width:18px;height:18px}.security-2fa-qr__warning{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-warning);display:flex}.security-2fa-qr__warning svg{flex-shrink:0;width:18px;height:18px}.security-code-inputs{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.security-code-input{text-align:center;width:48px;height:56px;font-size:var(--font-size-xl);font-family:var(--font-mono);font-weight:var(--font-weight-semibold);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast)}.security-code-input:hover{border-color:var(--border-color-light)}.security-code-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.security-form-group{margin-bottom:var(--spacing-lg)}.security-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-xs);display:block}.security-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);transition:all var(--transition-fast)}.security-input:hover{border-color:var(--border-color-light)}.security-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.security-input-wrapper{position:relative}.security-input-wrapper .security-input{padding-right:48px}.security-select{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-md);cursor:pointer;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='%23848e9c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat}.security-phone-input{gap:var(--spacing-sm);display:flex}.security-phone-prefix{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-md)}.security-phone-input .security-input{flex:1}.security-timer{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.security-timer span{color:var(--color-primary);font-family:var(--font-mono)}.security-password-toggle{right:var(--spacing-md);color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.security-password-toggle:hover{color:var(--text-secondary)}.security-password-toggle svg{width:20px;height:20px}.security-password-strength{align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);display:flex}.security-password-strength__bar{background:var(--bg-tertiary);border-radius:2px;flex:1;height:4px;overflow:hidden}.security-password-strength__fill{width:0;height:100%;transition:all var(--transition-normal);border-radius:2px}.security-password-strength__text{font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:right;min-width:80px}.security-alert{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex}.security-alert--info{background:#1e88e51a;border:1px solid #1e88e54d}.security-alert svg{width:20px;height:20px;color:var(--color-info);flex-shrink:0}.security-alert p{font-size:var(--font-size-sm);color:var(--text-secondary)}.security-devices{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.security-device{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);display:flex}.security-device--current{border-color:var(--color-success);background:#25a7500d}.security-device__icon{background:var(--bg-tertiary);border-radius:var(--radius-md);width:48px;height:48px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.security-device__icon svg{width:24px;height:24px}.security-device__info{flex:1;min-width:0}.security-device__info h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.security-device__info p{font-size:var(--font-size-sm);color:var(--text-secondary)}.security-device__time{font-size:var(--font-size-xs);color:var(--text-tertiary)}.security-logout-all{justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.security-logout-all svg{width:18px;height:18px}.security-activity-filter{margin-bottom:var(--spacing-xl)}.security-activity-filter .security-select{max-width:200px}.security-activity-list{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.security-activity-item{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);display:flex}.security-activity-item--warning{background:#ca3f640d;border-color:#ca3f644d}.security-activity-item__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.security-activity-item__icon svg{width:20px;height:20px}.security-activity-item__icon--login{color:var(--color-info);background:#1e88e51a}.security-activity-item__icon--security{background:var(--color-long-bg);color:var(--color-success)}.security-activity-item__icon--withdraw{background:var(--color-primary-light);color:var(--color-primary)}.security-activity-item__icon--warning{background:var(--color-short-bg);color:var(--color-error)}.security-activity-item__info{flex:1;min-width:0}.security-activity-item__info h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.security-activity-item__info p{font-size:var(--font-size-xs);color:var(--text-secondary)}.security-activity-item__meta{text-align:right;flex-shrink:0}.security-activity-item__time{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:2px;display:block}.security-activity-item__location{font-size:var(--font-size-xs);color:var(--text-tertiary)}.security-modal{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.security-modal__backdrop{background:#000000b3;position:absolute;inset:0}.security-modal__content{width:100%;max-width:400px;padding:var(--spacing-xxl);background:var(--bg-secondary);border-radius:var(--radius-xl);text-align:center;animation:.3s securityModalIn;position:relative}@keyframes securityModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.security-modal__icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);border-radius:50%;justify-content:center;align-items:center;display:flex}.security-modal__icon--success{background:var(--color-long-bg);color:var(--color-success)}.security-modal__icon svg{width:32px;height:32px}.security-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.security-modal__desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}@media (max-width:1024px){.security-container{grid-template-columns:1fr}.security-sidebar{display:none}.security-content{padding:var(--spacing-xl)}.security-2fa-qr{flex-direction:column}.security-2fa-qr__code{margin:0 auto}}@media (max-width:768px){.security-content{padding:var(--spacing-lg)}.security-title{font-size:var(--font-size-xl)}.security-score{text-align:center;flex-direction:column;align-items:center}.security-score__info{flex-direction:column;align-items:center;display:flex}.security-item{flex-wrap:wrap}.security-item__info{flex:100%;order:1}.security-item__icon{order:0}.security-item__status{order:2;margin-left:64px}.security-item__action{order:3;margin-left:auto}.security-2fa-step{flex-direction:column}.security-2fa-step__number{margin-bottom:var(--spacing-sm)}.security-2fa-apps{flex-direction:column}.security-code-inputs{gap:var(--spacing-xs)}.security-code-input{width:40px;height:48px;font-size:var(--font-size-lg)}.security-phone-input{flex-wrap:wrap}.security-phone-input .btn{width:100%}.security-device{flex-wrap:wrap}.security-device__info{flex:calc(100% - 64px)}.security-device .btn,.security-device .security-badge{margin-left:64px}.security-activity-item{flex-wrap:wrap}.security-activity-item__meta{text-align:left;width:100%;margin-left:56px;margin-top:var(--spacing-xs)}.security-modal__content{margin:var(--spacing-lg);padding:var(--spacing-xl)}}.security-nav__item:focus-visible,.security-input:focus-visible,.security-select:focus-visible,.security-code-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.security-section.active,.security-modal__content{animation:none}.security-password-strength__fill{transition:none}}