profile-tabs{width:100%;top:var(--navbar-height,56px);z-index:var(--z-sticky,20);background-color:var(--bg-canvas,#faf8f5);display:block;position:sticky}[data-theme=dark] profile-tabs{background-color:var(--bg-canvas,#0b0f19)}.profile-tabs-wrapper{width:100%;transition:background-color var(--transition-fast,.15s) ease;background-color:#0000;align-items:center;margin-bottom:20px;padding:8px 0;display:flex;top:0}.profile-tabs-nav{border:1px solid var(--color-border,#e2e8f0cc);white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;backdrop-filter:blur(12px);background:#f1f5f9d9;border-radius:12px;flex-wrap:nowrap;gap:4px;width:100%;margin-bottom:0;padding:4px;display:flex;overflow-x:auto}.profile-tabs-nav::-webkit-scrollbar{display:none}.profile-tabs-fade{pointer-events:none;z-index:22;width:36px;transition:opacity .2s;position:absolute;top:6px;bottom:6px}.profile-tabs-fade.left{background:linear-gradient(90deg,#f1f5f9f2,#0000);border-top-left-radius:12px;border-bottom-left-radius:12px;left:6px}.profile-tabs-fade.right{background:linear-gradient(270deg,#f1f5f9f2,#0000);border-top-right-radius:12px;border-bottom-right-radius:12px;right:6px}[data-theme=dark] .profile-tabs-fade.left{background:linear-gradient(90deg,#1e293bf2,#0000)}[data-theme=dark] .profile-tabs-fade.right{background:linear-gradient(270deg,#1e293bf2,#0000)}.profile-tab-scroll-btn{width:28px;height:28px;color:var(--color-accent-text,#b45309);cursor:pointer;z-index:25;background:#fff;border:1px solid #e2e8f0e6;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000024}.profile-tab-scroll-btn:hover{background:#fffbeb;transform:translateY(-50%)scale(1.12);box-shadow:0 4px 12px #0000002e}.profile-tab-scroll-btn.left{left:8px}.profile-tab-scroll-btn.right{right:8px}[data-theme=dark] .profile-tab-scroll-btn{color:var(--color-warning,#fbbf24);background:#1e293b;border-color:#334155cc;box-shadow:0 2px 8px #0006}[data-theme=dark] .profile-tab-scroll-btn:hover{background:#334155}[data-theme=dark] .profile-tabs-nav{background:#1e293bd9;border-color:#334155cc}.profile-tab-btn{color:var(--text-secondary,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 11px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.profile-tab-btn:hover{color:var(--text-primary,#0f172a);background:#fff9}[data-theme=dark] .profile-tab-btn:hover{color:var(--color-white,#f8fafc);background:#33415580}.profile-tabs-nav .profile-tab-btn.active{color:var(--color-accent-text,#b45309);background:#fff;border-color:#d9770633;font-weight:700;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}[data-theme=dark] .profile-tabs-nav .profile-tab-btn.active{color:var(--color-warning,#fbbf24);background:#0f172a;border-color:#f59e0b4d;box-shadow:0 1px 3px #0000004d}.tab-content{animation:.2s ease-in-out tabFadeIn}.tab-content,.profile-tab-panel,[data-tab-panel],.profile-tab-panel>div[id],.profile-details-container [id]{scroll-margin-top:var(--scroll-anchor-offset,140px)}@keyframes tabFadeIn{0%{opacity:0}to{opacity:1}}.dashboard-tabs{border-bottom:2px solid var(--color-border);gap:var(--spacing-val-10px);flex-wrap:wrap;margin-bottom:30px;padding-bottom:5px;display:flex}.tab-link{color:var(--color-text-muted);cursor:pointer;font-family:var(--font-headings);font-size:var(--spacing-val-15px);align-items:center;gap:var(--spacing-val-8px);padding:var(--spacing-val-10px) var(--spacing-val-20px);transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;font-weight:500;display:flex}.tab-link:hover{background-color:var(--color-val-rgb-197-160-89-8);color:var(--color-gold-dark)}.tab-link.active{background:linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dark) 100%);color:var(--color-white);font-weight:600}.tab-pane{display:none}.tab-pane.active{animation:.4s fade-in;display:block}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
