.webauthn-section{position:relative}
.webauthn-section .webauthn-credentials-list{margin-bottom:20px}
.webauthn-section .webauthn-empty-state{padding:40px 20px}
.webauthn-section .webauthn-credential-item{padding:15px;border-radius:8px;background:#fff;border:1px solid rgba(50,50,50,.06);transition:all .3s ease;box-shadow:0 2px 8px rgba(116,116,116,0.08)}
.webauthn-section .webauthn-credential-item:hover{transform:translateY(-1px)}
.webauthn-section .webauthn-credential-item .credential-name{font-weight:500;color:#333;font-size:14px}
.webauthn-section .webauthn-credential-item .type-logo .circular{display:flex;align-items:center;justify-content:center;width:32px;height:32px}
.webauthn-section .webauthn-add-btn{min-width:160px}
.webauthn-section .webauthn-login-btn{position:relative;overflow:hidden}
.webauthn-section .webauthn-login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(41,151,247,.3)}
.webauthn-section .webauthn-login-btn i{display:inline-block;transition:transform .3s ease}
.webauthn-section .webauthn-login-btn:hover i{transform:scale(1.1)}
.webauthn-section .passkey-login-section{padding:20px 15px 10px}

.dark-theme .webauthn-section .webauthn-credential-item{background:#323335;border-color:rgba(114,114,114,.1)}
.dark-theme .webauthn-section .webauthn-credential-item:hover{box-shadow:0 2px 8px rgba(24,24,24,.2)}