@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f5f5f3;--color-surface:#fff;--color-surface-alt:#f0efed;--color-border:#e4e4e2;--color-text-primary:#1a1a1a;--color-text-secondary:#6b6b6b;--color-text-muted:#a0a0a0;--color-accent:#1a1a1a;--color-accent-light:#f0efed;--color-danger:#d94f4f;--color-success:#3a9e6e;--color-warning:#c97b2e;--color-skeleton-base:#e8e8e6;--color-skeleton-shine:#f2f2f0;--font-sans:"DM Sans",sans-serif;--font-mono:"DM Mono",monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--ease:cubic-bezier(0.4,0,0.2,1);--duration-fast:150ms;--duration-base:250ms;--duration-slow:400ms}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#f5f5f3;background-color:var(--color-bg);color:#1a1a1a;color:var(--color-text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-sans);line-height:1.6;min-height:100vh}h1{font-size:clamp(1.5rem,4vw,2rem);line-height:1.2}h1,h2{font-weight:600}h2{font-size:clamp(1.2rem,3vw,1.5rem);line-height:1.3}h3{font-size:1.1rem}h3,h4{font-weight:500}h4{font-size:1rem}h5{font-size:.9rem}h5,h6{font-weight:500}h6{font-size:.8rem}p{color:#6b6b6b;color:var(--color-text-secondary);line-height:1.7}small{color:#a0a0a0;color:var(--color-text-muted);font-size:.8rem}a{color:#1a1a1a;color:var(--color-accent);text-decoration:none;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--duration-fast) var(--ease)}a:hover{opacity:.7}.container{margin-inline:auto;max-width:960px;padding-inline:24px;padding-inline:var(--space-6);width:100%}.container--sm{max-width:560px}.container--md{max-width:720px}.container--lg{max-width:1200px}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px;gap:var(--space-2)}.gap-3{gap:12px;gap:var(--space-3)}.gap-4{gap:16px;gap:var(--space-4)}.gap-6{gap:24px;gap:var(--space-6)}.card{background:#fff;background:var(--color-surface);border:1px solid #e4e4e2;border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-6)}.card--flat{background:#f0efed;background:var(--color-surface-alt);border:none;box-shadow:none}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;gap:var(--space-1);letter-spacing:.02em;padding:4px 12px;padding:var(--space-1) var(--space-3)}.badge--success{background:#e6f5ee;color:#3a9e6e;color:var(--color-success)}.badge--danger{background:#fceaea;color:#d94f4f;color:var(--color-danger)}.badge--warning{background:#fdf0e3;color:#c97b2e;color:var(--color-warning)}.badge--neutral{background:#f0efed;background:var(--color-surface-alt);color:#6b6b6b;color:var(--color-text-secondary)}.btn{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-sans);font-size:.9rem;font-weight:500;gap:8px;gap:var(--space-2);padding:8px 20px;padding:var(--space-2) var(--space-5);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease);white-space:nowrap}.btn--primary{background:#1a1a1a;background:var(--color-accent);border-color:#1a1a1a;border-color:var(--color-accent);color:#fff}.btn--primary:hover{opacity:.85}.btn--ghost{background:#0000;border-color:#e4e4e2;border-color:var(--color-border);color:#1a1a1a;color:var(--color-text-primary)}.btn--ghost:hover{background:#f0efed;background:var(--color-surface-alt)}.btn--sm{font-size:.8rem;padding:4px 12px;padding:var(--space-1) var(--space-3)}.btn--lg{font-size:1rem;padding:12px 32px;padding:var(--space-3) var(--space-8)}.divider{border:none;border-top:1px solid #e4e4e2;border-top:1px solid var(--color-border);margin-block:16px;margin-block:var(--space-4)}.skeleton{background:#e8e8e6;background:var(--color-skeleton-base);border-radius:8px;border-radius:var(--radius-md);overflow:hidden;position:relative}.skeleton:after{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#0000,#f2f2f0 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--color-skeleton-shine) 50%,#0000 100%);content:"";inset:0;position:absolute}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton--text{height:1em;width:100%}.skeleton--avatar,.skeleton--circle{border-radius:9999px;border-radius:var(--radius-full)}.skeleton--avatar{height:80px;width:80px}.text-muted{color:#a0a0a0;color:var(--color-text-muted)}.text-secondary{color:#6b6b6b;color:var(--color-text-secondary)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.mt-2{margin-top:8px;margin-top:var(--space-2)}.mt-4{margin-top:16px;margin-top:var(--space-4)}.mt-6{margin-top:24px;margin-top:var(--space-6)}.mb-2{margin-bottom:8px;margin-bottom:var(--space-2)}.mb-4{margin-bottom:16px;margin-bottom:var(--space-4)}.mb-6{margin-bottom:24px;margin-bottom:var(--space-6)}.w-full{width:100%}.h-full{height:100%}@media (max-width:768px){.container{padding-inline:16px;padding-inline:var(--space-4)}.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}.profile-page{background:var(--color-bg);min-height:100vh;padding:var(--space-8) var(--space-4)}.profile-card{animation:fadeUp var(--duration-slow) var(--ease) both;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-inline:auto;max-width:480px;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.profile-header{background:var(--color-accent);height:90px;position:relative}.profile-avatar-wrap{bottom:-36px;left:var(--space-6);position:absolute}.profile-avatar{display:block;object-fit:cover}.profile-avatar,.profile-avatar-initials{border:3px solid var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:100px;width:100px}.profile-avatar-initials{align-items:center;background:var(--color-surface-alt);color:var(--color-text-primary);display:flex;font-size:2rem;font-weight:600;justify-content:center;letter-spacing:-.02em}.profile-body{padding:calc(36px + var(--space-4)) var(--space-6) var(--space-6)}.profile-name{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;letter-spacing:-.02em;line-height:1.2}.profile-id{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;margin-top:var(--space-1)}.profile-badge-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}hr.divider{border:none;border-top:1px solid var(--color-border);margin-block:var(--space-5)}.profile-details{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr}.detail-item{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between}.detail-label{color:var(--color-text-muted);flex-shrink:0;font-size:.75rem;font-weight:500;letter-spacing:.08em;margin-bottom:0;text-transform:uppercase}.detail-value{color:var(--color-text-primary);font-size:.9rem;font-weight:500;text-align:right}.profile-stats{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(3,1fr);margin-top:var(--space-5)}.stat-box{background:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);text-align:center}.stat-box-value{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;letter-spacing:-.02em}.stat-box-label{color:var(--color-text-muted);font-size:.7rem;letter-spacing:.06em;margin-top:2px;text-transform:uppercase}.profile-card.is-loading .profile-header{background:var(--color-skeleton-base)}.sk-name{height:20px;width:60%}.sk-id{height:12px;margin-top:var(--space-2);width:35%}.sk-badge{border-radius:var(--radius-full);height:22px;width:70px}.sk-label{height:10px;margin-bottom:var(--space-1);width:50%}.sk-value{height:16px;width:80%}.sk-stat{height:44px}.sk-avatar{border:3px solid var(--color-surface);border-radius:var(--radius-full);bottom:-36px;height:72px;left:var(--space-6);position:absolute;width:72px}@media (max-width:480px){.profile-page{padding:var(--space-4) var(--space-3)}.profile-card{box-shadow:none}.profile-details{gap:var(--space-3);grid-template-columns:1fr}.profile-body{padding-inline:var(--space-4)}}.profile-tabs{border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-1);justify-content:space-between;margin-bottom:var(--space-5);overflow-x:auto}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-family:var(--font-sans);font-size:.85rem;font-weight:500;padding:var(--space-3) var(--space-1);text-align:center;transition:all var(--duration-fast) var(--ease);white-space:nowrap}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{border-bottom-color:var(--color-accent);color:var(--color-accent);font-weight:600}.avatar-modal-overlay{align-items:center;animation:fadeIn .2s ease both;background:#000000bf;display:flex;inset:0;justify-content:center;padding:var(--space-6);position:fixed;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.avatar-modal-content{align-items:center;animation:scaleIn .2s ease both;background:var(--color-surface);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-4);max-width:320px;padding:var(--space-6);position:relative;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.avatar-modal-close{align-items:center;background:var(--color-surface-alt);border:none;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:.75rem;height:28px;justify-content:center;position:absolute;right:var(--space-3);top:var(--space-3);width:28px}.avatar-modal-img{box-shadow:var(--shadow-md);object-fit:cover}.avatar-modal-img,.avatar-modal-initials{border:3px solid var(--color-border);border-radius:var(--radius-full);height:180px;width:180px}.avatar-modal-initials{align-items:center;background:var(--color-surface-alt);color:var(--color-text-primary);display:flex;font-size:3rem;font-weight:600;justify-content:center}.avatar-upload-btn{background:var(--color-accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;display:block;font-family:var(--font-sans);font-size:.875rem;font-weight:600;padding:var(--space-3) var(--space-4);text-align:center;transition:opacity .15s ease;width:100%}.avatar-upload-btn:hover{opacity:.88}.avatar-upload-msg{color:#22c55e;color:var(--color-success,#22c55e);font-size:.8rem;text-align:center}.profile-avatar-wrap{display:inline-block;position:relative}.avatar-edit-btn{align-items:center;background:var(--color-accent);border:2px solid var(--color-surface);border-radius:var(--radius-full);bottom:2px;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:.65rem;height:30px;justify-content:center;position:absolute;right:2px;transition:opacity .15s ease;width:30px}.avatar-edit-btn:hover{opacity:.85}
/*# sourceMappingURL=main.da2bf6d2.css.map*/