@charset "UTF-8";.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--button-md-padding-y) var(--button-md-padding-x);min-height:var(--button-md-min-height);font-family:var(--button-font-family);font-size:var(--button-md-font-size);font-weight:var(--button-font-weight);line-height:var(--button-md-line-height);text-decoration:none;text-align:center;white-space:nowrap;letter-spacing:.01em;border:none;border-radius:var(--button-border-radius);cursor:pointer;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,var(--theme-color-primary) 0%,rgba(var(--theme-color-primary-rgb, 37, 99, 235),.85) 100%);color:var(--theme-color-on-primary);box-shadow:0 2px 4px rgba(var(--button-shadow-color-rgb),.1),0 4px 12px rgba(var(--theme-color-primary-rgb, 37, 99, 235),var(--button-glow-intensity)),inset 0 1px #ffffff1a;transition:var(--button-transition);user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform-style:preserve-3d;perspective:1000px}.button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 50%);opacity:0;transition:opacity var(--button-transition-normal) ease}.button:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.4) 0%,transparent 60%);opacity:0;transition:opacity var(--button-transition-normal) ease}.button:hover{transform:var(--button-hover-transform);box-shadow:0 4px 8px rgba(var(--button-shadow-color-rgb),.15),0 8px 24px rgba(var(--theme-color-primary-rgb, 37, 99, 235),calc(var(--button-glow-intensity) + .15)),inset 0 1px #fff3}.button:hover:before{opacity:1}.button:hover:after{opacity:.6}.button:active{transform:var(--button-active-transform);box-shadow:0 1px 2px rgba(var(--button-shadow-color-rgb),.1),0 2px 8px rgba(var(--theme-color-primary-rgb, 37, 99, 235),var(--button-glow-intensity))}.button:focus-visible{outline:3px solid rgba(var(--theme-color-primary-rgb, 37, 99, 235),.5);outline-offset:2px}.button svg{width:1em;height:1em;flex-shrink:0}.alert{padding:var(--spacing-4) var(--spacing-6);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-4);display:flex;align-items:flex-start;gap:var(--spacing-3);position:relative;transition:var(--transition-duration-normal)}@media(max-width:768px){.alert{padding:var(--spacing-4) var(--spacing-5)}}@media(max-width:400px){.alert{padding:var(--spacing-3) var(--spacing-4);flex-direction:column;gap:var(--spacing-2)}}.alert__icon{flex-shrink:0;width:var(--spacing-5);height:var(--spacing-5);margin-top:2px}.alert__content{flex:1}@media(max-width:400px){.alert__content{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}}.alert__title{font-weight:600;margin-bottom:var(--spacing-1);color:inherit}.alert__message{color:inherit;line-height:var(--text-line-height-relaxed)}.alert__close{flex-shrink:0;width:var(--spacing-6);height:var(--spacing-6);display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;opacity:.7;cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-duration-normal)}.alert__close:hover{opacity:1;background-color:#0000001a}.alert--success{background-color:var(--theme-color-success);color:var(--theme-color-on-success)}.alert--warning{background-color:var(--theme-color-warning);color:var(--theme-color-on-warning)}.alert--error{background-color:var(--theme-color-error);color:var(--theme-color-on-error)}.alert--info{background-color:var(--theme-color-info);color:var(--theme-color-on-info)}.alert--success-border{background-color:var(--theme-bg-surface);border:1px solid var(--theme-color-success);border-left:4px solid var(--theme-color-success);color:var(--theme-text-primary)}.alert--warning-border{background-color:var(--theme-bg-surface);border:1px solid var(--theme-color-warning);border-left:4px solid var(--theme-color-warning);color:var(--theme-text-primary)}.alert--error-border{background-color:var(--theme-bg-surface);border:1px solid var(--theme-color-error);border-left:4px solid var(--theme-color-error);color:var(--theme-text-primary)}.alert--info-border{background-color:var(--theme-bg-surface);border:1px solid var(--theme-color-info);border-left:4px solid var(--theme-color-info);color:var(--theme-text-primary)}.alert--success-soft{background-color:var(--theme-color-success-soft-bg, #dcfce7);color:var(--theme-color-success-soft-text, #166534);border:1px solid var(--theme-color-success-soft-border, #86efac)}.alert--warning-soft{background-color:var(--theme-color-warning-soft-bg, #fef3c7);color:var(--theme-color-warning-soft-text, #92400e);border:1px solid var(--theme-color-warning-soft-border, #fcd34d)}.alert--error-soft{background-color:var(--theme-color-error-soft-bg, #fee2e2);color:var(--theme-color-error-soft-text, #991b1b);border:1px solid var(--theme-color-error-soft-border, #fca5a5)}.alert--info-soft{background-color:var(--theme-color-info-soft-bg, #dbeafe);color:var(--theme-color-info-soft-text, #1e40af);border:1px solid var(--theme-color-info-soft-border, #93c5fd)}.alert--dismissible{padding-right:var(--spacing-10)}.alert--dismissible .alert__close{position:absolute;top:var(--spacing-3);right:var(--spacing-3)}.alert--inline{display:inline-flex;margin-bottom:0}.alert--compact{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-font-size-sm)}.alert__actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-size, 40px);height:var(--avatar-size, 40px);border-radius:var(--avatar-radius, 50%);background-color:var(--theme-bg-surface-secondary);color:var(--theme-text-primary);font-weight:var(--font-weight-medium);font-size:calc(var(--avatar-size, 40px) * .4);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--xs{--avatar-size: 24px}.avatar--sm{--avatar-size: 32px}.avatar--lg{--avatar-size: 56px}.avatar--xl{--avatar-size: 80px}.avatar--2xl{--avatar-size: 112px}.profile-container{max-width:640px;margin:0 auto;padding:var(--spacing-6, 1.5rem)}.profile-page{padding-block:var(--spacing-8, 2rem)}@media(max-width:640px){.profile-page{padding-block:var(--spacing-4, 1rem)}}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-4, 1rem);padding:var(--spacing-12, 3rem) var(--spacing-4, 1rem)}.profile-loading-spinner{width:40px;height:40px;border:3px solid var(--theme-border-primary, #e2e8f0);border-top-color:var(--theme-color-primary, #2563eb);border-radius:50%;animation:profile-spin .8s linear infinite}@keyframes profile-spin{to{transform:rotate(360deg)}}.profile-header{margin-bottom:var(--spacing-6, 1.5rem);text-align:center}.profile-header h1{font-size:var(--text-2xl, 1.5rem);font-weight:700;color:var(--theme-text-primary, #1e293b);margin-bottom:var(--spacing-2, .5rem)}.profile-header p{color:var(--theme-text-secondary, #475569);font-size:var(--text-base, 1rem)}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-6, 1.5rem)}.profile-section{background:var(--theme-bg-surface, #ffffff);border:1px solid var(--theme-border-primary, #e2e8f0);border-radius:var(--border-radius-lg, .75rem);padding:var(--spacing-6, 1.5rem);margin-bottom:var(--spacing-6, 1.5rem)}@media(max-width:640px){.profile-section{padding:var(--spacing-4, 1rem)}}.profile-section h2{font-size:var(--text-lg, 1.125rem);font-weight:600;color:var(--theme-text-primary, #1e293b);margin-bottom:var(--spacing-4, 1rem);padding-bottom:var(--spacing-3, .75rem);border-bottom:1px solid var(--theme-border-primary, #e2e8f0)}.profile-section--danger{border-color:var(--theme-color-error, #ef4444);background:#ef444405}.profile-section--danger h2{color:var(--theme-color-error, #ef4444);border-bottom-color:#ef444433}.profile-avatar-section{display:flex;align-items:flex-start;gap:var(--spacing-6, 1.5rem)}@media(max-width:640px){.profile-avatar-section{flex-direction:column;align-items:center;gap:var(--spacing-4, 1rem)}}.profile-avatar-preview{flex-shrink:0;width:128px;height:128px;border-radius:50%;overflow:hidden;border:4px solid var(--theme-border-primary, #e2e8f0);background:var(--theme-bg-surface-secondary, #f1f5f9)}.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}@media(max-width:640px){.profile-avatar-preview{width:96px;height:96px}}.profile-avatar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3, .75rem);padding-top:var(--spacing-2, .5rem)}.profile-hint{width:100%;margin-top:var(--spacing-3, .75rem);font-size:var(--text-sm, .875rem);color:var(--theme-text-muted, #64748b)}.profile-field{position:relative;margin-bottom:var(--spacing-4, 1rem)}.profile-field:last-child{margin-bottom:0}.profile-field--inline{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4, 1rem)}@media(max-width:640px){.profile-field--inline{grid-template-columns:1fr}}.profile-input{width:100%;padding:var(--spacing-3, .75rem) var(--spacing-4, 1rem);border:1px solid var(--theme-border-primary, #e2e8f0);border-radius:var(--border-radius-md, .5rem);background:var(--theme-bg-surface, #ffffff);color:var(--theme-text-primary, #1e293b);font-family:var(--font-inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:var(--text-base, 1rem);transition:var(--transition-duration-normal, .3s)}.profile-input::placeholder{color:var(--theme-text-muted, #64748b)}.profile-input:focus{outline:none;border-color:var(--theme-color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb33}.profile-input:disabled{background:var(--theme-bg-surface-secondary, #f1f5f9);color:var(--theme-text-muted, #64748b);cursor:not-allowed;opacity:.7}.profile-input--error{border-color:var(--theme-color-error, #ef4444)}.profile-input--error:focus{box-shadow:0 0 0 3px #dc262633}.profile-meta{color:var(--theme-text-secondary, #475569);font-size:var(--text-sm, .875rem)}.profile-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3, .75rem);padding-top:var(--spacing-2, .5rem)}@media(max-width:640px){.profile-actions{flex-direction:column}}.profile-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2, .5rem);padding:var(--spacing-3, .75rem) var(--spacing-6, 1.5rem);border-radius:var(--border-radius-md, .5rem);font-family:var(--font-inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:var(--text-sm, .875rem);font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition-duration-normal, .3s);border:none;min-height:44px}.profile-btn--primary{background:linear-gradient(135deg,var(--theme-color-primary, #2563eb) 0%,rgba(37,99,235,.85) 100%);color:#fff;box-shadow:0 2px 4px #0000001a}.profile-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.profile-btn--primary:disabled{opacity:.6;cursor:not-allowed}.profile-btn--outline{background:transparent;border:2px solid var(--theme-color-primary, #2563eb);color:var(--theme-color-primary, #2563eb)}.profile-btn--outline:hover:not(:disabled){background:var(--theme-color-primary, #2563eb);color:#fff}.profile-btn--ghost{background:transparent;border:none;color:var(--theme-text-secondary, #475569)}.profile-btn--ghost:hover:not(:disabled){color:var(--theme-text-primary, #1e293b);background:var(--theme-bg-surface-secondary, #f1f5f9)}.profile-btn--danger{background:linear-gradient(135deg,var(--theme-color-error, #ef4444) 0%,rgba(220,38,38,.85) 100%);color:#fff}.profile-btn--danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.profile-btn:disabled{opacity:.6;cursor:not-allowed}.profile-alert{display:flex;align-items:flex-start;gap:var(--spacing-3, .75rem);padding:var(--spacing-4, 1rem);border-radius:var(--border-radius-md, .5rem);margin-bottom:var(--spacing-4, 1rem);position:relative}.profile-alert--error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:var(--theme-color-error, #ef4444)}.profile-alert--success{background:#0596691a;border:1px solid rgba(5,150,105,.3);color:var(--theme-color-success, #059669)}.profile-alert-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:var(--text-sm, .875rem);background:currentColor;color:#fff}.profile-alert-close{position:absolute;top:var(--spacing-2, .5rem);right:var(--spacing-2, .5rem);background:transparent;border:none;color:inherit;opacity:.6;cursor:pointer;padding:var(--spacing-1, .25rem);line-height:1;font-size:var(--text-lg, 1.125rem)}.profile-alert-close:hover{opacity:1}.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-12, 3rem) var(--spacing-4, 1rem);min-height:400px}.profile-error h2{font-size:var(--text-2xl, 1.5rem);font-weight:600;color:var(--theme-text-primary, #1e293b);margin-bottom:var(--spacing-2, .5rem)}.profile-error p{color:var(--theme-text-secondary, #475569);margin-bottom:var(--spacing-6, 1.5rem)}.profile-login{display:flex;align-items:center;justify-content:center;padding:var(--spacing-12, 3rem) var(--spacing-4, 1rem);min-height:400px}.profile-danger-zone{margin-top:var(--spacing-6, 1.5rem)}.profile-danger-zone p{color:var(--theme-text-secondary, #475569);margin-bottom:var(--spacing-4, 1rem);font-size:var(--text-sm, .875rem)}@media(max-width:640px){.profile-container{padding:var(--spacing-4, 1rem)}.profile-header h1{font-size:var(--text-xl, 1.25rem)}.profile-section{padding:var(--spacing-4, 1rem)}.profile-avatar-actions{flex-direction:column;width:100%}.profile-avatar-actions .profile-btn{width:100%}}[data-theme=dark] .profile-section{background:var(--theme-bg-surface-secondary, #1e293b);border-color:var(--theme-border-primary, #334155)}[data-theme=dark] .profile-header h1{color:var(--theme-text-primary, #f1f5f9)}[data-theme=dark] .profile-header p{color:var(--theme-text-secondary, #94a3b8)}[data-theme=dark] .profile-input{background:var(--theme-bg-surface, #0f172a);border-color:var(--theme-border-primary, #334155);color:var(--theme-text-primary, #f1f5f9)}[data-theme=dark] .profile-input:focus{background:var(--theme-bg-surface, #0f172a)}[data-theme=dark] .profile-input:disabled{background:var(--theme-bg-surface-secondary, #1e293b)}[data-theme=dark] .profile-alert-icon{color:#0f172a}
