.content-wrapper.fade{opacity:0}.tab-item{background-color:var(--bg-card);border:1px solid var(--color-custom-border);border-radius:var(--radius-md);padding:20px 24px;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;gap:8px}.tab-item:hover{border-color:#d4d4d8}.tab-item.active{box-shadow:var(--shadow-tab);border-color:transparent}.tab-number{font-size:10px;font-weight:700;color:#a1a1aa;transition:var(--transition)}.tab-item.active .tab-number{color:var(--color-navy)}.tab-title{font-size:14px;font-weight:700;color:var(--color-navy);line-height:1.4}.dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-navy);transition:var(--transition);cursor:pointer}.dot.active{width:28px;background-color:var(--color-yellow);border-radius:6px}