credentials-manager{display:block}.credentials-manager{width:100%}.credentials-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.credentials-add-btn,.credentials-title{display:flex;align-items:center;gap:12px}.credentials-title icon{color:var(--md-sys-color-primary)}.credentials-title h3{margin:0;font-size:20px;font-weight:500;color:var(--md-sys-color-on-surface)}.credentials-add-btn{gap:8px;padding:10px 20px;border-radius:20px;border:0;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease}.credentials-add-btn:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.credentials-add-btn:active{transform:scale(.98)}.credentials-list{display:flex;flex-direction:column;gap:12px}.credentials-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--md-sys-color-on-surface-variant)}.credentials-empty icon{font-size:64px;margin-bottom:16px;opacity:.5}.credentials-empty p{margin:4px 0;font-size:16px}.credentials-empty-hint{font-size:14px;opacity:.7;max-width:400px}.credential-card,.credential-card-icon{display:flex;align-items:center;border-radius:12px}.credential-card{gap:16px;padding:16px;background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);transition:background .2s ease,border-color .2s ease}.credential-card:hover{background:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-outline)}.credential-card-icon{justify-content:center;width:48px;height:48px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);flex-shrink:0}.credential-card-icon icon{font-size:28px}.credential-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.credential-card-name{font-size:16px;font-weight:500;color:var(--md-sys-color-on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credential-card-detail,.credential-card-type{font-size:14px;color:var(--md-sys-color-on-surface-variant)}.credential-card-detail{display:flex;align-items:center;gap:4px;font-size:13px}.credential-card-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);font-size:12px;align-self:flex-start;margin-top:4px}.credential-card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.credential-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:0;background:0 0;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background .2s ease,color .2s ease}.credential-action-btn:hover{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.credential-action-btn.danger:hover{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}@media (max-width:768px){.credentials-header{flex-direction:column;align-items:stretch}.credentials-add-btn{justify-content:center}.credential-card{padding:12px}.credential-card-icon{width:40px;height:40px}.credential-card-icon icon{font-size:24px}.credential-card-name{font-size:15px}.credential-card-type{font-size:13px}}@media (max-width:480px){.credentials-add-btn span{display:none}.credentials-add-btn{padding:10px 16px}.credential-card{gap:12px}.credential-card-actions{flex-direction:column}}