.profile-container{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1rem;width:100%;max-width:800px;margin:0 auto}.profile-card{width:100%;display:flex;flex-direction:column;gap:1.5rem}.profile-card-header{display:flex;flex-direction:column;gap:.25rem}.profile-section-title{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--md-sys-color-on-surface)}.profile-section-subtitle{margin:0;font-size:.95rem;line-height:1.6;color:var(--md-sys-color-on-surface-variant)}.profile-divider{height:1px;background-color:var(--md-sys-color-outline);opacity:.2;margin:.25rem 0}.profile-info-row{display:flex;align-items:center;gap:1.5rem}.profile-avatar-large{width:88px;height:88px;border-radius:50%;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:0;border:none}.profile-avatar-button{cursor:pointer;transition:transform .2s,filter .2s}.profile-avatar-button:hover{transform:scale(1.05);filter:brightness(1.1)}.profile-avatar-button:active{transform:scale(.95)}.profile-avatar-large img{width:100%;height:100%;object-fit:cover;display:block}.profile-info-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.profile-display-name{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--md-sys-color-on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{font-size:.95rem;color:var(--md-sys-color-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-table{margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.info-row{display:flex;align-items:flex-start;gap:.9rem;padding:1rem .25rem}.info-row+.info-row{border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline) 25%,transparent)}.info-row-icon{flex-shrink:0;width:36px;height:36px;border-radius:12px;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface-variant);display:flex;align-items:center;justify-content:center;margin-top:2px}.info-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.info-row-label{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant)}.info-row-value{margin:0;font-size:.98rem;font-weight:500;color:var(--md-sys-color-on-surface);line-height:1.45;overflow-wrap:anywhere;word-break:break-word}.info-row-value-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem;font-weight:500;letter-spacing:-.01em}.info-row-value-muted{color:var(--md-sys-color-on-surface-variant);font-style:italic}.info-row-edit{display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.info-row-field{max-width:340px}.info-row-edit-actions{display:flex;gap:.5rem}.info-row-action{align-self:center;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;font-family:var(--font-main);border-radius:100px;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s,filter .18s;white-space:nowrap;flex-shrink:0}.info-row-action.ghost{background-color:transparent;color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline)}.info-row-action.ghost:hover:not(:disabled){background-color:var(--md-sys-color-surface)}.info-row-action.ghost.danger{color:var(--md-sys-color-error)}.info-row-action.ghost.danger:hover:not(:disabled){background-color:var(--md-sys-color-error-container);border-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.info-row-action.filled{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:1px solid transparent}.info-row-action.filled:hover:not(:disabled){filter:brightness(1.1)}.info-row-action:disabled{opacity:.5;cursor:not-allowed}.profile-button{padding:.75rem 1.75rem;font-size:.95rem}.device-list{display:flex;flex-direction:column;gap:.75rem}.device-item{display:flex;align-items:flex-start;padding:1.1rem 1.25rem;background-color:var(--md-sys-color-surface);border-radius:16px;gap:.9rem}.device-item-icon{margin-top:0;background-color:var(--md-sys-color-surface-variant)}.device-item-info{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.device-name{font-size:1rem;font-weight:700;color:var(--md-sys-color-on-surface);letter-spacing:-.01em}.device-meta{font-size:.85rem;color:var(--md-sys-color-on-surface-variant);line-height:1.5}.device-empty{padding:1.5rem;text-align:center;background-color:var(--md-sys-color-surface);border-radius:16px;color:var(--md-sys-color-on-surface-variant);font-size:.95rem}.profile-success{font-size:.875rem;padding:.85rem 1.15rem;border-radius:16px;background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);line-height:1.5}.profile-dialog-overlay{position:fixed;inset:0;background-color:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:profile-overlay-in .15s ease-out}.profile-dialog{padding:2rem;width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.25rem;animation:profile-dialog-in .2s ease-out}.profile-dialog-title{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--md-sys-color-on-surface)}.profile-dialog-text{margin:0;font-size:.95rem;color:var(--md-sys-color-on-surface-variant);line-height:1.6}.profile-dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.25rem}.profile-dialog-button{padding:.7rem 1.4rem;font-size:.95rem;font-weight:600;font-family:var(--font-main);border-radius:100px;cursor:pointer;transition:background-color .2s,filter .2s;border:none}.profile-dialog-button-cancel{background-color:transparent;color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline)}.profile-dialog-button-cancel:hover{background-color:var(--md-sys-color-surface)}.profile-dialog-button-confirm{background-color:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.profile-dialog-button-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.profile-dialog-button-confirm:hover,.profile-dialog-button-primary:hover{filter:brightness(1.1)}@keyframes profile-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes profile-dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-skeleton-row{display:flex;align-items:center;gap:1.5rem}.profile-sk-box{position:relative;background-color:var(--md-sys-color-surface);border-radius:12px;overflow:hidden;flex-shrink:0}.profile-sk-box.circle{border-radius:50%}.profile-sk-box:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);transform:translate(-100%);animation:profile-shimmer 1.6s infinite}.profile-skeleton-stack{display:flex;flex-direction:column;gap:.6rem;flex:1;min-width:0}@keyframes profile-shimmer{to{transform:translate(100%)}}@media(max-width:600px){.profile-card{padding:1.75rem 1.25rem}.profile-info-row{flex-direction:column;align-items:flex-start;text-align:left;gap:1rem}.info-row{flex-wrap:wrap}.info-row-action{margin-left:calc(36px + .9rem);align-self:flex-start}.device-item{flex-wrap:wrap}.device-item .info-row-action{margin-left:calc(36px + .9rem)}}
